{extend name="base" /}

{block name="get-data"}

{video:pagerexp page="1" limit="30"
v_class="$Request.route.strClass"
d_key="d_key"
d_val="Video"
p_val="page_data" button_num="10" cache_life="86400" func="generateVideoPager" export_name="resData" /}

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

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


{block name="head"}
<!-- 社交媒体标签 -->
<meta property="og:title" content='{site:replace code="VIDEO@GETVIDEORANK@TITLE"}' />
<meta property="og:description" content='{site:replace code="VIDEO@GETVIDEORANK@DESCRIPTION"}' />
<meta property="og:url" content="https://{$DomainModel->d_domain}" />
<meta property="og:type" content="website" />

<!-- 结构化数据 -->
<script type="application/ld+json">
{
    "@context": "https://schema.org",
  "@type": "WebSite",
  "name": "{$DomainModel->d_name}",
  "url": "https://{$DomainModel->d_domain}",
  "headline": '{site:replace code="VIDEO@GETVIDEORANK@TITLE"}',
  "description": '{site:replace code="VIDEO@GETVIDEORANK@DESCRIPTION"}',
  "datePublished": "{:date('Y-m-d')}"
  
  "potentialAction": {
    "@type": "SearchAction",
    "target": 'https://{$DomainModel->d_domain}',
    "query-input": "required name=search_term_string"
  }
}
</script>
{/block}


{block name="head-css"}
<link rel="canonical" href="https://{$Request.route.strSiteDomain}/rank/{$Request.route.strVideoClassName}/{$Request.route.strOrderName}">
{/block}

{block name="head-js"}

{/block}

{block name="main"}
<div class="container">

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


    <div class="row">

        <div class="stui-pannel stui-pannel-bg clearfix">
            <div class="stui-pannel-box">
                <div class="stui-pannel_hd">
                    <div class="stui-pannel__head active bottom-line clearfix">
                        <h3 class="title"><img src="/template/videodadi/icon/icon_27.png">排行榜筛选</h3>
                    </div>
                    <ul class="stui-screen__list type-slide bottom-line-dot clearfix">

                        <li><span class="text-muted">按分类</span></li>
                        <li
                            class='{if empty( $Request.route.strClass) || $Request.route.strClass == "" || $Request.route.strClass == "all"}active{/if}'>
                            <a
                                href='{site:vrlurl  class="all" category="all" sort_type="all"  page="1"/}'>全部</a>
                        </li>
                        {video:categorytype category_type="ONE" d_key="key" d_val="val"}
                        <li class="{if $Request.route.strClass == $val.v_category_en}active{/if}">
                            
                            <a href='{site:vrlurl  class="$val.v_category_en" category="all" sort_type="all"  page="1"/}'
                                class="text-muted">{$val.v_category}</a>
                        </li>
                        {/video:categorytype}
                    </ul>

                    <ul class="stui-screen__list type-slide bottom-line-dot clearfix">

                        <li><span class="text-muted">按类型</span></li>
                        <li
                            class='{if empty( $Request.route.strCategory) || $Request.route.strCategory == "" || $Request.route.strCategory == "all"}active{/if}'>
                            <a href='{site:vrlurl  class="all" category="all" sort_type="all"  page="1"/}'>全部</a>
                        </li>
                        {video:categorytype category_type="ONE" d_key="key" d_val="val"}
                        {if $val.v_category_en == $Request.route.strClass}
                        {foreach $val.children as $intChildrenKey=>$arrChildrenCategory }
                        <li
                            class="{if $Request.route.strCategory == $arrChildrenCategory.v_category_en}active{/if}">
                            <a href='{site:vrlurl  class="all" category="$arrChildrenCategory.v_category_en" sort_type="all"  page="1"/}' class="text-muted">{$arrChildrenCategory.v_category}</a>
                        </li>
                        {/foreach}
                        {/if}
                        {/video:categorytype}
                    </ul>


                </div>

            </div>
        </div>

        <div class="stui-pannel stui-pannel-bg clearfix">
            <div class="stui-pannel-box clearfix">

                {video:ranksort d_key="key" d_val="val"}

                <div class="col-lg-4 col-md-3 col-sm-2 col-xs-1">
                    <div class="stui-pannel_hd">
                        <div class="stui-pannel__head active bottom-line clearfix">
                            <h3 class="title"><img src="/template/videodadi/icon/icon_12.png">{$val}排行榜</h3>
                        </div>
                    </div>
                    <div class="stui-pannel_bd clearfix">
                        <ul class="stui-vodlist__text active col-pd clearfix">
                            {video:ranklist count="10" sort_type="$key" d_key="key" d_val="Video" cache_life="86400"}
                            {include file="public/video-list-phb" /}
                            {/video:ranklist}
                        </ul>
                    </div>
                </div>

                {/video:ranksort}


            </div>
        </div>

    </div>
</div>
{/block}
{block name="customize"}

{/block}