{{define "admin/card_form.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">
        <h1>{{if .IsEdit}}编辑卡片{{else}}新建卡片{{end}}</h1>

        {{if .Error}}<div class="form-error">{{.Error}}</div>{{end}}

        <form method="POST" action="{{if .IsEdit}}/admin/cards/{{.Card.ID}}{{else}}/admin/cards{{end}}" class="admin-form">
            <div class="form-group">
                <label for="icon">图标 (Emoji 或上传图片)</label>
                <input type="text" id="icon" name="icon" value="{{if .Card}}{{.Card.Icon}}{{end}}" placeholder="例如: 📧 或上传图片">
            </div>
            <div class="form-group">
                <label for="title">标题 <span class="required">*</span></label>
                <input type="text" id="title" name="title" value="{{if .Card}}{{.Card.Title}}{{end}}" required>
            </div>
            <div class="form-group">
                <label for="subtitle">副标题</label>
                <input type="text" id="subtitle" name="subtitle" value="{{if .Card}}{{.Card.Subtitle}}{{end}}">
            </div>
            <div class="form-group">
                <label for="url">链接 <span class="required">*</span></label>
                <input type="url" id="url" name="url" value="{{if .Card}}{{.Card.URL}}{{end}}" required placeholder="https://">
            </div>
            <div class="form-group">
                <label>
                    <input type="checkbox" name="enabled" value="1" {{if .Card}}{{if .Card.Enabled}}checked{{end}}{{else}}checked{{end}}>
                    启用
                </label>
            </div>
            <div class="form-actions">
                <button type="submit" class="btn btn-primary">{{if .IsEdit}}保存修改{{else}}创建卡片{{end}}</button>
                <a href="/admin/cards" class="btn btn-secondary">取消</a>
            </div>
        </form>
    </main>
</div>
<script src="/static/upload.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
    setupUpload('#icon', 'icon');
});
</script>
{{template "footer" .}}
{{end}}