{include file="public/head"}

<div class="detail-hero" style="padding-top:80px">
  <div class="hero-bg" style="background-image:url({:mac_url_img($obj.vod_pic)})"></div>
  <div class="hero-overlay"></div>
  <div class="hero-inner">
    <div class="hero-poster">
      <img src="{:mac_url_img($obj.vod_pic)}" alt="{$obj.vod_name}" data-src="{:mac_url_img($obj.vod_pic)}">
    </div>
    <div class="hero-info">
      <h1>{$obj.vod_name}</h1>
      <div class="hero-meta">
        {if condition="$obj.vod_score neq 0"}<span class="score">{$obj.vod_score}</span>{/if}
        <span>{$obj.vod_duration|mac_default='未知'}</span>
        <span>{$obj.vod_year|mac_default='未知'}</span>
        <span>{$obj.vod_area|mac_default='未知'}</span>
        <span>{$obj.vod_lang|mac_default='未知'}</span>
      </div>
      <div class="hero-tags">
        {maccms:foreach name=":explode(',',$obj.vod_tag)" id="vo2"}
        <a href="{:mac_url('vod/search',['tag'=>$vo2])}">{$vo2}</a>
        {/maccms:foreach}
        {maccms:foreach name=":explode(',',$obj.vod_class)" id="vo2"}
        <a href="{:mac_url('vod/search',['class'=>$vo2])}">{$vo2}</a>
        {/maccms:foreach}
      </div>
      <div class="hero-crew">
        <strong>导演：</strong>{$obj.vod_director|mac_default='未知'}<br>
        <strong>主演：</strong>{$obj.vod_actor|mac_default='未知'}<br>
        <strong>更新：</strong>{$obj.vod_time|mac_default='未知'} / {$obj.vod_remarks|mac_default=''}
      </div>
      <div class="hero-btns">
        {if condition="!empty($obj.vod_play_list)"}
        <a href="{:mac_url_vod_play($obj)}" class="btn-play">
          <svg viewBox="0 0 24 24"><polygon points="5,3 19,12 5,21"/></svg>
          立即播放
        </a>
        {else}
        <a href="#" class="btn-play" style="opacity:.5;pointer-events:none">
          <svg viewBox="0 0 24 24"><polygon points="5,3 19,12 5,21"/></svg>
          暂无播放源
        </a>
        {/if}

      </div>
      <p class="hero-desc">{$obj.vod_content|mac_default='暂无简介'}</p>
    </div>
  </div>
</div>

<div class="episode-section">
  <div class="ep-heading">播放线路</div>
  {if condition="!empty($obj.vod_play_list)"}
  <div class="source-tabs">
    {maccms:foreach name="obj.vod_play_list" id="vo" key="key"}
    <button class="tab-btn {if condition="$key eq 1"} active{/if}" data-index="{$key}">{$vo.player_info.show}</button>
    {/maccms:foreach}
  </div>
  {maccms:foreach name="obj.vod_play_list" id="vo" key="key"}
  <div class="episode-list {if condition="$key eq 1"} active{/if}" data-index="{$key}">
    {maccms:foreach name="vo.urls" id="vo2" key="key2"}
    <a href="{:mac_url_vod_play($obj,['sid'=>$vo.sid,'nid'=>$vo2.nid])}" target="{$vo.player_info.target}">{$vo2.name}</a>
    {/maccms:foreach}
  </div>
  {/maccms:foreach}
  {/if}
</div>

<div class="related-section">
  <h2>相关推荐</h2>
  <div class="scroll-row">
    {maccms:vod num="12" ids="'.$obj['vod_rel_vod'].'" order="desc" by="time"}
    <a href="{:mac_url_vod_play($vo)}" class="poster-card">
      <div class="poster-wrap">
        <img src="{:mac_url_img($vo.vod_pic)}" alt="{$vo.vod_name}" data-src="{:mac_url_img($vo.vod_pic)}">
        {if condition="$vo.vod_score neq 0"}<span class="rating-badge">{$vo.vod_score}</span>{/if}
      </div>
      <span class="poster-title">{$vo.vod_name}</span>
    </a>
    {/maccms:vod}
  </div>
</div>

<span style="display:none" class="mac_ulog_set" alt="设置内容页浏览记录" data-type="1" data-mid="{$maccms.mid}" data-id="{$obj.vod_id}" data-sid="{$param.sid}" data-nid="{$param.nid}"></span>
<span style="display:none" class="mac_history_set" alt="设置History历史记录" data-name="[{$obj.type.type_name}]{$obj.vod_name}" data-pic="{$obj.vod_pic|mac_url_img}"></span>

{include file="public/foot"}