{{define "admin/index.html"}}
{{template "header" .}}
<div class="admin-layout">
    <nav class="admin-nav">
        <div class="admin-nav-brand">Portal 管理</div>
        <div class="admin-nav-links">
            <a href="/admin" class="admin-nav-link active">首页</a>
            <a href="/admin/cards" class="admin-nav-link">卡片管理</a>
            <a href="/admin/access-logs" class="admin-nav-link">访问日志</a>
            <a href="/admin/logs" class="admin-nav-link">登录日志</a>
            <a href="/admin/ip-whitelist" class="admin-nav-link">IP白名单</a>
            <a href="/admin/settings" class="admin-nav-link">设置</a>
            <a href="/admin/password" class="admin-nav-link">修改密码</a>
        </div>
        <div class="admin-nav-user">
            <span>{{.Username}}</span>
            <form method="POST" action="/admin/logout" style="display:inline">
                <button type="submit" class="btn btn-sm btn-secondary">退出</button>
            </form>
        </div>
    </nav>
    <main class="admin-main">
        <h1>管理后台</h1>

        <!-- 统计卡片 -->
        <div class="stats-grid">
            <div class="stat-card">
                <div class="stat-value">{{.Stats.TodayViews}}</div>
                <div class="stat-label">今日浏览</div>
            </div>
            <div class="stat-card">
                <div class="stat-value">{{.Stats.TotalViews}}</div>
                <div class="stat-label">总浏览次数</div>
            </div>
            <div class="stat-card">
                <div class="stat-value">{{.Stats.NewIPs}}</div>
                <div class="stat-label">今日新IP</div>
            </div>
            <div class="stat-card">
                <div class="stat-value">{{.Stats.TotalIPs}}</div>
                <div class="stat-label">总IP数量</div>
            </div>
        </div>

        <!-- 实时流量 -->
        <h2 class="form-section-title">实时流量</h2>
        {{if .RecentLogs}}
        <table class="admin-table">
            <thead>
                <tr>
                    <th>时间</th>
                    <th>IP</th>
                    <th>类型</th>
                    <th>详情</th>
                    <th>客户端</th>
                </tr>
            </thead>
            <tbody>
                {{range .RecentLogs}}
                <tr>
                    <td>{{.CreatedAt.Format "15:04:05"}}</td>
                    <td><code>{{.IP}}</code></td>
                    <td>
                        {{if eq .ActionType "visit"}}<span class="badge badge-success">访问</span>
                        {{else if eq .ActionType "click"}}<span class="badge badge-primary">点击</span>
                        {{else if eq .ActionType "search"}}<span class="badge badge-warning">搜索</span>
                        {{else}}<span class="badge badge-secondary">{{.ActionType}}</span>{{end}}
                    </td>
                    <td class="detail-cell" title="{{.Detail}}">{{if .Detail}}{{.Detail}}{{else}}—{{end}}</td>
                    <td class="ua-cell" title="{{.UserAgent}}">{{.UserAgent}}</td>
                </tr>
                {{end}}
            </tbody>
        </table>
        {{else}}
        <p style="color:#999;">暂无访问记录</p>
        {{end}}

        <!-- IP 访问排行 -->
        {{if .IPStats}}
        <h2 class="form-section-title">IP 访问排行 (Top 10)</h2>
        <table class="admin-table">
            <thead>
                <tr>
                    <th>IP地址</th>
                    <th>访问次数</th>
                    <th>最后访问</th>
                </tr>
            </thead>
            <tbody>
                {{range .IPStats}}
                <tr>
                    <td><code>{{.IP}}</code></td>
                    <td>{{.Visits}}</td>
                    <td>{{.LastSeen}}</td>
                </tr>
                {{end}}
            </tbody>
        </table>
        {{end}}
    </main>
</div>

<script>
// 自动刷新页面（每30秒）
setTimeout(function() { location.reload(); }, 30000);
</script>
{{template "footer" .}}
{{end}}