{# env配置：按功能分组，三列卡片布局（SSR 预渲染） #}
<div class="env-config-page">
    <div class="env-config-head card">
        <h2>env 配置</h2>
        <p class="settings-env-hint">读取并编辑本实例 <code>.env</code>。标注「保存即生效」的项会立即应用；标注「需重启」的项保存后请点「保存并重启」。</p>
        <div class="env-config-toolbar">
            <button type="button" class="btn-primary btn-sm" id="env-config-save">保存</button>
            <button type="button" class="btn-secondary btn-sm" id="env-config-save-restart">保存并重启</button>
            <button type="button" class="btn-secondary btn-sm" id="env-config-reload">重新加载</button>
            <span class="settings-status-line" id="env-config-status"></span>
        </div>
    </div>
    <div id="env-config-grid" class="env-config-grid"{% if env_config_groups %} data-env-ssr="1"{% endif %}>
        {% if env_config_groups %}
        {% for group in env_config_groups %}
        <div class="card env-group-card">
            <h3 class="env-group-title">{{ group.title or '其他' }}</h3>
            <div class="env-group-fields">
                {% for field in group.fields %}
                <div class="env-field-card">
                    <label class="env-field-label">{{ field.key }}</label>
                    {% if field.note %}
                    <div class="env-field-note muted">{{ field.note }}</div>
                    {% endif %}
                    {% if field.type == 'bool' %}
                    <select class="env-field-input" data-env-key="{{ field.key }}">
                        {% set cur = (field.current or field.default or 'false')|lower %}
                        <option value="true"{% if cur in ('true', '1', 'yes', 'on') %} selected{% endif %}>true</option>
                        <option value="false"{% if cur not in ('true', '1', 'yes', 'on') %} selected{% endif %}>false</option>
                    </select>
                    {% else %}
                    <input
                        class="env-field-input"
                        type="{% if field.sensitive %}password{% else %}text{% endif %}"
                        data-env-key="{{ field.key }}"
                        {% if field.sensitive and field.has_value %}
                        placeholder="{{ field.masked or '留空不修改' }}"
                        {% else %}
                        value="{{ field.current or field.default or '' }}"
                        {% endif %}
                    >
                    {% endif %}
                    <span class="env-field-badge {% if field.restart_required %}env-badge-restart{% else %}env-badge-hot{% endif %}">
                        {% if field.restart_required %}需重启{% else %}保存即生效{% endif %}
                    </span>
                </div>
                {% endfor %}
            </div>
        </div>
        {% endfor %}
        {% else %}
        <div class="env-config-loading muted">加载配置中…</div>
        {% endif %}
    </div>
</div>