{{define "admin/logs.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">首页</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 active">登录日志</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>

        <table class="admin-table">
            <thead>
                <tr>
                    <th>时间</th>
                    <th>用户名</th>
                    <th>IP地址</th>
                    <th>User-Agent</th>
                    <th>状态</th>
                </tr>
            </thead>
            <tbody>
                {{range .Logs}}
                <tr>
                    <td>{{.CreatedAt.Format "2006-01-02 15:04:05"}}</td>
                    <td>{{.Username}}</td>
                    <td><code>{{.IP}}</code></td>
                    <td class="ua-cell" title="{{.UserAgent}}">{{.UserAgent}}</td>
                    <td>
                        {{if .Success}}
                        <span class="badge badge-success">成功</span>
                        {{else}}
                        <span class="badge badge-danger">失败</span>
                        {{end}}
                    </td>
                </tr>
                {{end}}
                {{if not .Logs}}
                <tr>
                    <td colspan="5" style="text-align:center;color:#999;">暂无登录日志</td>
                </tr>
                {{end}}
            </tbody>
        </table>

        {{if gt .TotalPages 1}}
        <div class="pagination">
            {{if gt .Page 1}}
            <a href="/admin/logs?page={{sub .Page 1}}" class="btn btn-sm btn-secondary">上一页</a>
            {{end}}
            <span class="pagination-info">第 {{.Page}} / {{.TotalPages}} 页（共 {{.Total}} 条）</span>
            {{if lt .Page .TotalPages}}
            <a href="/admin/logs?page={{add .Page 1}}" class="btn btn-sm btn-secondary">下一页</a>
            {{end}}
        </div>
        {{end}}

        <h2 class="form-section-title">IP 封禁列表</h2>
        {{if .Bans}}
        <table class="admin-table">
            <thead>
                <tr>
                    <th>IP地址</th>
                    <th>原因</th>
                    <th>失败次数</th>
                    <th>封禁至</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody>
                {{range .Bans}}
                <tr>
                    <td><code>{{.IP}}</code></td>
                    <td>{{.Reason}}</td>
                    <td>{{.FailCount}}</td>
                    <td>{{.BannedUntil.Format "2006-01-02 15:04:05"}}</td>
                    <td>
                        <form method="POST" action="/admin/logs/unban/{{.ID}}" style="display:inline">
                            <button type="submit" class="btn btn-sm btn-primary">解封</button>
                        </form>
                    </td>
                </tr>
                {{end}}
            </tbody>
        </table>
        {{else}}
        <p style="color:#999;">当前无封禁IP</p>
        {{end}}
    </main>
</div>
{{template "footer" .}}
{{end}}