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

{% block contents %}
<table style="display: inline-block; vertical-align: top;">
  <tr>
    <th colspan="2" style="background: white; border: 1px solid navy; padding: 5px;">Sauvegarder la base de données</th>
  </tr>
  <tr>
    <td style="text-align: center">
      <b>Format Sqlite</b><br/> (comprimé au format ZIP)<br/>
      <button onclick="waitDB('sqlite'); document.location='/saveDB?format=sqlite'" class="actionbuttons"><img src="{% static '/img/document-sqlite-save.svg' %}" alt="Sauvegarde" style="float: left; height: 100px; margin 0 5px;"/></button>
    </td>
  </tr>
</table>
<div style="display: inline-block; vertical-align: top;">
  <h3>Liste des sauvegardes automatiques</h3>
  <ol style="font-family: monospace;">
    {% for chemin, nom in sauvegardes %}
    <li><a href="{{ chemin }}">{{ nom }}</a></li>
    {% endfor %}
  </ol>
</div>
<div id="wait" title="Patience ..." style="display: none;">
  <p>
    Le fichier de sauvegarde est en cours d'exportation, cela peut
    durer quelques secondes.
  </p>
  <img src="{% static '/img/timer1.gif' %}" alt="attente"/>
</div>
{% endblock %}
