{include file="public/head"}

<!-- 首页主内容区 -->
<main class="page">
    <!-- Banner 推荐轮播 -->
        <section class="banner" id="banner" aria-label="推荐轮播">
            {maccms:vod num="5" paging="no" type="all" order="desc" by="sort" level="9"}
            <a class="banner__item{if condition='$key eq 1'} is-active{/if}" href="{:mac_url_vod_play($vo)}" title="{$vo.vod_name}">
                <img class="banner__bg" src="{:mac_url_img($vo.vod_pic_slide)}" alt="{$vo.vod_name}">
                <div class="banner__mask"></div>
                <div class="banner__content">
                    <h2 class="banner__title">{$vo.vod_name}</h2>
                    <p class="banner__meta">{$vo.vod_class|default=''} · {$vo.vod_area|default=''} · {$vo.vod_year|default=''} · {$vo.vod_remarks|default=''}</p>
                    <p class="banner__desc">{$vo.vod_blurb|default=''}</p>
                    <div class="banner__actions">
                        <span class="btn btn--primary">立即播放</span>
                        <span class="btn btn--ghost">查看详情</span>
                    </div>
                </div>
            </a>
            {/maccms:vod}

            <button class="banner__arrow banner__arrow--prev" type="button" aria-label="上一张">‹</button>
            <button class="banner__arrow banner__arrow--next" type="button" aria-label="下一张">›</button>
            <div class="banner__dots">
                {maccms:vod num="5" paging="no" type="all" order="desc" by="sort" level="9"}
                <span class="banner__dot{if condition='$key eq 1'} is-active{/if}"></span>
                {/maccms:vod}
            </div>
        </section>

    <div class="container">

        <!-- 分类数据区块 -->
        {maccms:type ids="1,2,3,4" order="asc" by="sort"}
        <section class="section">
            <div class="section__head">
                <h2 class="section__title">{$vo.type_name}</h2>
                <a class="section__more" href="{:mac_url_type($vo,[],'show')}">更多</a>
            </div>
            <div class="vod-grid">
                {maccms:vod num="14" paging="no" type="'.$vo['type_id'].'" 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>
        {/maccms:type}

        <!-- 友情链接 -->
        <section class="section">
            <div class="section__head">
                <h2 class="section__title">友情链接</h2>
            </div>
            <div class="friend-links">
                {maccms:link num="10" type="all" order="asc" by="sort"}
                <a class="friend-link" href="{$vo.link_url}" target="_blank" rel="noopener">{$vo.link_name}</a>
                {/maccms:link}
            </div>
        </section>

    </div>
</main>

{include file="public/foot"}