{% extends "setup/base.html" %}

{% block content %}
<h2>管理员 & 站点设置</h2>

{% if error %}
<div class="alert alert-error">{{ error }}</div>
{% if traceback %}
<pre style="font-size:0.75rem;color:#999;max-height:150px;overflow:auto;margin-top:8px">{{ traceback }}</pre>
{% endif %}
{% endif %}

<form method="post">
    {% csrf_token %}

    <div class="form-group">
        <label>管理员用户名</label>
        <input type="text" name="username" value="admin" required>
    </div>
    <div class="form-row">
        <div class="form-group">
            <label>密码</label>
            <input type="password" name="password" required minlength="6">
            <div class="hint">至少6位</div>
        </div>
        <div class="form-group">
            <label>邮箱（选填）</label>
            <input type="email" name="email">
        </div>
    </div>

    <hr style="border:none;border-top:1px solid #e5e7eb;margin:20px 0">

    <div class="form-group">
        <label>站点名称</label>
        <input type="text" name="site_name" value="我的博客">
    </div>
    <div class="form-group">
        <label>站点描述</label>
        <input type="text" name="site_desc" value="一个基于Django的博客系统">
    </div>

    <hr style="border:none;border-top:1px solid #e5e7eb;margin:20px 0">

    <div class="form-group">
        <label>部署模式</label>
        <div class="radio-group" style="flex-direction: column; gap: 10px; margin-top: 6px;">
            <label style="display: flex; align-items: flex-start; gap: 8px; padding: 10px 14px; border: 1px solid #d1d5db; border-radius: 8px; cursor: pointer;">
                <input type="radio" name="debug_mode" value="false" checked style="width: auto; margin-top: 3px;">
                <div>
                    <strong style="color:#111;">生产模式</strong> <span style="font-size:0.8rem;color:#16a34a;font-weight:500;">推荐</span>
                    <div style="font-size:0.82rem;color:#6b7280;margin-top:2px;">DEBUG=False，启用安全加固，适合正式上线</div>
                </div>
            </label>
            <label style="display: flex; align-items: flex-start; gap: 8px; padding: 10px 14px; border: 1px solid #d1d5db; border-radius: 8px; cursor: pointer;">
                <input type="radio" name="debug_mode" value="true" style="width: auto; margin-top: 3px;">
                <div>
                    <strong style="color:#111;">开发模式</strong>
                    <div style="font-size:0.82rem;color:#6b7280;margin-top:2px;">DEBUG=True，显示详细错误信息，仅限开发环境</div>
                </div>
            </label>
        </div>
    </div>

    <div class="form-group">
        <label>域名</label>
        <input type="text" name="domain" value="{{ default_domain|default:'myblog.example.com' }}" placeholder="myblog.example.com">
        <div class="hint">用于生成 Nginx 配置，开发模式可填 localhost</div>
    </div>

    <hr style="border:none;border-top:1px solid #e5e7eb;margin:20px 0">

    <div class="form-group">
        <label>Gunicorn 监听地址</label>
        <input type="text" name="gunicorn_bind" value="0.0.0.0:8000" placeholder="0.0.0.0:8000">
        <div class="hint">格式: IP:端口，如 0.0.0.0:8000 或 127.0.0.1:9000</div>
    </div>
    <div class="form-group">
        <label>Gunicorn Worker 数</label>
        <input type="number" name="gunicorn_workers" value="" placeholder="{{ default_workers }}" min="1" max="32">
        <div class="hint">留空则自动使用推荐值: CPU×2+1 = {{ default_workers }}</div>
    </div>
    <div class="form-group">
        <label>上传文件大小限制 (MB)</label>
        <input type="number" name="max_upload_size" value="20" placeholder="20" min="1" max="500">
        <div class="hint">同时配置 Django 和 Nginx 的上传限制，默认 20MB</div>
    </div>

    <button type="submit" class="btn btn-block" style="margin-top: 10px;">
        完成安装
    </button>
</form>
{% endblock %}