{% import 'bootstrap/wtf.html' as wtf %}

{% macro render_field(field) %}
    <tr>
        <td class="wtf-field">{{ field.label }}</td>
        <td class="wtf-field">{{ field()|safe }}
        {% if field.errors %}
            <ul class=errors>
            {% for error in field.errors %}
              <li>{{ error }}</li>
            {% endfor %}
            </ul>
        {% endif %}
        </td>
    </tr>
{% endmacro %}

<div class="saisienote_etape1 form_placement">
<form method=post>
    {{ form.evaluation_id }}
    {{ form.csrf_token }}
    <table class="tf">
        <tbody>
            {{ render_field(form.surveillants) }}
            {{ render_field(form.batiment) }}
            {{ render_field(form.salle) }}
            {{ render_field(form.nb_rangs) }}
            {{ render_field(form.etiquetage) }}
            {%  if form.has_groups %}
            {{ render_field(form.groups) }}
<!-- Tentative de recréer le choix des groupes sous forme de cases à cocher // demande à créer des champs wtf dynamiquement
                {% for partition in form.groups_tree %}
                    <tr>
                        {%  if partition == 'Tous' %}
                            <td rowspan="{{ form.nb_groups }}">Groupes</td>
                        {% endif %}
                        <td>{{ partition }}</td>
                        <td>
                            {% for groupe in form.groups_tree[partition] %}
                                {{ groupe }}{{ form[form.groups_tree[partition][groupe]] }}
                            {%  endfor %}
                        </td>
                    </tr>
                {%  endfor %}
-->
            {% endif %}
            {{ render_field(form.file_format) }}
        </tbody>
    </table>
  <p>
      <input id="gr_submit" type=submit value="Ok">
      <input id="gr_cancel" type=submit value="Annuler">
</script>
</form>
    <h3>Explications</h3>
        <ul>
            <li>préciser les surveillants et la localisation (bâtiment et salle) et indiquer le nombre de colonnes;</li>
            <li>deux types de placements sont possibles :
                <ul>
                    <li>continue suppose que les tables ont toutes un numéro unique;</li>
                    <li>coordonnées localise chaque table via un numéro de colonne et un numéro de ligne (ou rangée).</li>
                </ul></li>
            <li>il est possible de choisir un ou plusieurs groupes (shift/ctrl click) ou de choisir 'tous'.</li>
            <li>Choisir le format du fichier résultat :
                <ul>
                    <li>le format pdf consiste en un tableau précisant pour chaque étudiant la localisation de sa table;</li>
                    <li>le format xls produit un classeur avec deux onglets:
                        <ul>
                            <li>le premier onglet donne une vue de la salle avec la localisation des étudiants et
                                peut servir de feuille d'émargement;</li>
                            <li>le second onglet est un tableau similaire à celui du fichier pdf;</li>
                        </ul></li>
                </ul> </li>
        </ul>
</div>