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


{% block contents %}
<h1>Nombre de membres de la coopérative : {{ nb_membres }}, en date du {{ ladate }}</h1>
<p>
  Sont comptés comme membres de la coopérative tous les élèves qui ont
  au moins un livre prêté.
</p>
<p>
  <b>Il y a quelques sources d'erreurs :</b> par exemple
  certains élèves ont un livre prêté, mais c'est juste un livre non rendu
  (souvent perdu), qui n'est pas encore considéré comme définitvement perdu.
</p>
<h1>Histogramme des livres prêtés</h1>
<div>
  {{ histogramme_lpe }}
</div>
<h1>Flux des prêts de manuels</h1>
<div>
  {{ graphique_prets }}
</div>
<h1>Flux des retours de manuels</h1>
<div>
  {{ graphique_retours }}
</div>
<h1>Liste des classes (nombre d'élèves, proportion de membres)</h1>
<div class="flexcontainer">
  {% for c in classes %}
  <div class="flexmini medium">
    <p class="simple_link"
       title="Cliquer pour plus de détail au sujet de {{c.libelle}}."
       onclick = "showClasse('{{c.libelle}}');"
       >
      {{c.libelle}} <br>
      <span style="font-size: 70%">
	({{c.compte}} élèves, {{ c.membres_pc }} % membres)
      </span>
    </p>
  </div>
  {% endfor %}
  <div id="la_classe" style="display: none;">
  </div>
</div>
<h1>Manuels prêtés</h1>
<form>
  <fieldset>
    <legend>Choix de critères</legend>
    <label for="cat_manuel">Titre du manuel</label>
    <select id="cat_manuel" name="cat_manuel">
      <option value="0">-- ne pas filtrer --</option>
      {% for mc in manuel_catalogue %}
      <option value="{{mc.id}}">{{mc.titre}}</option>
      {% endfor %}
    </select>
  </fieldset>
  <input type="hidden" id="debut" name="debut" value="0"/>
</form>
<div id="liste_manuels">
</div>
<h1>Statistiques des manuels</h1>
<ul>
  <table class="tableau-donnees">
    <tr style="background: gold;">
      <th>Niveau + filière</th>
      <th>Volume en m<sup>3</sup></th>
      <th>Masse en kg</th>
      <th>Titres</th>
    </tr>
    {% for k, glob in volumes.items %}
    {% if glob.volume > 0 %}
    <tr>
      <th>{{ k }}</th>
      <td>{{ glob.volume|floatformat:3 }}</td>
      <td>{{ glob.masse|floatformat:0 }}</td>
      <td class="overflowing-cell" title="{{ glob.les_titres }}">{{ glob.les_titres }}</td>
    {% endif %}
      {% endfor %}
    <tr style="background: gold;">
      <th>Total</th>
      <td>{{ total.volume|floatformat:0 }} m<sup>3</sup></td>
      <td>{{ total.masse|floatformat:0 }} kg</td>
      <td class="overflowing-cell" title="{{ total.les_titres }}">{{ total.les_titres }}</td>
    </tr>
  </table>
</ul>
<script> stats_init(); </script>
{% endblock %}
