{extend name="layout" /}
{block name="title"}{$author.nickname} 的个人博客 - {$siteConf.site_name|default='博客'}{/block}

{block name="content"}
<div class="fb-layout">
    <main class="fb-content">
        <!-- 个人资料卡 -->
        <div class="fb-card" style="display:flex;align-items:center;gap:18px;margin-bottom:18px;">
            <img src="{$avatar}" alt="{$author.nickname}" style="width:72px;height:72px;border-radius:50%;object-fit:cover;border:2px solid var(--theme);">
            <div>
                <h2 style="margin:0 0 6px;font-size:20px;color:var(--text);">{$author.nickname}</h2>
                <p style="margin:0 0 8px;color:var(--text-2);font-size:13px;">{$author.bio|default='这个人很懒，什么都没留下~'}</p>
                <p style="margin:0;font-size:13px;color:var(--text-3);">
                    <span style="margin-right:16px;">文章 <b style="color:var(--theme);">{$stats.articles}</b></span>
                    <span style="margin-right:16px;">阅读 <b style="color:var(--theme);">{$stats.views}</b></span>
                    <span style="margin-right:16px;">获赞 <b style="color:var(--theme);">{$stats.likes}</b></span>
                    <span>加入于 {$author_join}</span>
                </p>
            </div>
        </div>

        <div class="fb-section-title"><h2>他的文章（{$articles->total()} 篇）</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">
                        <span class="sp">{$article.create_text}</span>
                    </div>
                </div>
            </article>
            {/volist}
        </div>
        <div class="fb-pager">{$articles|raw}</div>
        {/if}
    </main>

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