{% load static %}

{% if valide %}
<form method="POST" id="form-eleve">
  {% csrf_token %}
  <input type="hidden" id="numero" name="numero" value="{{ numero }}"/>
  <input type="hidden" id="annee" name="annee" value="{{ annee }}"/>
  <input type="hidden" name="modif_db" value="Enregistrer"/>
  <button type="submit" id="modif_db" style="display:none;" class="petitbouton">
    <img src="{% static '/img/document-save.svg' %}" alt="enregistrer" title="Enregistrer les modifications"/>
  </button>
  <table class="deux-colonnes-formulaire"
	 style="display: inline-block; vertical-align: top;">
    {{ form.as_table }}
    <tr><td colspan="2" style="text-align: center;"><input type="submit" value="Valider les données" style="width: 95%;"/></td></tr>
  </table>
  <div id="les-boutons" style="display: inline-block">
    {% include 'gestion/signale_eleve.html' %}
    <button type="button" id="fiche_suivi" onclick="imprime_fiche_suivi()">
      <img src="{% static '/img/fiche-suivi-print.svg' %}" alt="imprime la fiche de suivi" title="Imprimer la fiche de suivi" style="width: 100px;"/>
    </button>
    <button type="button" id="print_carte_membre" onclick="imprime_une_carte_membre()">
      <img src="{% static '/img/carte-membre-print.svg' %}" alt="imprime la carte de membre" title="Imprimer la carte de membre" style="width: 100px;"/>
    </button>
    <br>
    <button type="button" id="go-to-prets" onclick="goto_prets('{{ nomprenom }}');">
      <img src="{% static '/img/redo.svg' %}" alt="prêt" title="Prêter des livres à {{ nomprenom }}" style="width: 100px;"/>
    </button>
    <button type="button" id="go-to-retours" onclick="goto_retours('{{ nomprenom }}');">
      <img src="{% static '/img/undo.svg' %}" alt="rendu" title="Rendre des livres de {{ nomprenom }}" style="width: 100px;"/>
    </button>
    <br>
    {% if sans_caution %}
    <p>S.C.</p>
    {% else %}
    <fieldset id="rendre-caution" style="border: 1px black solid; padding: 5px; border-radius: 5px;">
      <legend>Rendre la caution</legend>
      <input id="montant" value="70,00" style="width: 50px;"/> €
      <button type="button" id="casse-caution" onclick="casse_caution('{{ nomprenom }}');">
	<img src="{% static '/img/caution-delete.svg' %}" alt="fin de la caution" title="Terminer (rendre) la caution de {{ nomprenom }}" style="width: 50px; vertical-align: middle;"/>
    </button>
    </fieldset>
    {% endif %}
    <div id="confirme-caution" style="display: none;">
      <p>Voulez-vous vraiment solder la caution de {{ nomprenom }} ?</p>
    </div>
  </div>
</form>
<!-- formulaire invisible pour faire imprimer les fiches -->
<form method="post" action="fiches_suivi_print_go" id="go" style="display: none;">
  {% csrf_token %}
  <input type="text" id="classes_input" name="classes" value="")>
  <input type="text" id="annee" name="annee" value="{{ param.AnneeScolaire }}"/>
</form>
{% else %}
<h3>Le champ « Élève » n'a pas permis de trouver une fiche dans la base de données</h3>
{% endif %}
<script src="{% static 'js/jquery/jquery.js' %}"></script>
<script src="{% static 'js/jquery-ui/jquery-ui.js' %}"></script>
<script src="{% static 'js/slm.js' %}"></script>

<script>eleve_modif_init()</script>
{% if saved %}
<script>signale_eleve_saved()</script>
{% endif %}
