{include file="public/head"}

<div class="hero-banner">
  {maccms:vod num="5" paging="no" type="all" order="desc" by="sort" level="9"}
  <div class="banner-item" style="position:absolute;inset:0;opacity:0;transition:opacity .6s;pointer-events:none">
    <div class="banner-bg" style="background-image:url({:mac_url_img($vo.vod_pic_slide)})"></div>
    <div class="banner-content">
      <h1>{$vo.vod_name}</h1>
      <div class="banner-meta">
        {if condition="$vo.vod_score neq 0"}<span>{$vo.vod_score}分</span>{/if}
        <span>{$vo.vod_year|default='未知'}</span>
        <span>{$vo.vod_area|default='未知'}</span>
        <span>{$vo.vod_class|default='未知'}</span>
      </div>
      <div class="banner-btns">
        <a href="{:mac_url_vod_play($vo)}" class="btn-play">
          <svg viewBox="0 0 24 24"><polygon points="5,3 19,12 5,21"/></svg>
          立即播放
        </a>
        <a href="{:mac_url_vod_detail($vo)}" class="btn-info">详情</a>
      </div>
    </div>
  </div>
  {/maccms:vod}
  <div class="banner-dots">
    {maccms:vod num="5" paging="no" type="all" order="desc" by="sort" level="9"}
    <span class="dot" data-index="{$key}"></span>
    {/maccms:vod}
  </div>
</div>

<main class="main-content">

  {maccms:type ids="1,2,3,4" order="asc" by="sort"}
  <section class="section-row">
    <div class="section-header">
      <h2>{$vo.type_name}</h2>
      <a href="{:mac_url_type($vo,[],'show')}" class="more-link">浏览全部 <svg viewBox="0 0 24 24"><path d="M8 5l8 7-8 7"/></svg></a>
    </div>
    <div class="scroll-row">
      {maccms:vod num="12" paging="no" type="'.$vo['type_id'].'" 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>
        <span class="poster-year">{$vo.vod_year|default=''}</span>
      </a>
      {/maccms:vod}
    </div>
  </section>
  {/maccms:type}

  <div class="friend-links">
    {maccms:link num="10" type="all" order="asc" by="sort"}
    <a href="{$vo.link_url}" target="_blank">{$vo.link_name}</a>
    {/maccms:link}
  </div>

</main>

{include file="public/foot"}