{% extends "base.html" %}

{% block title %}Restaurar Backup Completo{% endblock %}

{% block content %}
<div class="card">
    <div class="card-header">
        <h3>Restaurar Backup Completo</h3>
    </div>
    <div class="card-body">
        <p>
            Sube un archivo <strong>.zip</strong> generado desde
            <em>"Backup Completo (.zip)"</em> en el dashboard.
        </p>

        <div style="background: #fff3cd; border: 1px solid #ffeeba; padding: 10px 12px; border-radius: 8px; margin: 15px 0;">
            <strong>⚠ Atención:</strong>
            <ul style="margin: 8px 0 0 18px; padding: 0;">
                <li>Se <strong>vaciarán</strong> las tablas <code>feeds</code> y <code>fuentes_url</code>.</li>
                <li>Los datos de esos CSV se volverán a cargar desde el backup.</li>
                <li>No se tocan noticias, traducciones ni tags.</li>
            </ul>
        </div>

        <form action="{{ url_for('restore_completo') }}" method="post" enctype="multipart/form-data">
            <div class="form-group" style="margin-bottom: 15px;">
                <label for="backup_file"><strong>Archivo .zip de backup completo</strong></label>
                <input
                    type="file"
                    id="backup_file"
                    name="backup_file"
                    accept=".zip"
                    required
                    style="display:block; margin-top:8px;"
                >
            </div>

            <div style="margin-top: 20px; display:flex; gap:10px;">
                <a href="{{ url_for('dashboard') }}" class="btn btn-secondary">Cancelar</a>
                <button type="submit" class="btn btn-danger">
                    <i class="fas fa-exclamation-triangle"></i>
                    Restaurar desde backup
                </button>
            </div>
        </form>
    </div>
</div>
{% endblock %}