{% extends "base.html" %}
{% block title %}配置备份 - Squid Manager{% endblock %}
{% block content %}
<div class="page-header">
    <h1>📦 配置备份</h1>
    <div class="page-actions">
        <span class="meta-text">共 {{ files | length }} 个备份</span>
    </div>
</div>

<div class="card">
    {% if files %}
    <table class="data-table">
        <thead>
        <tr>
            <th>文件名</th>
            <th>大小</th>
            <th>时间</th>
            <th>操作</th>
        </tr>
        </thead>
        <tbody>
        {% for f in files %}
        <tr>
            <td><code>{{ f.name }}</code></td>
            <td>{{ f.size }} 字节</td>
            <td class="time-cell">{{ f.mtime }}</td>
            <td>
                <a href="{{ url_for('backup_download', name=f.name) }}" class="btn btn-small btn-secondary">⬇ 下载</a>
                <form method="post" action="{{ url_for('backup_restore', name=f.name) }}" style="display:inline;"
                      onsubmit="return confirm('确认从备份 {{ f.name }} 恢复? 当前配置将被覆盖。');">
    <input type="hidden" name="_csrf" value="{{ csrf_token() }}">
                    <button type="submit" class="btn btn-small btn-warning">♻ 恢复</button>
                </form>
            </td>
        </tr>
        {% endfor %}
        </tbody>
    </table>
    {% else %}
    <div class="card-empty">
        <div class="empty-icon">📦</div>
        <p>暂无备份。在保存配置时会自动创建备份。</p>
    </div>
    {% endif %}
</div>

<div class="card">
    <h3 class="card-title">ℹ️ 备份说明</h3>
    <ul>
        <li>每次通过 Web UI 保存配置时，会自动备份当前配置到 <code>backups/</code> 目录</li>
        <li>备份命名格式: <code>squid.conf.YYYYMMDD_HHMMSS.&lt;reason&gt;</code></li>
        <li>恢复时会先将当前配置备份为 <code>before-restore</code></li>
        <li>恢复后需要 <a href="{{ url_for('service_view') }}">重载服务</a> 才能生效</li>
    </ul>
</div>
{% endblock %}