{% extends 'core/base.html' %}

{% block content %}
<!-- 页面标题 -->
<div class="d-flex justify-content-between align-items-center mb-4">
    <h2 class="mb-0">
        <i class="bi bi-gear me-2 text-secondary"></i>系统配置
    </h2>
</div>

<div class="card">
    <div class="card-header bg-primary text-white">
        <h5 class="card-title mb-0">
            <i class="bi bi-sliders me-2"></i>系统配置设置
        </h5>
    </div>
    <div class="card-body">
        <form method="post" class="mt-2">
            {% csrf_token %}

            <div class="row">
                <!-- 邮件配置 -->
                <div class="col-md-6">
                    <div class="card border-0 shadow-sm mb-4">
                        <div class="card-header bg-light">
                            <h6 class="mb-0">
                                <i class="bi bi-envelope me-2 text-primary"></i>邮件配置
                            </h6>
                        </div>
                        <div class="card-body">
                            <div class="mb-3">
                                <label for="{{ form.smtp_server.id_for_label }}" class="form-label">
                                    <i class="bi bi-server me-1"></i>{{ form.smtp_server.label }}
                                </label>
                                {{ form.smtp_server }}
                                {% if form.smtp_server.help_text %}
                                <div class="form-text">{{ form.smtp_server.help_text }}</div>
                                {% endif %}
                                {% for error in form.smtp_server.errors %}
                                <div class="invalid-feedback d-block">{{ error }}</div>
                                {% endfor %}
                            </div>

                            <div class="mb-3">
                                <label for="{{ form.smtp_port.id_for_label }}" class="form-label">
                                    <i class="bi bi-plug me-1"></i>{{ form.smtp_port.label }}
                                </label>
                                {{ form.smtp_port }}
                                {% if form.smtp_port.help_text %}
                                <div class="form-text">{{ form.smtp_port.help_text }}</div>
                                {% endif %}
                                {% for error in form.smtp_port.errors %}
                                <div class="invalid-feedback d-block">{{ error }}</div>
                                {% endfor %}
                            </div>

                            <div class="mb-3">
                                <label for="{{ form.smtp_username.id_for_label }}" class="form-label">
                                    <i class="bi bi-person me-1"></i>{{ form.smtp_username.label }}
                                </label>
                                {{ form.smtp_username }}
                                {% if form.smtp_username.help_text %}
                                <div class="form-text">{{ form.smtp_username.help_text }}</div>
                                {% endif %}
                                {% for error in form.smtp_username.errors %}
                                <div class="invalid-feedback d-block">{{ error }}</div>
                                {% endfor %}
                            </div>

                            <div class="mb-3">
                                <label for="{{ form.smtp_password.id_for_label }}" class="form-label">
                                    <i class="bi bi-lock me-1"></i>{{ form.smtp_password.label }}
                                </label>
                                {{ form.smtp_password }}
                                {% if form.smtp_password.help_text %}
                                <div class="form-text">{{ form.smtp_password.help_text }}</div>
                                {% endif %}
                                {% for error in form.smtp_password.errors %}
                                <div class="invalid-feedback d-block">{{ error }}</div>
                                {% endfor %}
                            </div>
                        </div>
                    </div>
                </div>

                <!-- 发送配置 -->
                <div class="col-md-6">
                    <div class="card border-0 shadow-sm mb-4">
                        <div class="card-header bg-light">
                            <h6 class="mb-0">
                                <i class="bi bi-send me-2 text-success"></i>发送配置
                            </h6>
                        </div>
                        <div class="card-body">
                            <div class="mb-3">
                                <label for="{{ form.send_time.id_for_label }}" class="form-label">
                                    <i class="bi bi-clock me-1"></i>{{ form.send_time.label }}
                                </label>
                                {{ form.send_time }}
                                {% if form.send_time.help_text %}
                                <div class="form-text">{{ form.send_time.help_text }}</div>
                                {% endif %}
                                {% for error in form.send_time.errors %}
                                <div class="invalid-feedback d-block">{{ error }}</div>
                                {% endfor %}
                            </div>

                            <div class="mb-3">
                                <label for="{{ form.recipient_email.id_for_label }}" class="form-label">
                                    <i class="bi bi-envelope-at me-1"></i>{{ form.recipient_email.label }}
                                </label>
                                {{ form.recipient_email }}
                                {% if form.recipient_email.help_text %}
                                <div class="form-text">{{ form.recipient_email.help_text }}</div>
                                {% endif %}
                                {% for error in form.recipient_email.errors %}
                                <div class="invalid-feedback d-block">{{ error }}</div>
                                {% endfor %}
                            </div>
                        </div>
                    </div>

                    <!-- 系统信息 -->
                    <div class="card border-0 shadow-sm">
                        <div class="card-header bg-light">
                            <h6 class="mb-0">
                                <i class="bi bi-info-circle me-2 text-info"></i>系统信息
                            </h6>
                        </div>
                        <div class="card-body">
                            <div class="d-flex align-items-center mb-3">
                                <i class="bi bi-check-circle-fill text-success me-2"></i>
                                <span>系统运行正常</span>
                            </div>
                            <div class="d-flex align-items-center mb-3">
                                <i class="bi bi-calendar-check text-primary me-2"></i>
                                <span>当前日期：{{ today }}</span>
                            </div>
                            <div class="d-flex align-items-center">
                                <i class="bi bi-shield-check text-info me-2"></i>
                                <span>安全配置已启用</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="mt-4 text-center">
                <button type="submit" class="btn btn-primary btn-lg px-5">
                    <i class="bi bi-save me-2"></i>保存配置
                </button>
            </div>
        </form>
    </div>
</div>
{% endblock %}