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

{% block contents %}
<div id="all-contents">
  <div id="gestion-retours">
    <form>
      {% csrf_token %}
      <label for="nomprenom">Élève :</label>
      <input type="text" placeholder="NOM, Prénom" id="nomprenom"
	     name="nomprenom" {% if nomprenom %} value="{{ nomprenom }}" {% endif %}/>
      <label for="codelivre">Livre rendu (entrer le code) : </label>
      <input type="text" placeholder="00000" id="codelivre"
	     name="codelivre" />
    </form>
    <div id="impressions" style="display: none">
      <button onclick="imprime_restitution()" >
	<img src="{% static '/img/print-retour.png' %}" alt="fiche de restitution" title="fiche de restitution"/>
      </button>
      <button onclick="imprime_memoire()">
	<img src="{% static '/img/print-memoire.png' %}" alt="mémoire de perte" title="mémoire de perte" />
      </button>
    </div>
    <div id="livres-rendus" class="fond-blanc" style="display: inline-block;">
      <table class="livres_rendus">
	<tr class="titres">
	  <th class="id_manuel">N°</th>
	  <th class="disc">Matière</th>
	  <th class="title_manuel">Titre</th>
	  <th class="date-pret">Prêté le</th>
	  <th class="date-retour">Rendu le</th>
	  <th class="etat-initial">État intitial</th>
	  <th class="etat-final">État final</th>
	  <th class="degradation">Dégradation</th>
	  <th class="perdu">Perdu</th>
	  <th class="remise">Remise</th>
	  <th class="paiement-perte">Paiement perte</th>
	</tr>
      </table>
    </div>
    <div id="tableau_prets">
    </div>
    <div id="messages" style="display: none;"></div>
  </div>
  <div id="meme-classe" style="display: none">
  </div>  
</div>

<div id="shortmessage" style="display: none;" class="notif">
  Le retour des livres s'est bien déroulé ; <br>
  pensez à imprimer la fiche de rendu.
</div>
<audio id="soundicon1" src="{% static '/img/xylofon.wav' %}" style="display: none;">
</audio>
<audio id="soundicon2" src="{% static '/img/percussion-50.wav' %}" style="display: none;">
</audio>
<div id="invisible" style="display: none;">
  <!-- ce formulaire invisible permet de rendre un livre tiers -->
  <form id="livre_tiers" action="/retours" target="_blank"
	method="post">
    {% csrf_token %}
    <input type= "text" name="nomprenom" id="nomprenom_cache"/>
    <input type= "text" name="livre" id="codelivre_cache"/>
  </form>
</div>
<script>
  {% if livre %}
  retours_init("{{ nomprenom }}", "{{ livre }}");
  {% else %}
  retours_init("{{ nomprenom }}");
  {% endif %}
</script>

{% endblock %}
