{% extends 'base.html' %}
{% load static %}

{% block title %}Restauração Agendada - {{ block.super }}{% endblock %}

{% block content %}
<div class="row justify-content-center">
    <div class="col-lg-8">
        <div class="card shadow-sm border-warning">
            <div class="card-body text-center p-5">
                <div class="spinner-border text-primary mb-3" style="width: 3rem; height: 3rem;"></div>
                <h3><i class="bi bi-arrow-counterclockwise"></i> Restauração em preparação</h3>
                <p class="lead mb-4">
                    O backup <strong>{{ nome_arquivo }}</strong> será aplicado assim que o sistema for fechado.
                </p>

                <div class="text-start border rounded bg-light p-3 mb-4">
                    <p class="fw-bold mb-2"><i class="bi bi-list-check"></i> Como funciona agora:</p>
                    <ol class="mb-0">
                        <li class="mb-2">Em alguns segundos o sistema <strong>se encerra sozinho</strong> para concluir a restauração com segurança.</li>
                        <li class="mb-2">Ao final, o backup será aplicado <strong>automaticamente</strong>.</li>
                        <li>Abra o sistema novamente de forma normal e verifique se os dados voltaram.</li>
                    </ol>
                </div>

                <div class="alert alert-warning text-start">
                    <i class="bi bi-exclamation-octagon"></i>
                    <strong>Não tire o pendrive / não mova o arquivo de backup</strong> até o fim da restauração.
                </div>

                <div class="alert alert-info text-start mb-4">
                    <i class="bi bi-shield-check"></i>
                    Se ao reabrir aparecer a mensagem <strong>"Sistema restaurado com sucesso"</strong>, tudo certo.
                    Se aparecer uma mensagem de erro, os dados <strong>não foram alterados</strong> e você pode tentar novamente.
                </div>

                <p class="small text-muted mb-0">
                    Você pode fechar esta página tranquilo — a restauração já está agendada.
                </p>
            </div>
        </div>
    </div>
</div>
{% endblock %}