{% extends 'respo_pedag/base_respo.html' %}
{% load static %}
{% load widget_tweaks %}
{% block m-title %}Attribuer des Salles de Classe{% 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>
                </div>
                <div class="card-body">
                    <table class="table table-bordered">
                        <tr><td style="text-align:center;font-size:18px;">PROGRAMME DU <span style="color:red;font-size:20px;">{{validite.dateDebut|date:'d-m-Y'}}</span> AU <span style="color:red;font-size:20px;">{{validite.dateFin|date:'d-m-Y'}}</span></td></tr>
                        <tr><td><strong>Ecue</strong>: {{ programme.ecue }}</td></tr>
                        <tr><td><strong>Niveau</strong>: {{ programme.niveau }}</td></tr>
                        <tr><td><strong>Enseignant</strong>: {{ programme.enseignants }}</td></tr>
                    </table><br/>
                    <p>* <i style="color:red;">Maintenez la touche CTRL (Windows) ou CMD (MAC) pour sélectionner plusieurs salles</i></p>
                    <form action="#" method="post">
                        {% csrf_token %}
                        <div class="row" style="display:flex;flex-direction:row;">
                            <div class="col">
                                <label>Lundi</label>
                                <input class="form-control" type="text" value="{{ programme.lundi }}" disabled />
                                {% render_field form.salle_lun class+="form-control" %}
                            </div>
                            <div class="col">
                                <label>Mardi</label>
                                <input class="form-control" type="text" value="{{ programme.mardi }}" disabled />
                                {% render_field form.salle_mar class+="form-control" %}
                            </div>
                            <div class="col">
                                <label>Mercredi</label>
                                <input class="form-control" type="text" value="{{ programme.mercredi }}" disabled />
                                {% render_field form.salle_mer class+="form-control" %}
                            </div>
                            <div class="col">
                                <label>Jeudi</label>
                                <input class="form-control" type="text" value="{{ programme.jeudi }}" disabled />
                                {% render_field form.salle_jeu class+="form-control" %}
                            </div>
                            <div class="col">
                                <label>Vendredi</label>
                                <input class="form-control" type="text" value="{{ programme.vendredi }}" disabled />
                                {% render_field form.salle_ven class+="form-control" %}
                            </div>
                            <div class="col">
                                <label>Samedi</label>
                                <input class="form-control" type="text" value="{{ programme.samedi }}" disabled />
                                {% render_field form.salle_sam class+="form-control" %}
                            </div>
                        </div>
                        <br/>
                        <a href="{% url 'EspaceEnseignant:rp_view_programme' %}" type="button" class="btn btn-secondary" data-dismiss="modal">Retour</a>
                        <button type="submit" class='btn btn-primary'>Enregistrer</button>
                    </form>
                </div>
            </div>
            <div class="row">
                <div class="col">
                    {% if niveau and ufr %}
                        {{niveau}} {{ufr}}
                    {% endif %}
                </div>
            </div>

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

{% endblock content %}

{% block custom_js %}

{% endblock custom_js %}