{% extends "sco_page.j2" %}
{% block styles %}
    {{super()}}
    <link rel="stylesheet" href="{{scu.STATIC_DIR}}/css/assiduites.css">
{% endblock styles %}
{% block scripts %}
{{ super() }}
<script src="{{scu.STATIC_DIR}}/js/etud_info.js"></script>
{% endblock scripts %}
{% block app_content %}
<h2>Traitement de l'assiduité</h2>
<p class="help">
Pour saisir l'assiduité ou consulter les états, il est recommandé de passer par
le semestre concerné (saisie par jour ou saisie différée).
</p>
<p class="help">Pour signaler, annuler ou justifier l'assiduité d'un seul étudiant,
        choisissez d'abord la personne concernée&nbsp;:</p>
<br>
{{search_etud | safe}}
<br>
{{billets | safe}}

<br>

<div>
    <h3>Télécharger l'assiduité</h3>
    
    <form action="{{url_for('assiduites.recup_assiduites_plage', scodoc_dept=g.scodoc_dept)}}" method="post">
        <label for="datedeb">
            Du&nbsp;:
            <input type="text" class="datepicker" id="datedeb" name="datedeb">
        </label>
        <br>
        <label for="datefin">
            Au&nbsp;:
            <input type="text" class="datepicker" id="datefin" name="datefin">
        </label>
        <br>
        <label for="formsemestre_id">Télécharger l'assiduité de </label>
        <select name="formsemestre_id" id="formsemestre_id">
            <option value="">Tout le département</option>
            {% for id, titre in  formsemestres.items() %}
                {% if formsemestre_id == id %}
                    <option value="{{id}}" selected>{{titre}}</option>
                {% else %}
                    <option value="{{id}}">{{titre}}</option>
                {% endif %}
            {% endfor %}
        </select>
        <br>
        <input type="submit" value="Télécharger" name="telecharger">
    </form>
    
</div>

<br>
<section class="nonvalide">
    {{tableau | safe }}
</section>
{% endblock app_content %}