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

{% block contents %}
<form>
  {% csrf_token %}
  <label for="nomprenom">Prêtés après le :</label>
  <input type="text" placeholder="AAAA-mm-jj"
	 id="date1" name="date1" {% if date1 %} value="{{ date1 }}" {% endif %}/>
  <label for="nomprenom">Rendus avant le :</label>
  <input type="text" placeholder="AAAA-mm-jj"
	 id = "date2" name="date2" {% if date2 %} value="{{ date2 }}" {% endif %}/>
</form>
<p>
<button onclick="purger_prets_go()" class="actionbuttons">
  <img src="{% static '/img/edit-delete.svg' %}" alt="Purger les enregistrements" title="Purge les enregistrements"/>
</button>
Affichage progressif : <span id="numero">0</span> / <span id="total">0</span></p>

<div id="scrollable" class="liste-livres">
  <table id="table-retours" class="tableau-donnees">
    <tr>
      <th>Prêté le</th>
      <th>Rendu le</th>
      <th>À</th>
      <th>Titre</th>
    </tr>
  </table>
  <div class="timericon" style="display: none;">
    <img src="{% static '/img/timer1.gif' %}" alt="By Andrikkos - Own work, CC0, https://commons.wikimedia.org/w/index.php?curid=33919822" style="margin: 0 auto; width: 150px;"/>
  </div>
</div>
<div id="message" style="display: none;">
  <p>
    Vérifiez bien les dates : si elles ne sont pas indéfinies, alors
    leur format doit être « aaaa-mm-dd » ; notez bien que l'année est
    sur quatre chiffres (aaaa). D'autre part les dates ne doivent pas être
    fantaisistes.
  </p>
</div>
<div id="message-suppression" style="display: none;">
  <p>
    Vous êtes sur le point de supprimer
    <span id="count">nombre</span>
    enregistrements de prêt et rendu d'un livre.
  </p>
  <p>
    Cette suppression est définitive ; avez-vous pensé à faire une
    sauvegarde de la base de donnée avant cela, ou est-ce sans importance ?
  </p>
</div>
<script>
  purger_prets_init();
</script>
{% endblock %}
