{{include file="public/header" /}}

<!-- header top nav -->
{{include file="public/header_top_nav" /}}

<!-- search -->
{{include file="public/nav_search" /}}

<!-- header nav -->
{{include file="public/header_nav" /}}

<!-- goods category -->
{{include file="public/goods_category" /}}

<!-- 文章分类顶部钩子 -->
{{if isset($shopxo_is_develop) and $shopxo_is_develop eq true}}
    <div class="plugins-tag">
        <span>plugins_view_article_category_top</span>
    </div>
{{/if}}
{{if !empty($plugins_view_article_category_top_data) and is_array($plugins_view_article_category_top_data)}}
    {{foreach $plugins_view_article_category_top_data as $hook}}
        {{if is_string($hook) or is_int($hook)}}
            {{$hook|raw}}
        {{/if}}
    {{/foreach}}
{{/if}}

<!-- content start -->
<div class="am-container article-content am-padding-sm">
    <!-- 右侧内容 -->
    <div class="am-u-md-10 am-u-md-push-2 article-right">
        {{if !empty($category_info)}}
            <div class="article-header am-text-center am-padding-0">
                <h1 class="am-article-title">{{$category_info.name}}</h1>
                <hr class="am-article-divider" />
            </div>
        {{/if}}

        <!-- 文章分类内容底部钩子 -->
        {{if isset($shopxo_is_develop) and $shopxo_is_develop eq true}}
            <div class="plugins-tag">
                <span>plugins_view_article_category_content_top</span>
            </div>
        {{/if}}
        {{if !empty($plugins_view_article_category_content_top_data) and is_array($plugins_view_article_category_content_top_data)}}
            {{foreach $plugins_view_article_category_content_top_data as $hook}}
                {{if is_string($hook) or is_int($hook)}}
                    {{$hook|raw}}
                {{/if}}
            {{/foreach}}
        {{/if}}

        <!-- 内容 -->
        {{if !empty($data_list)}}
            <div data-am-widget="list_news" class="am-list-news am-list-news-default am-margin-0">
                <div class="am-list-news-bd">
                    <ul class="am-list category-content-list">
                        {{foreach $data_list as $v}}
                            <li class="am-g am-list-item-dated">
                                <a href="{{$v.url}}" class="am-list-item-hd" {{if !empty($v['title_color'])}}style="color:{{$v.title_color}};"{{/if}}>{{$v.title}}</a>
                                <span class="am-list-date">{{$v.add_time}}</span>
                            </li>
                        {{/foreach}}
                    </ul>
                </div>
            </div>

            <!-- 分页 -->
            <div class="am-padding-top-sm">{{$page_html|raw}}</div>
        {{else /}}
            {{include file="public/not_data" /}}
        {{/if}}

        <!-- 文章分类内容底部钩子 -->
        {{if isset($shopxo_is_develop) and $shopxo_is_develop eq true}}
            <div class="plugins-tag">
                <span>plugins_view_article_category_content_botton</span>
            </div>
        {{/if}}
        {{if !empty($plugins_view_article_category_content_botton_data) and is_array($plugins_view_article_category_content_botton_data)}}
            {{foreach $plugins_view_article_category_content_botton_data as $hook}}
                {{if is_string($hook) or is_int($hook)}}
                    {{$hook|raw}}
                {{/if}}
            {{/foreach}}
        {{/if}}
    </div>

    <!-- 左侧内容 -->
    <div class="am-u-md-2 am-u-md-pull-10 article-sidebar am-padding-0">
        <div class="am-offcanvas" id="article-nav-sidebar">
            <div class="am-offcanvas-bar am-offcanvas-bar-overlay">
                <!-- 左侧内部顶部钩子 -->
                {{if isset($shopxo_is_develop) and $shopxo_is_develop eq true}}
                    <div class="plugins-tag">
                        <span>plugins_view_article_category_left_inside_top</span>
                    </div>
                {{/if}}
                {{if !empty($plugins_view_article_category_left_inside_top_data) and is_array($plugins_view_article_category_left_inside_top_data)}}
                    {{foreach $plugins_view_article_category_left_inside_top_data as $hook}}
                        {{if is_string($hook) or is_int($hook)}}
                            {{$hook|raw}}
                        {{/if}}
                    {{/foreach}}
                {{/if}}

                <!-- 左侧内容 -->
                {{if !empty($category_list)}}
                    <section data-am-widget="accordion" class="am-accordion am-accordion-gapped am-padding-0" data-am-accordion='{}'>
                        <!-- 分类 -->
                        <div class="am-panel am-panel-default am-panel-group am-margin-bottom-0">
                            <div class="am-panel-hd am-padding-left-sm">
                                <h3 class="am-panel-title">文章分类</h3>
                            </div>
                            <ul class="am-nav category-list">
                                {{foreach $category_list as $v}}
                                    <li>
                                        <a href="{{$v.url}}" title="{{$v.name}}" {{if isset($params['id']) and $params['id'] eq $v['id']}}class="am-active"{{/if}}>{{$v.name}}</a>
                                    </li>
                                {{/foreach}}
                            </ul>
                        </div>
                    </section>
                {{/if}}

                <!-- 左侧内部底部钩子 -->
                {{if isset($shopxo_is_develop) and $shopxo_is_develop eq true}}
                    <div class="plugins-tag">
                        <span>plugins_view_article_category_left_inside_botton</span>
                    </div>
                {{/if}}
                {{if !empty($plugins_view_article_category_left_inside_botton_data) and is_array($plugins_view_article_category_left_inside_botton_data)}}
                    {{foreach $plugins_view_article_category_left_inside_botton_data as $hook}}
                        {{if is_string($hook) or is_int($hook)}}
                            {{$hook|raw}}
                        {{/if}}
                    {{/foreach}}
                {{/if}}
            </div>
        </div>
    </div>
    <a href="javascript:;" class="am-icon-btn am-icon-th-list am-show-sm-only article-nav-button" data-am-offcanvas="{target: '#article-nav-sidebar'}">
        <span class="am-sr-only">侧栏导航</span>
    </a>
</div>
<!-- content end -->

<!-- 文章分类底部钩子 -->
{{if isset($shopxo_is_develop) and $shopxo_is_develop eq true}}
    <div class="plugins-tag">
        <span>plugins_view_article_category_bottom</span>
    </div>
{{/if}}
{{if !empty($plugins_view_article_category_bottom_data) and is_array($plugins_view_article_category_bottom_data)}}
    {{foreach $plugins_view_article_category_bottom_data as $hook}}
        {{if is_string($hook) or is_int($hook)}}
            {{$hook|raw}}
        {{/if}}
    {{/foreach}}
{{/if}}

<!-- footer start -->
{{include file="public/footer" /}}
<!-- footer end -->