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

{% block contents %}
<h2>Doublons dans SLM :
  <span id="nb_doublons_SLM">{{ liste_doublons_SLM| length }}</span>
</h2>
{% if liste_doublons_SLM  %}
<ol>
  {% for nom_prenom, e in liste_doublons_SLM.items %}
  <li class="doublon">
    {{ nom_prenom }} :
    <div data-sans-accent="{{ e.sans_accent }}"></div>
  </li>
  {% endfor %}
</ol>
<script>traiteDoublonSlm()</script>
{% endif %}

<div class="liste_eleves" id="a_importer">
  <div class = "targetSiecle"
       ondrop = "dropSiecle(event)"
       ondragenter = "dragenterSiecle(event)"
       ondragleave = "dragleaveSiecle(event)">
    Déposez un fichier Siècle au format CSV<br>
    <strong style="font-size: 200%">ici</strong>
  </div>
  <p id="doublons_siecle" style="display: none;">
    Doublons dans SIÈCLE : <span id="nb_doublons_siecle"></span>
    <span id="liste_doublons_siecle"></span>
  </p>
  <h2>Élèves de SIÈCLE : <span id="nb_eleves_siecle">0</span></h2>
  <textarea ncol="100" nrow = "20"></textarea>
</div>

<div class="liste_eleves" id="nouveaux">
  <h2>Élèves nouveaux : <span id="nb_nouveaux">0</span></h2>
  <button id="bouton_nouveaux" class = "big" onclick="entreeParSiecle(this)"
	  style="display: none;">
    Inscrire les nouveaux
  </button>  
  <textarea ncol="100" nrow = "20"></textarea>
</div>

<div class = "liste_eleves" id="sortants">
  <h2>Élèves sortants : <span id="nb_sortants">0</span></h2>
  <button id="bouton_sortants" class = "big" onclick="sortieParSiecle(this)"
	  style="display: none;">
    Effacer les sortants<br/>à jour de prêts
  </button>

  <button id="bouton_print_sortants" onclick="tableauSortantsPasAjour()"
	  class="toujoursvisible" style="display: none;">
    <img src="{% static 'img/document-print.svg' %}" alt="tableau des sortants pas à jour" title="Imprimer un tableau des sortants avec encore des prêts à régler" />
  </button>

  <textarea ncol="100" nrow = "20"></textarea>
</div>

<div class="liste_eleves" id="restants">
  <h2>Élèves restants : <span id="nb_restants">0</span></h2>
  <p>... dont <span id="nb_a_modifier_vraiment">0</span> seraient modifiés par SIÈCLE.</p>
  <button id="bouton_restants" class = "big"
	  onclick="modificationParSiecle(this)" style="display: none;">
    Mettre à jour les restants<br>
    par rapport à SIÈCLE
  </button>

  <textarea ncol="100" nrow = "20"></textarea>
</div>

<div id="message" style="display: none;"></div>
<script>
  siecle_init();
</script>
{% endblock %}
