{% extends 'EspaceEtudiant/base_etudiant.html' %}
{% load static %}
{% load widget_tweaks %}
{% load custom_tag %}
{% block page_title %}{% endblock page_title %}
{% block content %}
{% load unicorn %}
{% unicorn_scripts %}

<div class="card mb-3">
    <div class="card-header">
        <i class="fas fa-table"></i>
        CONFIRMER DES SEANCES EFFECTUEES
    </div>
    <div class="card-body">
        <div class="table-responsive">
            <table class="table table-bordered table-striped" id="dataTable" width="100%" cellspacing="0">
                <thead>
                <tr>
                    <th width="100">DATE</th>
                    <th width="50">TYPE</th>
                    <th width="180">DUREE</th>
                    <th width="50">SALLE</th>
                    <th>MATIERES</th>
                    <th>ENSEIGNANT</th>
                    <th width="40"></th>
                </tr>
                </thead>
                <tfoot>
                <tr>
                    <th width="100">DATE</th>
                    <th width="50">TYPE</th>
                    <th width="180">DUREE</th>
                    <th width="50">SALLE</th>
                    <th>MATIERES</th>
                    <th>ENSEIGNANT</th>
                    <th width="40"></th>
                </tr>
                </tfoot>
                <tbody>
                {% for seance in seances %}
                <tr>
                    <td>{{ seance.date|date:'d-m-Y' }}</td>
                    <td>{{ seance.type_cours }}</td>
                    <td>{{ seance.debut|time:'G:i' }} - {{ seance.fin|time:'G:i' }}  &nbsp;({{seance|get_duration_between}})</td>
                    <td>{{ seance.salle.libelle }}</td>
                    <td>({{ seance.ecue.code }}) {{ seance.ecue.libelle }}</td>
                    <td>{{ seance.enseignant }}</td>
                    <td>
                        <button class="btn btn-warning" data-toggle="modal" data-target="#confirm{{seance.id}}"><i class="fa fa-thumbs-up"></i> ?</button>
                        {% include 'EspaceEtudiant/parts/modal_seance_confirm.html' %}
                    </td>
                </tr>
              {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
</div>
{% endblock content %}

{% block custom_js %}
{% endblock custom_js %}