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

{% block contents %}
<h1>Gestion des cartes de membre</h1>
<div id="verso" style="padding: 5px 0;">
  <p>
    Aucune classe n'est sélectionnée pour le moment ; le bouton ci-dessous
    permet d'imprimer les versos des cartes de membre, qui sont indépendants
    de toute classe et de tout élève.
  </p>
  <button onclick="imprime_cartes_verso()">
    <img src="{% static '/img/document-print.svg' %}" alt="Imprimer les versos de cartes de membre" title="Imprime les versos de cartes de membre"/>
  </button>
</div>
<form method="post">
  <fieldset>
    {% csrf_token %}
    <label for="filtrage">Classes à considérer : </label>
    <input type="text" id="filtrage" name="filtrage" value="{{ filtrage }}">
    <input type="submit" value="Considérer la nouvelle liste">
  </fieldset>
</form>
<p>
  Sélectionner des classes : Clic, Contrôle-clic, Tirer-glisser.<br>
  <span id="imprimables" style="display: none;">
    <button onclick="imprime_cartes()">
      <img src="{% static '/img/document-print.svg' %}" alt="Imprimer les cartes de membre" title="Imprime les cartes de membre"/>
    </button>
    <span id="total">0</span> cartes de membre sélectionnées.
  </span>
</p>
<ul id="classes">
  {% for c in classes %}
  <li data-n="{{ c.cartes_a_imprimer }}">{{ c.libelle }}</li>
  {% endfor %}
</ul>

<!-- formulaire caché pour appeler la page /cartes_membres_print -->
<form id="print_form" action="/cartes_membres_print" method="post" style="display:none;">
  {% csrf_token %}
  <input type="text" name="classes_chosen" id="classes_chosen" value="">
</form>

<script>
  cartes_init();
</script>

{% endblock %}
