{{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_detail_top</span>
    </div>
{{/if}}
{{if !empty($plugins_view_article_detail_top_data) and is_array($plugins_view_article_detail_top_data)}}
    {{foreach $plugins_view_article_detail_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">
	<!-- 右侧内容 -->
	<div class="am-u-md-10 am-u-md-push-2 article-right">
		<div class="am-u-sm-12 article-header">
			<h1 class="am-article-title">{{$article.title}}</h1>
			<p class="am-article-meta">
				<span>发布时间：{{$article.add_time}}</span>
				<span>浏览次数：{{$article.access_count}}</span>
			</p>
			<hr class="am-article-divider" />
		</div>

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

        <!-- 文章内容 -->
		<div class="am-article am-scrollable-horizontal">{{$article.content|raw}}</div>

		<!-- 文章内容底部钩子 -->
		{{if isset($shopxo_is_develop) and $shopxo_is_develop eq true}}
		    <div class="plugins-tag">
			    <span>plugins_view_article_detail_content_botton</span>
		    </div>
		{{/if}}
        {{if !empty($plugins_view_article_detail_content_botton_data) and is_array($plugins_view_article_detail_content_botton_data)}}
            {{foreach $plugins_view_article_detail_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">
		<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_detail_left_inside_top</span>
				    </div>
				{{/if}}
		        {{if !empty($plugins_view_article_detail_left_inside_top_data) and is_array($plugins_view_article_detail_left_inside_top_data)}}
		            {{foreach $plugins_view_article_detail_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" data-am-accordion='{}'>
						{{foreach $category_list as $v}}
							<dl class="am-accordion-item {{if $article['article_category_id'] eq $v['id']}}am-active{{/if}}">
								<dt class="am-accordion-title">
									<li class="am-nav-header">{{$v.name}}</li>
								</dt>
								<dd class="am-accordion-bd am-collapse {{if $article['article_category_id'] eq $v['id']}}am-in{{/if}}">
									<div class="am-accordion-content">
										{{if !empty($v.items)}}
											<ul class="am-nav">
												{{foreach $v.items as $vs}}
													<li>
														<a href="{{$vs.url}}" {{if !empty($vs.title_color)}}style="color:{{$vs.title_color}};"{{/if}} >{{$vs.title}}</a>
													</li>
												{{/foreach}}
											</ul>
										{{/if}}
									</div>
								</dd>
							</dl>
						{{/foreach}}
					</section>
				{{/if}}

				<!-- 文章左侧内部底部钩子 -->
				{{if isset($shopxo_is_develop) and $shopxo_is_develop eq true}}
				    <div class="plugins-tag">
					    <span>plugins_view_article_detail_left_inside_botton</span>
				    </div>
				{{/if}}
		        {{if !empty($plugins_view_article_detail_left_inside_botton_data) and is_array($plugins_view_article_detail_left_inside_botton_data)}}
		            {{foreach $plugins_view_article_detail_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_detail_bottom</span>
    </div>
{{/if}}
{{if !empty($plugins_view_article_detail_bottom_data) and is_array($plugins_view_article_detail_bottom_data)}}
    {{foreach $plugins_view_article_detail_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 -->