{extend name="base" /}
{block name="title"}用户数据 - {$user.uname}{/block}
{block name="main"}
<div class="layui-body">
    {include file="public/menu" /}

    <div class="royal-flex-content has-nav">
        <!-- 左侧导航 -->
        <div class="royal-nav">
            <ul>
                {volist name="navItems" id="nav"}
                <li>
                    <a href="{$nav.url}" class="{if $nav.active}cur{/if}">{$nav.title}</a>
                </li>
                {/volist}
            </ul>
        </div>

        <!-- 右侧内容区 -->
        <div class="royal-content">
            <div class="royal-content-main">
                <!-- 数据选项卡 -->
                <div class="layui-tab layui-tab-brief">
                    <ul class="layui-tab-title">
                        <li class="layui-this">该用户文档</li>
                        <li>该用户产品</li> 
                        <li>该用户友链</li>
                        <li>该用户操作日志</li>
                        <li>该用户登录日志</li>
                        <li>
                            <p class="layui-text-red">用户信息【用户名:{$user.uname} ID:{$user.id}】</p>
                        </li>
                    </ul>
                    <div class="layui-tab-content">
                        <!-- 文档 -->
                        <div class="layui-tab-item layui-show">
                            <div class="layui-card">
                                <div class="layui-card-header">文档列表（共{$stats.article}篇）</div>
                                <div class="layui-card-body">
                                    <table class="layui-table">
                                        <thead>
                                            <tr>
                                                <th width="100">ID</th>
                                                <th>标题</th>
                                                <th width="180">创建时间</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            {volist name="data.article" id="item"}
                                            <tr>
                                                <td>{$item.id}</td>
                                                <td>{$item.title}</td>
                                                <td>{:date('Y-m-d H:i', $item.create_time)}</td>
                                            </tr>
                                            {/volist}
                                        </tbody>
                                    </table>
                                    <div class="layui-box layui-laypage">
                                        {$data.article|raw}
                                    </div>
                                </div>
                            </div>
                        </div> 
                        <!-- 广告 -->
                        <div class="layui-tab-item">
                            <div class="layui-card">
                                <div class="layui-card-header">广告列表（共{$stats.ad}条）</div>
                                <div class="layui-card-body">
                                    <table class="layui-table">
                                        <thead>
                                            <tr>
                                                <th width="100">ID</th>
                                                <th>标题</th>
                                                <th width="180">创建时间</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            {volist name="data.ad" id="item"}
                                            <tr>
                                                <td>{$item.id}</td>
                                                <td>{$item.title}</td>
                                                <td>{:date('Y-m-d H:i', $item.create_time)}</td>
                                            </tr>
                                            {/volist}
                                        </tbody>
                                    </table>
                                    <div class="layui-box layui-laypage">
                                        {$data.ad|raw}
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- 友链 -->
                        <div class="layui-tab-item">
                            <div class="layui-card">
                                <div class="layui-card-header">友链列表（共{$stats.link}条）</div>
                                <div class="layui-card-body">
                                    <table class="layui-table">
                                        <thead>
                                            <tr>
                                                <th width="100">ID</th>
                                                <th>名称</th>
                                                <th width="180">创建时间</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            {volist name="data.link" id="item"}
                                            <tr>
                                                <td>{$item.id}</td>
                                                <td>{$item.title}</td>
                                                <td>{:date('Y-m-d H:i', $item.create_time)}</td>
                                            </tr>
                                            {/volist}
                                        </tbody>
                                    </table>
                                    <div class="layui-box layui-laypage">
                                        {$data.link|raw}
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- 操作日志 -->
                        <div class="layui-tab-item">
                            <div class="layui-card">
                                <div class="layui-card-header">操作日志（共{$stats.action}条）</div>
                                <div class="layui-card-body">
                                    <table class="layui-table">
                                        <thead>
                                            <tr>
                                                <th width="100">ID</th>
                                                <th>操作描述</th>
                                                <th width="180">时间</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            {volist name="data.action" id="item"}
                                            <tr>
                                                <td>{$item.id}</td>
                                                <td>{$item.module}</td>
                                                <td>{:date('Y-m-d H:i', $item.create_time)}</td>
                                            </tr>
                                            {/volist}
                                        </tbody>
                                    </table>
                                    <div class="layui-box layui-laypage">
                                        {$data.action|raw}
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- 登录日志 -->
                        <div class="layui-tab-item">
                            <div class="layui-card">
                                <div class="layui-card-header">登录日志（共{$stats.log}条）</div>
                                <div class="layui-card-body">
                                    <table class="layui-table">
                                        <thead>
                                            <tr>
                                                <th width="100">ID</th>
                                                <th>IP地址</th>
                                                <th width="180">登录时间</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            {volist name="data.log" id="item"}
                                            <tr>
                                                <td>{$item.id}</td>
                                                <td>{$item.login_ip}</td>
                                                <td>{:date('Y-m-d H:i', $item.login_time)}</td>
                                            </tr>
                                            {/volist}
                                        </tbody>
                                    </table>
                                    <div class="layui-box layui-laypage">
                                        {$data.log|raw}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    layui.use(['element'], function () {
        var element = layui.element;
        // 初始化选项卡
        element.init();
    });
</script>
{/block}