{extend name="layout" /}
{assign name="nav_active" value="category"/}
{block name="title"}{$category.name|default='全部分类'} - {$siteConf.site_name|default='博客'}{/block}

{block name="content"}
<div class="fb-layout">
    <main class="fb-content">
        {if $category}
        <div class="fb-section-title"><h2>{$category.name}</h2></div>
        {if $articles->isEmpty()}
        <div class="fb-empty"><p>该分类下暂无文章。</p></div>
        {else}
        <div class="fb-post-list">
            {volist name="articles" id="article"}
            <article class="fb-post">
                {if $article.cover_image}
                <a class="thumb" href="{:url('blog/article/detail', ['id' => $article.id])}">
                    <img src="{$article.cover_image}" alt="{$article.title}">
                </a>
                {/if}
                <div class="body">
                    <span class="cat">{$article.category.name|default='默认'}</span>
                    <h3><a href="{:url('blog/article/detail', ['id' => $article.id])}">{$article.title}</a></h3>
                    <p class="summary">{$article.summary|default='（暂无描述）'}</p>
                    <div class="meta">
                        <a class="author" href="{:url('blog/article/author', ['id' => $article.uid])}">
                            <img src="{$article.user.avatar|default='/static/blog/img/avatar.jpg'}" alt="">
                            {$article.user.nickname|default='佚名'}
                        </a>
                        <span class="sp">{$article.create_text}</span>
                    </div>
                </div>
            </article>
            {/volist}
        </div>
        <div class="fb-pager">{$articles|raw}</div>
        {/if}
        {else}
        <div class="fb-section-title"><h2>全部分类</h2></div>
        <div class="fb-card">
            <ul class="fb-catlist">
                {volist name="categories" id="c"}
                <li><a href="{:url('blog/category', ['id' => $c.id])}">{$c.name}<span class="cnt">{$c.card_count|default=0}</span></a></li>
                {/volist}
            </ul>
        </div>
        {/if}
    </main>

    {include file="index/_sidebar" /}
</div>
{/block}