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


{% block contents %}
<h1>Liste des classes</h1>
<div class="flexcontainer">
  {% for c in classes %}
  <div class="flexmini">
    <p class="simple_link"
       title="Cliquer pour plus de détail au sujet de {{c.libelle}}."
       onclick = "showClasse('{{c.libelle}}');"
       >
      {{c.libelle}} ({{c.compte}})
    </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 %}