{% extends "base.html" %}
{% block title %}配置预览 - Squid Manager{% endblock %}
{% block content %}
<div class="page-header">
    <h1>🔍 配置变更预览</h1>
    <div class="page-actions">
        <a href="{{ return_to }}" class="btn btn-secondary">← 取消</a>
    </div>
</div>

<div class="card">
    <h3 class="card-title">📊 变更摘要</h3>
    <div class="diff-summary">
        <span class="diff-stat-add">+ 新增 {{ summary.adds }} 行</span>
        <span class="diff-stat-del">- 删除 {{ summary.dels }} 行</span>
        <span>共 {{ summary.total_changed }} 行变更</span>
        {% if summary.total_changed == 0 %}
        <span class="badge badge-blue">无变更</span>
        {% endif %}
    </div>

    {% if summary.total_changed > 0 %}
    <div class="diff-warning">
        ⚠️ 仔细检查以下变更,确认无误后再点击 <strong>应用配置</strong>。
        配置写入后会自动备份当前文件到 <code>backups/</code>。
    </div>
    {% endif %}

    {{ diff_html | safe }}

    {% if summary.total_changed > 0 %}
    <form method="post" action="{{ url_for('config_confirm') }}" style="margin-top:20px;">
        <input type="hidden" name="_csrf" value="{{ csrf_token() }}">
        <input type="hidden" name="pending" value="{{ pending_b64 }}">
        <input type="hidden" name="return_to" value="{{ return_to }}">
        <div class="form-group">
            <label class="checkbox-label">
                <input type="checkbox" name="validate" value="1" checked>
                写入前运行 <code>squid -k parse</code> 校验
            </label>
        </div>
        <div class="form-actions">
            <button type="submit" class="btn btn-primary"
                    onclick="return confirm('确认应用此配置?\\n\\n会自动备份当前配置。')">
                ✅ 应用配置
            </button>
            <a href="{{ return_to }}" class="btn btn-secondary">取消</a>
        </div>
    </form>
    {% else %}
    <p class="meta-text" style="margin-top:16px;">配置无变化,无需保存。</p>
    <a href="{{ return_to }}" class="btn btn-secondary">返回</a>
    {% endif %}
</div>
{% endblock %}