{include file="public/head"}

<!-- 视频播放页-主内容区 -->
<main class="page">
    <div class="container">

        <!-- 面包屑 -->
        <nav aria-label="当前位置">
            <ol class="crumb">
                <li><a href="{$maccms.path}">首页</a></li>
                {if condition="$obj.type_1.type_name"}<li><a href="{:mac_url_type($obj.type_1)}">{$obj.type_1.type_name}</a></li>{/if}
                <li><a href="{:mac_url_type($obj.type)}">{$obj.type.type_name}</a></li>
                <li><a href="{:mac_url_vod_detail($obj)}">{$obj.vod_name}</a></li>
                <li class="is-current" aria-current="page">{$obj['vod_play_list'][$param['sid']]['urls'][$param['nid']]['name']}</li>
            </ol>
        </nav>

        <!-- 播放器（16:9 满宽） -->
        {if condition="$obj.vod_copyright eq 1 && $GLOBALS['config']['app']['copyright_status'] eq 1"}
        <section class="panel">
            <div class="empty">{$GLOBALS['config']['app']['copyright_notice']|mac_default='应版权方要求！本片相关资源已关闭！'}</div>
        </section>
        {elseif$obj.vod_lock}
        <section class="panel">
            <div class="empty">因特殊原因，该视频暂时无法观看</div>
        </section>
        {else}
        <section class="player__wrap" aria-label="视频播放器">
            {$player_data}
            {$player_js}
        </section>

        <!-- 播放信息 + 上下集导航 -->
        <div class="player__info">
            <h1 class="player__title">
                {$obj.vod_name}
                <span class="player__ep">{$obj['vod_play_list'][$param['sid']]['urls'][$param['nid']]['name']}</span>
            </h1>
            <div class="player__nav">
                {if condition="$obj['player_info']['link_pre'] neq ''"}
                <a href="{$obj.player_info.link_pre}">上一集</a>
                {else /}
                <a class="is-disabled" href="javascript:;" aria-disabled="true">上一集</a>
                {/if}
                <a href="{:mac_url_vod_detail($obj)}">选集</a>
                {if condition="$obj['player_info']['link_next'] neq ''"}
                <a href="{$obj.player_info.link_next}">下一集</a>
                {else /}
                <a class="is-disabled" href="javascript:;" aria-disabled="true">下一集</a>
                {/if}
            </div>
        </div>
        {/if}

        <!-- 剧集列表（横向滚动） -->
        {if condition="$obj.vod_copyright eq 1 && $GLOBALS['config']['app']['copyright_status'] eq 1"}
        {else /}
        {if condition="!empty($obj.vod_play_list)"}
        <section class="panel episode-row play-source">
            <div class="episode-row__head">
                <h2 class="episode-row__title">剧集列表</h2>
                <span class="stat-count">共{$obj['vod_play_list'][$param['sid']]['url_count']}集</span>
            </div>

            <!-- 播放源 TAB -->
            <div class="play-source__tabs">
                {maccms:foreach name="obj.vod_play_list" id="vo" key="key"}
                <span class="play-source__tab{if condition="$vo.sid eq $param['sid']"} is-active{/if}" data-tab="{$vo.sid}">{$vo.player_info.show}</span>
                {/maccms:foreach}
            </div>

            <!-- 各播放源剧集 -->
            {maccms:foreach name="obj.vod_play_list" id="vo" key="key"}
            <div class="play-source__panel{if condition="$vo.sid eq $param['sid']"} is-active{/if}" data-panel="{$vo.sid}">
                <div class="episode-scroll no-scrollbar">
                    {maccms:foreach name="vo.urls" id="vo2" key="key2"}
                    <a class="episode-btn{if condition="$vo.sid eq $param['sid'] && $vo2.nid eq $param['nid']"} is-active{/if}" href="{:mac_url_vod_play($obj,['sid'=>$vo.sid,'nid'=>$vo2.nid])}">{$vo2.name}</a>
                    {/maccms:foreach}
                </div>
            </div>
            {/maccms:foreach}
        </section>
        {/if}
        {/if}

        <!-- 相关推荐 -->
        <section class="section">
            <div class="section__head">
                <h2 class="section__title">相关推荐</h2>
            </div>
            <div class="vod-grid">
                {maccms:vod num="14" ids="'.$obj['vod_rel_vod'].'" order="desc" by="time"}
                <article class="vod-card">
                    <a class="vod-card__cover" href="{:mac_url_vod_play($vo)}" title="{$vo.vod_name}">
                        <img class="vod-card__img" src="{:mac_url_img($vo.vod_pic)}" alt="{$vo.vod_name}">
                        {if condition="$vo.vod_remarks neq ''"}<span class="vod-card__badge">{$vo.vod_remarks}</span>{/if}
                        <span class="vod-card__play">
                            <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M8 5v14l11-7z"></path></svg>立即播放
                        </span>
                        <span class="vod-card__mask"></span>
                    </a>
                    <div class="vod-card__info">
                        <h3 class="vod-card__title"><a href="{:mac_url_vod_detail($vo)}">{$vo.vod_name}</a></h3>
                        <p class="vod-card__meta"><span class="tag tag--hot">{$vo.type.type_name}</span><span>{$vo.vod_year}</span></p>
                    </div>
                </article>
                {/maccms:vod}
            </div>
        </section>

    </div>
</main>

{include file="public/foot"}