{include file="public/head"}

<main class="container">
    <div class="main-content">
        <div class="content-area">
            <ul class="breadcrumb">
                <li><a href="{$maccms.path}">首页</a></li>
                {if condition="$obj.type_1.type_name"}<li><a href="{:mac_url_type($obj.type_1)}">{$obj.type_1.type_name}</a></li>{/if}
                <li><a href="{:mac_url_type($obj)}">{$obj.type_name}</a></li>
            </ul>

            <div class="page-header">
                <h1 class="page-title">{$obj.type_name}</h1>
                <p class="page-count">共 {:mac_data_count($obj.type_id,'all')} 个内容</p>
            </div>

            {if$obj.childids||$obj.parent.childids}
            <div class="filter-bar">
                <div class="filter-tags">
                    {if condition="$obj.type_pid eq 0"}
                        {if condition="$maccms.aid eq 21"}
                            <a href="{:mac_url_type($obj)}"{if condition="$obj.type_pid eq ''"} class="active"{/if}>全部</a>
                        {else /}
                            <a href="{:mac_url_type($obj.type_id,['id'=>$obj['type_id']],'show')}"{if condition="$obj.type_pid eq ''"} class="active"{/if}>全部</a>
                        {/if}
                    {else /}
                        {if condition="$maccms.aid eq 22"}
                            <a href="{:mac_url_type($obj)}"{if condition="$obj.type_pid eq ''"} class="active"{/if}>全部</a>
                        {else /}
                            <a href="{:mac_url_type($obj.type_1)}"{if condition="$obj.type_pid eq ''"} class="active"{/if}>全部</a>
                        {/if}
                    {/if}
                    {maccms:type ids="current" order="asc" by="sort"}
                        <a href="{:mac_url_type($vo,[],'show')}"{if condition="($vo.type_id eq $GLOBALS['type_id'] || $vo.type_id eq $GLOBALS['type_pid'])" }class="active"{/if}>{$vo.type_name}</a>
                    {/maccms:type}
                </div>
            </div>
            {/if}

            <div class="filter-bar">
                <div class="filter-line">
                    <span>排序：</span>
                    <div class="filter-options">
                    <a href="{:mac_url_type($obj,['area'=>$param['area'],'lang'=>$param['lang'],'year'=>$param['year'],'level'=>$param['level'],'letter'=>$param['letter'],'state'=>$param['state'],'tag'=>$param['tag'],'class'=>$param['class'],'order'=>$param['order'],'by'=>'time' ],'show')}" {if condition="$param.by eq '' || $param.by eq 'time'"} class="active"{/if}>按时间</a>
                    <a href="{:mac_url_type($obj,['area'=>$param['area'],'lang'=>$param['lang'],'year'=>$param['year'],'level'=>$param['level'],'letter'=>$param['letter'],'state'=>$param['state'],'tag'=>$param['tag'],'class'=>$param['class'],'order'=>$param['order'],'by'=>'hits' ],'show')}" {if condition="$param.by eq 'hits'"} class="active"{/if}>按人气</a>
                    <a href="{:mac_url_type($obj,['area'=>$param['area'],'lang'=>$param['lang'],'year'=>$param['year'],'level'=>$param['level'],'letter'=>$param['letter'],'state'=>$param['state'],'tag'=>$param['tag'],'class'=>$param['class'],'order'=>$param['order'],'by'=>'score' ],'show')}" {if condition="$param.by eq 'score'"} class="active"{/if}>按评分</a>
                    </div>
                </div>
            </div>

            <div class="video-grid">
                {maccms:art num="20" paging="yes" pageurl="art/show" type="current" order="desc" by="time"}
                <article class="video-card">
                    <a href="{:mac_url_art_detail($vo)}">
                        <div class="pic">
                            <img src="{:mac_url_img($vo.art_pic)}" alt="{$vo.art_name}" loading="lazy">
                            {if condition="$vo.art_remarks neq ''"}
                            <span class="remarks">{$vo.art_remarks}</span>
                            {/if}
                        </div>
                        <div class="info">
                            <h3>{$vo.art_name}</h3>
                            <p>{$vo.art_time|date='Y-m-d',###}</p>
                        </div>
                    </a>
                </article>
                {/maccms:art}
            </div>

            {include file="public/paging"}

            <section class="related-section">
                <h3>猜你喜欢</h3>
                <div class="video-grid">
                    {maccms:art num="10" type="current" order="desc" by="hits_week"}
                    <article class="video-card">
                        <a href="{:mac_url_art_detail($vo)}">
                            <div class="pic">
                                <img src="{:mac_url_img($vo.art_pic)}" alt="{$vo.art_name}" loading="lazy">
                            </div>
                            <div class="info">
                                <h3>{$vo.art_name}</h3>
                                <p>{$vo.art_time|date='Y-m-d',###}</p>
                            </div>
                        </a>
                    </article>
                    {/maccms:art}
                </div>
            </section>
        </div>

        <aside class="sidebar">
            <div class="sidebar-section">
                <h3>热门文章</h3>
                <ul class="rank-list">
                    {maccms:art num="10" order="desc" by="hits_month"}
                    <li>
                        <span class="num">{$key}</span>
                        <a href="{:mac_url_art_detail($vo)}" title="{$vo.art_name}">{$vo.art_name}</a>
                        <span class="hits">{$vo.art_hits_month}次</span>
                    </li>
                    {/maccms:art}
                </ul>
            </div>
        </aside>
    </div>
</main>

{include file="public/foot"}