{% extends 'dg_ufr/base_ufr.html' %}
{% load static %}
{% block custom_css %}

{% endblock custom_css %}
{% block m-title %}Semaines {% endblock m-title %}
{% block content %}
<section class="content">
    <div class="container-fluid">
        <!-- Small boxes (Stat box) -->
        <div class="container">
            <div class="card">
                <div class="card-header text-white" style="background: #21618C"><h3 class="card-title"></h3>
                <button class="btn  btn-primary text-white" style="float:right;margin:2px;" data-toggle="modal" data-target="#addPeriod"><i class="fa fa-plus"></i>&nbsp; Ajouter</button>
                    {% include 'dg_ufr/modal_add_periode.html' %}
                </div>
                <div class="card-body">
                    <table class="table table-striped">
                        <thead>
                            <th></th>
                            <th>Périodes</th>
                            <th>Actions</th>
                        </thead>
                        <tbody>
                        {% for  periode in periodes %}
                            <tr>
                                <td>{{ forloop.counter }}</td>
                                <td>{{ periode.dateDebut|date:'d-m-Y' }} au {{ periode.dateFin|date:'d-m-Y' }}</td>
                                <td></td>
                            </tr>
                        {% empty %}
                            <tr>
                                <td colspan="3"> Aucune Période trouvée</td>
                            </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>

      </div>
    </div>
</section>

{% endblock content %}

{% block custom_js %}

{% endblock custom_js %}