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

{% block contents %}
<h1>Étiquettes à QR-code pour les étagères en mode boutique</h1>
<p>
  Des quantités sont suggérées pour chaque groupe d'étiquettes, en supposant
  qu'il faut <b>une étiquette pour deux piles de livres de 35 cm</b>.
</p>
<p>
  Par exemple, pour le groupe {{ premiere_pile.abrege }},
  il y a {{ nombre }} livres, d'épaisseur {{ livre_exemple.epaisseur_mm }}
  millimètres, ça peut tenir dans {{ premiere_pile.nombre }} doubles piles de
  35 cm de hauteur chacune :
</p>
<p>
  {{ nombre }} × {{ livre_exemple.epaisseur_mm }}
  ÷ 10 < {{ premiere_pile.nombre }} × 35 × 2
</p>
<form method="post" action="qr_boutique_print_go">
  {% csrf_token %}
  <fieldset style="flex; margin-top: 2em;">
    <legend>Nombre d'étiquettes, par référence abrégée</legend>
    {% for p in piles %}
    <div style="display: inline-block;">
      <label for="id-{{ p.code }}">{{ p.abrege }}</label>
      <input type="text" id="id-{{ p.code }}" name="id-{{ p.code }}" value="{{ p.nombre }}" style="width: 2em; margin-right: 2em;"/>
    </div>
    {% endfor %}
  </fieldset>
  <input type="submit" value="Télécharger le PDF"/>
</form>
<!-- <script>qr_boutique_init();</script> -->
{% endblock %}
