{% extends "sco_page_dept.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 %}

<h1>Traitement de l'assiduité</h1>
<p class="help">
Pour saisir l'assiduité ou consulter les états, passer par
le semestre concerné (saisie par jour ou saisie différée).
</p>

<div class="scobox scobox-etud">
<p class="help">Pour signaler, annuler ou justifier l'assiduité d'un seul étudiant,
    choisissez d'abord la personne concernée&nbsp;:</p>
{{search_etud | safe}}
</div>

<div>
    {{billets | safe}}
<div>

<section class="nonvalide">
    <div class="scobox">
        {{tableau | safe }}
    </div>
</section>

<div class="scobox">
    <div class="scobox-title">Télécharger tous les enregistrements d'assiduité</div>

    <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">Origine :</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>
        <div class="scobox-buttons">
            <input type="submit" value="Télécharger" name="telecharger">
        </div>
    </form>

</div>

{% endblock app_content %}