{include file="public/head"}
<!-- 视频播放页 -->
<main>
    <div class="container">

        <!-- 播放器区域：16:9 占满宽度 -->
        <section class="player-box">
            {if condition="$obj.vod_copyright eq 1 && $GLOBALS['config']['app']['copyright_status'] eq 1 "}
            <div class="player-tip">
                <p>{$GLOBALS['config']['app']['copyright_notice']|mac_default='应版权方要求！本片相关资源已关闭！'}</p>
            </div>
            {elseif $obj.vod_lock}
            <div class="player-tip">
                <p>因特殊原因，该视频暂时无法观看</p>
            </div>
            {else}
            {if condition="$obj['type_id_1']==$conch['theme']['type']['zb']"}
            {maccms:foreach name="obj.vod_play_list" id="vo" by="num"}
            {empty name="$vo.urls"}
            <div class="player-tip"><p>抱歉，暂无信号源</p></div>
            {/empty}
            {/maccms:foreach}
            {/if}
            {$player_data}
            {$player_js}
            {/if}
        </section>


        <!-- 当前播放信息 + 上一集/下一集 -->
        <section class="player-info">
            <div class="player-info__title">
                <h1>{$obj.vod_name}</h1>
                <span class="player-now">{if condition="$param.nid"}{$obj['vod_play_list'][$param['sid']]['urls'][$param['nid']]['name']}{else /}正片{/if}</span>
            </div>
            <div class="player-nav">
                <a class="btn btn-outline" href="{$obj.player_info.link_pre|default='#'}">‹ 上一集</a>
                <a class="btn btn-primary" href="{$obj.player_info.link_next|default='#'}">下一集 ›</a>
                <a class="btn btn-ghost" href="{:mac_url_vod_detail($obj)}">查看详情</a>
            </div>
        </section>

        <!-- 剧集列表：横向滚动 -->
        {if condition="!empty($obj.vod_play_list)"}
        <section class="ui-box" data-tabs>
            <div class="box-title"><h2>选集</h2><span>共 {$obj['vod_play_list'][$param['sid']]['url_count']|default='0'} 集</span></div>
            <div class="play-tabs" role="tablist">
                {maccms:foreach name="obj.vod_play_list" id="vo" key="key"}
                <button class="play-tab{if condition="$key eq $param.sid"} active{/if}" type="button" data-tab="{$key}" role="tab">{if condition="$vo.player_info.show"}{$vo.player_info.show}{else /}{$vo.from}{/if}</button>
                {/maccms:foreach}
            </div>
            {maccms:foreach name="obj.vod_play_list" id="vo" key="key"}
            <div class="episode-list{if condition="$key eq $param.sid"} active{/if}" data-tab-panel="{$key}">
                {maccms:foreach name="vo.urls" id="vo2" key="key2"}
                <a class="episode-btn{if condition="$key2 eq $param.nid"} active{/if}" href="{:mac_url_vod_play($obj,['sid'=>$vo.sid,'nid'=>$vo2.nid])}" title="{$vo2.name}">{$vo2.name}</a>
                {/maccms:foreach}
            </div>
            {/maccms:foreach}
        </section>
        {/if}


        <!-- 相关推荐 -->
        <section class="ui-box">
            <div class="box-title"><h2>相关推荐</h2><span>与「{$obj.vod_name}」相关的影片</span></div>
            <div class="vod-grid">
                {maccms:vod num="14" ids="'.$obj['vod_rel_vod'].'" order="desc" by="time"}
                <a class="vod-card" href="{:mac_url_vod_play($vo)}" title="{$vo.vod_name}">
                    <div class="vod-card__cover">
                        <img src="{:mac_url_img($vo.vod_pic)}" alt="{$vo.vod_name}" loading="lazy">
                        {if condition="$vo.vod_remarks"}<span class="vod-card__tag">{$vo.vod_remarks}</span>{/if}
                        <span class="vod-card__play"><i aria-hidden="true"></i><span>{$vo.vod_name}</span></span>
                    </div>
                    <div class="vod-card__info">
                        <h3 class="vod-card__title">{$vo.vod_name}</h3>
                        <p class="vod-card__meta">{$vo.vod_actor|mac_default=''}</p>
                        <p class="vod-card__desc">{$vo.vod_blurb|mac_default=''}</p>
                    </div>
                </a>
                {/maccms:vod}
            </div>
        </section>

    </div>
</main>
{include file="public/foot"}