<% layout('layouts/main') %>
<% const adminBase = typeof adminBaseUrl !== 'undefined' ? adminBaseUrl : '/admin'; %>
<div class="app-shell">
  <%- partial('partials/admin-nav') %>
  <section class="content">
    <div class="page-head">
      <div>
        <p class="eyebrow">Administration</p>
        <h1>Sauvegardes</h1>
      </div>
    </div>

    <section class="panel backup-hero">
      <div>
        <h2>Créer une sauvegarde complète</h2>
        <p class="muted">L’archive contient un export SQL de la base MySQL et les fichiers du dossier uploads. Elle est stockée hors du dossier public.</p>
      </div>
      <form method="post" action="<%= adminBase %>/sauvegardes">
        <input type="hidden" name="_csrf" value="<%= csrfToken %>">
        <button>Créer une sauvegarde</button>
      </form>
    </section>

    <section class="panel">
      <h2>Sauvegardes disponibles</h2>
      <% if (!backups.length) { %>
        <div class="empty-state">
          <strong>Aucune sauvegarde pour le moment</strong>
          <span>Créez une première archive avant une mise à jour importante ou avant la mise en production.</span>
        </div>
      <% } else { %>
        <div class="mobile-list compact-list">
          <% backups.forEach((backup) => { %>
            <article class="list-card">
              <div class="list-card-head">
                <div>
                  <strong><%= backup.name %></strong>
                  <span><%= ui.date(backup.created_at, true) %> · <%= (backup.size / 1024 / 1024).toFixed(2) %> Mo</span>
                </div>
                <span class="badge">ZIP</span>
              </div>
              <div class="actions inline-actions">
                <a class="button small secondary" href="<%= adminBase %>/sauvegardes/<%= backup.name %>/telecharger">Télécharger</a>
                <form method="post" action="<%= adminBase %>/sauvegardes/<%= backup.name %>/supprimer" data-confirm="Supprimer définitivement cette sauvegarde ?">
                  <input type="hidden" name="_csrf" value="<%= csrfToken %>">
                  <button class="secondary danger">Supprimer</button>
                </form>
              </div>
            </article>
          <% }) %>
        </div>
      <% } %>
    </section>

    <section class="panel">
      <h2>Bonnes pratiques</h2>
      <div class="backup-tips">
        <span>Créer une sauvegarde avant chaque mise à jour importante.</span>
        <span>Télécharger régulièrement une copie sur un ordinateur sécurisé.</span>
        <span>Conserver plusieurs versions, puis supprimer les anciennes archives inutiles.</span>
        <span>Vérifier aussi les sauvegardes automatiques proposées par l’hébergement.</span>
      </div>
    </section>
  </section>
</div>
