{layout name="common/layout" /}

<div class="container" id="content-container">

    <div class="row">

        <div class="swiper-container index-focus">
            <!-- S 焦点图 -->
            <div id="index-focus" class="carousel slide carousel-focus" data-ride="carousel">
                <ol class="carousel-indicators">
                    {cms:blocklist id="block" name="indexfocus" row="5"}
                    <li data-target="#index-focus" data-slide-to="{:$i-1}" class="{if $i==1}active{/if}"></li>
                    {/cms:blocklist}
                </ol>
                <div class="carousel-inner" role="listbox">
                    {cms:blocklist id="block" name="indexfocus" row="5"}
                    <div class="item {if $i==1}active{/if}">
                        <a href="{$block.url}">
                            <div class="carousel-img" style="background-image:url('{$block.image}');"></div>
                            <div class="carousel-caption hidden-xs">
                                <h3>{$block.title|htmlentities}</h3>
                            </div>
                        </a>
                    </div>
                    {/cms:blocklist}
                </div>
                <a class="left carousel-control" href="#index-focus" role="button" data-slide="prev">
                    <span class="icon-prev fa fa-chevron-left" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
                </a>
                <a class="right carousel-control" href="#index-focus" role="button" data-slide="next">
                    <span class="icon-next fa fa-chevron-right" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                </a>
            </div>
            <!-- E 焦点图 -->
        </div>

        <main class="col-xs-12 col-md-8">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title">
                        <span>最近更新</span>

                        <div class="more hidden-xs">
                            <ul class="list-unstyled list-inline">
                                <!-- E 栏目筛选 -->
                                <!--                                {cms:channellist id="item" condition="'list'=type" limit="6"}-->
                                <!--                                <li>{$item.textlink}</li>-->
                                <!--                                {/cms:channellist}-->
                                <!-- E 栏目筛选 -->
                            </ul>
                        </div>
                    </h3>
                </div>
                <div class="panel-body p-0">
                    <div class="article-list">
                        <!-- S 首页列表 -->
                        {cms:pagelist id="item"}
                        {include file="common/item"}
                        {/cms:pagelist}
                        <!-- E 首页列表 -->
                    </div>

                    <!-- S 分页 -->
                    {include file="common/pageinfo" loadmode="$config.indexloadmode" /}
                    <!-- E 分页 -->
                </div>
            </div>
        </main>

        <aside class="col-xs-12 col-md-4">
            {include file="common/sidebar" /}

            <div class="panel panel-default lasest-update">
                <!-- S 最近更新 -->
                <div class="panel-heading">
                    <h3 class="panel-title">{:__('Recently update')}</h3>
                </div>
                <div class="panel-body">
                    <ul class="list-unstyled">
                        {cms:arclist id="new" row="8" orderby="id" orderway="desc"}
                        <li>
                            <span>[<a href="{$new.channel.url}">{$new.channel.name|htmlentities}</a>]</span>
                            <a class="link-dark" href="{$new.url}" title="{$new.title|htmlentities}">{$new.title|htmlentities}</a>
                        </li>
                        {/cms:arclist}
                    </ul>
                </div>
                <!-- E 最近更新 -->
            </div>

            <div class="panel panel-blockimg">

            </div>


        </aside>
    </div>
</div>