
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<div class="container mt-5">
    <h3><i class="fas fa-history"></i> Restaurar Backup do Sistema</h3>
    <hr>

    <?php if (isset($_GET['msg'])): ?>
        <div class="alert alert-info mt-3"><?= htmlspecialchars($_GET['msg']) ?></div>
    <?php endif; ?>

    <?php if (empty($arquivos)): ?>
        <div class="alert alert-warning mt-3">
            <i class="fas fa-exclamation-circle"></i> Nenhum backup disponível para restaurar.
        </div>
    <?php else: ?>
        <div class="table-responsive mt-4">
            <table class="table table-bordered table-hover">
                <thead class="thead-dark text-center">
                    <tr>
                        <th><i class="fas fa-file-archive"></i> Backup</th>
                        <th><i class="fas fa-calendar-alt"></i> Data</th>
                        <th><i class="fas fa-cogs"></i> Ação</th>
                    </tr>
                </thead>
                <tbody>
                    <?php foreach ($arquivos as $arquivo): ?>
                        <tr class="text-center align-middle">
                            <td><?= basename($arquivo) ?></td>
                            <td><?= date('d/m/Y H:i:s', filemtime($arquivo)) ?></td>
                            <td>
                                <a href="<?= URL ?>/atualizador/restaurarBackup?arquivo=<?= urlencode(basename($arquivo)) ?>" 
                                   class="btn btn-sm btn-outline-primary"
                                   onclick="return confirm('Tem certeza que deseja restaurar este backup? Isso substituirá os arquivos atuais.')">
                                   <i class="fas fa-sync-alt"></i> Restaurar
                                </a>
                            </td>
                        </tr>
                    <?php endforeach; ?>
                </tbody>
            </table>
        </div>
    <?php endif; ?>

    <a href="<?= URL ?>/atualizador" class="btn btn-secondary mt-3">
        <i class="fas fa-arrow-left"></i> Voltar
    </a>
</div>
