{% 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 la largeur de la salle (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>