{extend name="base" /}

{block name="get-data"}

{video:pagerexp page="$Request.route.intPage" limit="30" button_num="10" cache_life="3600"
key="$Request.get.keyword"
v_parent_category_en="$Request.route.strParentCategory"
v_category_en="$Request.route.strCategory"
v_lang_en="$Request.route.strLang"
v_area_en="$Request.route.strArea"
v_year="$Request.route.strYear"
sort_type="$Request.route.strOrder"
d_key="d_key" d_val="Video" p_val="page_data" func="generateVideoPager" export_name="resData" /}

{site:grm page_code="h5_category_list_type" diff="0" num="100" g_key="arrGrm" /}

{site:helper func="initVideoCategoryTKD" /}

{/block}

{block name="title"}{site:replace code="VIDEO@GETCATEGORY@TITLE"}{/block}
{block name="keywords"}{site:replace code="VIDEO@GETCATEGORY@KEYWORDS"}{/block}
{block name="description"}{site:replace code="VIDEO@GETCATEGORY@DESCRIPTION"}{/block}

{block name="head"}

{// 社交媒体标签}
<meta property="og:title" content='{site:replace code="VIDEO@GETCATEGORY@TITLE"}' />
<meta property="og:description" content='{site:replace code="VIDEO@GETCATEGORY@DESCRIPTION"}' />
<meta property="og:url" content="https://{$DomainModel->d_domain}" />
{switch $Request.route.strParentCategory }
{case 'dian-ying' }
<meta property="og:type" content="video.movie" />
{/case}
{case 'dian-shi-ju' }
<meta property="og:type" content="video.episode" />
{/case}
{case 'zong-yi' }
<meta property="og:type" content="video.tv_show" />
{/case}
{case 'dong-man' }
<meta property="og:type" content="video.episode" />
{/case}
{case 'duan-ju-da-quan' }
<meta property="og:type" content="video.episode" />
{/case}
{default /}
<meta property="og:type" content="video.movie" />
{/switch}

{// 结构化数据}
<script type="application/ld+json">
[
    {
        "@context": "https://schema.org",
        "@type": "CollectionPage",
        "name": "{$DomainModel->d_name} - 最新{site:getval code="strVideoParentCategoryName"  /}推荐",
        "url": "https://{$DomainModel->d_domain}",
        "description": "{site:replace code="VIDEO@GETCATEGORYINDEX@DESCRIPTION"}",
        "potentialAction": {
            "@type": "SearchAction",
            "target": 'https://{$DomainModel->d_domain}{site:vsurl key="search_term_string" p="1"/}",
            "query-input": "required name=search_term_string"
        }
        "hasPart": [
            {volist name="resData.data" id="Video" key="key"}
            {if $key < 5 }
            {
                "@type": "VideoObject",
                "name": "{$Video.v_name}",
                "description": "{$Video.v_description}",
                "thumbnailUrl": '{$Video.v_pic}',
                "uploadDate": "{:date('Y-m-d')}",
                "url": 'https://{$DomainModel->d_domain}{site:vurl v_id="$Video.v_id" v_py="$Video.v_name_en"/}',
            },
            {/if}
            {/volist}
        ]
    },
    {
        "@context": "https://schema.org",
        "@type": "BreadcrumbList",
        "itemListElement": [
            {
                "@type": "ListItem",
                "position": 1,
                "name": "首页",
                "item": "https://{$DomainModel->d_domain}"
            },
            {
                "@type": "ListItem",
                "position": 2,
                "name": "分类首页",
                "item": "https://{$DomainModel->d_domain}{site:vciurl parent_category="$Request.route.strParentCategory" /}"
            },
            {
                "@type": "ListItem",
                "position": 3,
                "name": "分类列表",
                "item": "https://{$DomainModel->d_domain}{site:vclurl  parent_category="$Request.route.strParentCategory" category="$Request.route.strCategory" area="$Request.route.strArea" lang="$Request.route.strLang" year="$Request.route.strYear" order="$Request.route.strOrder"  page="$Request.route.intPage"}"
            }
        ]
    },
]
</script>



{/block}

{block name="main"}


<div class="cfa4e9 container">
    <div class="db105d layout-box top-weizhi mb-xs-0 hidden-sm hidden-xs">
        <nav class="breadcrumb" aria-label="breadcrumb">
            <ol itemscope itemtype="https://schema.org/BreadcrumbList">
                <li>当前位置：</li>
                <li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
                    <a href="/" itemprop="item">
                        <span itemprop="name">首页</span>
                    </a>
                    <meta itemprop="position" content="1" />
                </li>
                <li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
                    <a href='{site:vciurl parent_category="$Request.route.strParentCategory" /}' itemprop="item">
                        <span itemprop="name">{site:getval code="strVideoParentCategoryName" /}</span>
                    </a>
                    <meta itemprop="position" content="2" />
                </li>
                <li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
                    <a href='{site:vclurl  parent_category="$Request.route.strParentCategory" category="$Request.route.strCategory" area="all" lang="all" year="all" order="all"  page="1"/}'
                        itemprop="item">
                        <span itemprop="name">{site:getval code="strVideoCategoryName" /}</span>
                    </a>
                    <meta itemprop="position" content="3" />
                </li>
            </ol>
        </nav>
    </div>

    <h1 class="view-title">
       
        {site:replace code="VIDEO@GETCATEGORY@H1"}
    </h1>
    <h4 class="view-description">{site:replace code="VIDEO@GETCATEGORY@TEXT"}</h4>

    <div class="dd4456 type-box clearfix">
        <div class="f008a5 type-title bottom-line">
            <span class="c3d883 pull-left" id="conreset">
                <a href="#">重新筛选</a>
            </span>
            <span class="a75037 pull-right slideDown-btn up" id="slideDown-box">收起<i
                    class="c3d178 iconfont icon-up"></i>
            </span>
        </div>


        <div class="d2a62b slideDown-box">

            <div class="d6afbc type-select type-select-slide swiper-initialized swiper-horizontal swiper-pointer-events swiper-free-mode"
                style="height:55px">
                <ul class="b44e9d swiper-wrapper" id="swiper-wrapper-f8ad8b226c38851e" aria-live="polite">
                    <li class="a4e370 swiper-slide swiper-slide-active" role="group" aria-label="1 / 8"><a
                            class="c698b6 text-muted">分类</a></li>

                    {video:categorytype category_type="ONE" d_key="key" d_val="val"}
                    <li
                        class="c62f86 swiper-slide {if $Request.route.strParentCategory == $val.v_category_en}active{/if} swiper-slide-next">
                        <a
                            href='{site:vclurl  parent_category="$val.v_category_en" category="all" area="$Request.route.strArea" lang="$Request.route.strLang" year="$Request.route.strYear" order="$Request.route.strOrder"  page="$Request.route.intPage"}'>
                            {$val.v_category}
                        </a>
                    </li>
                    {/video:categorytype}
                </ul>
                <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
            </div>

            <div style="height:55px"
                class="cacdfa type-select type-select-slide swiper-initialized swiper-horizontal swiper-pointer-events swiper-free-mode">
                <ul class="dd4d5b swiper-wrapper" id="swiper-wrapper-e663a425f51df766" aria-live="polite">
                    <li class="e236d4 swiper-slide swiper-slide-active" role="group" aria-label="1 / 10"><a
                            class="c96097 text-muted">类型</a></li>

                    {video:categorytype category_type="ONE" d_key="key" d_val="val"}
                    {if $val.v_category_en == $Request.route.strParentCategory}
                    {foreach $val.children as $intChildrenKey=>$arrChildrenCategory }
                    <li
                        class="a85999 swiper-slide {if $Request.route.strCategory == $arrChildrenCategory.v_category_en}active{/if}">
                        <a
                            href='{site:vclurl  parent_category="$Request.route.strParentCategory" category="$arrChildrenCategory.v_category_en" area="$Request.route.strArea" lang="$Request.route.strLang" year="$Request.route.strYear" order="$Request.route.strOrder"  page="$Request.route.intPage"}'>{$arrChildrenCategory.v_category}</a>
                    </li>
                    {/foreach}
                    {/if}
                    {/video:categorytype}

                </ul>
                <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
            </div>

            <div style="height:55px"
                class="a22767 type-select type-select-slide swiper-initialized swiper-horizontal swiper-pointer-events swiper-free-mode">
                <ul class="d44a2d swiper-wrapper" id="swiper-wrapper-7b9a8d777f6108694" aria-live="polite">
                    <li class="e2c29c swiper-slide swiper-slide-active" role="group" aria-label="1 / 13"><a
                            class="f89be7 text-muted">地区</a></li>
                    {video:area d_key="key" d_val="val"}
                    <li class="e045e3 swiper-slide {if $Request.route.strArea == $key}active{/if}">
                        <a
                            href='{site:vclurl  parent_category="$Request.route.strParentCategory" category="$Request.route.strCategory" area="$key" lang="$Request.route.strLang" year="$Request.route.strYear" order="$Request.route.strOrder"  page="$Request.route.intPage"}'>{$val}</a>
                    </li>
                    {/video:area}

                </ul>
                <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
            </div>

            <div style="height:55px"
                class="dc7d8b type-select type-select-slide swiper-initialized swiper-horizontal swiper-pointer-events swiper-free-mode">
                <ul class="ce89a4 swiper-wrapper" id="swiper-wrapper-4d392443bbf795ee" aria-live="polite">
                    <li class="ba1423 swiper-slide swiper-slide-active" role="group" aria-label="1 / 18"><a
                            class="e4be3b text-muted">年代</a></li>
                    {video:year d_key="key" d_val="val"}
                    <li class="c9a468 swiper-slide {if $Request.route.strYear == $key}active{/if}" role="group"
                        aria-label="3 / 18">
                        <a
                            href='{site:vclurl  parent_category="$Request.route.strParentCategory" category="$Request.route.strCategory" area="$Request.route.strArea" lang="$Request.route.strLang" year="$key" order="$Request.route.strOrder"  page="$Request.route.intPage"}'>{$val}</a>
                    </li>
                    {/video:year}
                </ul>
                <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
            </div>

            <div style="height:55px"
                class="dc7d8b type-select type-select-slide swiper-initialized swiper-horizontal swiper-pointer-events swiper-free-mode">
                <ul class="ce89a4 swiper-wrapper" id="swiper-wrapper-4d392443bbf795ee" aria-live="polite">
                    <li class="ba1423 swiper-slide swiper-slide-active" role="group" aria-label="1 / 18"><a
                            class="e4be3b text-muted">语言</a></li>
                    {video:lang d_key="key" d_val="val"}

                    <li class="c9a468 swiper-slide {if $Request.route.strLang == $key}active{/if}" role="group"
                        aria-label="3 / 18">
                        <a
                            href='{site:vclurl  parent_category="$Request.route.strParentCategory" category="$Request.route.strCategory" area="$Request.route.strArea" lang="$key" year="$Request.route.strYear" order="$Request.route.strOrder"  page="$Request.route.intPage"}'>{$val}</a>
                    </li>
                    {/video:lang}
                </ul>
                <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
            </div>
        </div>

    </div>
    <div class="ee356a layout-box">
        <div class="e3c2c3 row">
            <div class="eba0b0 type-order clearfix ajax-nav-tabs">
                {video:sort d_key="key" d_val="val"}
                <a href='{site:vclurl  parent_category="$Request.route.strParentCategory" category="$Request.route.strCategory" area="$Request.route.strArea" lang="$Request.route.strLang" year="$Request.route.strYear" order="$key"  page="$Request.route.intPage"}'
                    class="d3b772 {if$Request.route.strOrder == $key}active{/if}">
                    {$val}{site:getval code="strVideoParentCategoryName" /}
                </a>
                {/video:sort}

                <!-- <span class="b9e52b pull-right font13 text-muted">共有“<span class="ac7053 text-color"
                        id="mac_total">{$resData.p_data.total}</span>”部{site:getval code="strVideoParentCategoryName"
                    /}</span> -->
            </div>

            <ul class="c8ffac img-list hidden" id="content">
                {foreach $resData.data as $key=>$Video}
                {include file="public/video-list-shu" start="0" col-md="6"/}
                {/foreach}
            </ul>
        </div>
    </div>
    <div id="page" class="d7d7dc mt-xs-10">
        <ul>
            {volist name="resData.p_data.pager" id="vo" key="k"}
            {switch $vo.label}
            {case value="上一页"}
            {if $resData.p_data.page == 1}
            <li class="disabled"><span>上一页</span></li>
            {else}
            <li><a href="{$vo.url}">1</a></li>
            {/if}
            {/case}
            {case value="下一页"}
            {if $resData.p_data.page >= $resData.p_data.total}
            <li class="disabled"><span>下一页</span></li>
            {else}
            <li><a href="{$vo.url}">下一页</a></li>
            {/if}
            {/case}
            {default /}
            {if preg_match('/^\d+$/', $vo.label)}
            <li>
                <a href="{$vo.url}"
                    class='cc4f99 btn {eq name="vo.label" value="$Request.route.intPage"}btn-warm {/eq} btn-default '>{$vo.label}</a>
            </li>
            {/if}
            {/switch}
            {/volist}
        </ul>
    </div>
    <!-- <script>
        $("#mac_total").text(18559);  
    </script> -->
</div>



{/block}
{block name="customize"}

{/block}