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

{% block contents %}
<form>
  {% csrf_token %}
  <fieldset style="border 1px black solid; padding: 5px; border-radius: 5px;">
    <legend>Caution pour ...</legend>
    <label for="nomprenom">Élève :</label>
    <input type="text" placeholder="NOM, Prénom" id="nomprenom"
	   name="nomprenom" {% if nomprenom %} value="{{ nomprenom }}" {% endif %}/>
    <input id="numero" type="hidden" {% if eleve %}val="{{ eleve.id }}"{% endif %}/>
  </fieldset>
</form>

<div id="donnees">
  <div id="donnees-eleve" style="display:none;">
  </div>
  <div id="boutons0" class="flexcontainer">
    <div id="cahier" class="flexordinaire">
      <h3>Le cahier des cautions</h3>
      <button id="cahier-cautions" onclick="location = '/cahier_cautions'" >
	<img src="{% static '/img/document-print.svg' %}" alt="Cahier des cautions" title="Imprimer le cahier des cautions" style="width: 100px;"/>
      </button>
    </div>
    <div id="par-classe" class="flexordinaire" style="width: 700px;">
      <h3>Vue, par classe</h3>
      <form>
	<input type="text" id="classe" name="classe" placeholder="Quelle classe ?"/>
	</form>
      <div id="cautions_classe">
      </div>
    </div>
  </div>
</div>
<div id="messages" style="display:none;"></div>

<script>
  cautions_init();
</script>

{% endblock %}
