{{define "admin/cards.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 active">卡片管理</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">
        <div class="admin-header">
            <h1>卡片管理</h1>
            <a href="/admin/cards/new" class="btn btn-primary">+ 新建卡片</a>
        </div>

        <table class="admin-table">
            <thead>
                <tr>
                    <th>图标</th>
                    <th>标题</th>
                    <th>副标题</th>
                    <th>链接</th>
                    <th>排序</th>
                    <th>状态</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody>
                {{range .Cards}}
                <tr>
                    <td>{{if .Icon}}<span class="card-emoji">{{.Icon}}</span>{{else}}—{{end}}</td>
                    <td>{{.Title}}</td>
                    <td>{{if .Subtitle}}{{.Subtitle}}{{else}}—{{end}}</td>
                    <td><a href="{{.URL}}" target="_blank" rel="noopener">{{.URL}}</a></td>
                    <td>{{.Sort}}</td>
                    <td>
                        {{if .Enabled}}
                        <span class="badge badge-success">启用</span>
                        {{else}}
                        <span class="badge badge-secondary">禁用</span>
                        {{end}}
                    </td>
                    <td class="actions">
                        <form method="POST" action="/admin/cards/{{.ID}}/toggle" style="display:inline">
                            <button type="submit" class="btn btn-sm btn-secondary">{{if .Enabled}}禁用{{else}}启用{{end}}</button>
                        </form>
                        <form method="POST" action="/admin/cards/{{.ID}}/move-up" style="display:inline">
                            <button type="submit" class="btn btn-sm btn-secondary">↑</button>
                        </form>
                        <form method="POST" action="/admin/cards/{{.ID}}/move-down" style="display:inline">
                            <button type="submit" class="btn btn-sm btn-secondary">↓</button>
                        </form>
                        <a href="/admin/cards/{{.ID}}/edit" class="btn btn-sm btn-primary">编辑</a>
                        <form method="POST" action="/admin/cards/{{.ID}}/delete" style="display:inline" onsubmit="return confirm('确定要删除此卡片吗？')">
                            <button type="submit" class="btn btn-sm btn-danger">删除</button>
                        </form>
                    </td>
                </tr>
                {{end}}
                {{if not .Cards}}
                <tr>
                    <td colspan="7" style="text-align:center;color:#999;">暂无卡片，点击"新建卡片"添加</td>
                </tr>
                {{end}}
            </tbody>
        </table>
    </main>
</div>
{{template "footer" .}}
{{end}}