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

{block name="content"}
<div class="fb-layout">
    <main class="fb-content">
        {if $tag}
        <div class="fb-section-title"><h2>标签：{$tag.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">
            <div class="fb-tagcloud">
                {volist name="tags" id="t"}
                <a href="{:url('blog/tag', ['id' => $t.id])}">{$t.name}</a>
                {/volist}
            </div>
        </div>
        {/if}
    </main>

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