{extend name="admin/layout" /}

{block name="content"}
{notempty name="updateInfo"}
<div class="alert alert-warning alert-dismissible fade show mb-4" role="alert">
    <strong><i class="mdi mdi-arrow-up-bold-circle-outline"></i> 发现新版本 v{$updateInfo.version}</strong>
    <p class="mb-0 mt-1">{$updateInfo.content}</p>
    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
</div>
{/notempty}
<div class="row">
    <!-- 统计卡片 -->
    <div class="col-md-3 mb-4">
        <div class="card bg-primary text-white">
            <div class="card-body">
                <h5 class="card-title">用户总数</h5>
                <h2>{$userCount}</h2>
            </div>
        </div>
    </div>
    <div class="col-md-3 mb-4">
        <div class="card bg-success text-white">
            <div class="card-body">
                <h5 class="card-title">文章总数</h5>
                <h2>{$articleCount}</h2>
            </div>
        </div>
    </div>
    <div class="col-md-3 mb-4">
        <div class="card bg-info text-white">
            <div class="card-body">
                <h5 class="card-title">评论总数</h5>
                <h2>{$commentCount}</h2>
            </div>
        </div>
    </div>
    <div class="col-md-3 mb-4">
        <div class="card bg-warning text-white">
            <div class="card-body">
                <h5 class="card-title">上传容量</h5>
                <h2>{$uploadSizeText|default='0 B'}</h2>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-md-12 mb-4">
        <div class="card">
            <div class="card-body d-flex flex-wrap justify-content-between align-items-center">
                <div>今日新增：{$todayArticleCount} 篇文章 / {$todayCommentCount} 条评论</div>
                <div>
                    <a href="/admin/uploads" class="btn btn-sm btn-outline-primary">上传文件管理</a>
                    <a href="/admin/database" class="btn btn-sm btn-outline-primary">数据库备份</a>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <!-- 待审核 -->
    <div class="col-md-6 mb-4">
        <div class="card">
            <div class="card-header">
                <h5 class="mb-0">待审核</h5>
            </div>
            <div class="card-body">
                <p>待审核文章：<span class="badge bg-danger">{$pendingArticleCount}</span></p>
                <p>待审核评论：<span class="badge bg-danger">{$pendingCommentCount}</span></p>
                <div class="mt-3">
                    <a href="/admin/audites" class="btn btn-outline-primary btn-sm">审核文章</a>
                    <a href="/admin/auditco" class="btn btn-outline-primary btn-sm">审核评论</a>
                </div>
            </div>
        </div>
    </div>

    <!-- 最新用户 -->
    <div class="col-md-6 mb-4">
        <div class="card">
            <div class="card-header">
                <h5 class="mb-0">最新用户</h5>
            </div>
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-sm">
                        <thead>
                            <tr>
                                <th>账号</th>
                                <th>昵称</th>
                                <th>注册时间</th>
                            </tr>
                        </thead>
                        <tbody>
                            {volist name="latestUsers" id="u"}
                            <tr>
                                <td>{$u.username}</td>
                                <td>{$u.name}</td>
                                <td>{$u.regtime}</td>
                            </tr>
                            {/volist}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <!-- 最新文章 -->
    <div class="col-md-12">
        <div class="card">
            <div class="card-header">
                <h5 class="mb-0">最新文章</h5>
            </div>
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-sm">
                        <thead>
                            <tr>
                                <th>作者</th>
                                <th>内容</th>
                                <th>类型</th>
                                <th>状态</th>
                                <th>发布时间</th>
                            </tr>
                        </thead>
                        <tbody>
                            {volist name="latestArticles" id="a"}
                            <tr>
                                <td>{:getUserDisplayName($a['ptpuser'] ?? '')}</td>
                                <td>{:strCut($a.ptptext, 30)}</td>
                                <td>{$a.ptplx}</td>
                                <td>
                                    {if condition="isFlag($a.ptpaud) == 0"}
                                    <span class="badge bg-warning">待审核</span>
                                    {elseif condition="isFlag($a.ptpaud) == 1"}
                                    <span class="badge bg-success">已通过</span>
                                    {else}
                                    <span class="badge bg-danger">已拒绝</span>
                                    {/if}
                                </td>
                                <td>{$a.ptptime}</td>
                            </tr>
                            {/volist}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

{/block}