{% extends 'EspaceEtudiant/base_etudiant.html' %}
{% load static %}
{% load custom_tag %}
{% load custom_tag_obj %}
{% block m-title %}Emploi du Temps du<span style="color:red;"> {{validite.dateDebut|date:'d-m-Y'}}</span> au <span style="color:red;"> {{validite.dateFin|date:'d-m-Y'}}</span>{% endblock m-title %}
{% load widget_tweaks %}
{% block content %}
<section class="content">
    <div class="container-fluid">
        <!-- Small boxes (Stat box) -->
        <div class="card">
            <div class="card-header text-white" style="background: #21618C"><h3 class="card-title"></h3>
            </div>
            <div class="card-body">
                <form action="#" method="post">
                    {% csrf_token %}
                  <div class="row">
                    <div class="col-md-3">
                        <select name="periode" class="form-control">
                            <option value="aucun">------- Periode -----</option>
                            {% for periode in validites %}
                            <option value="{{ periode.id }}">{{ periode.dateDebut|date:'d-m-Y' }} au {{ periode.dateFin|date:'d-m-Y' }}</option>
                            {% endfor %}
                        </select>
                    </div>
                      <div class="col">
                      <button type="submit" class='btn btn-primary'><i class="fa fa-search"></i> Filtrer</button>
                    </div>
                  </div>
                </form>
            </div>
        </div>

        <div class="container">
            <div class="card">
                <div class="card-header text-white" style="background: #21618C;text-transform:uppercase;"><h3 class="card-title">{% if niveau and ufr %}{{niveau}} --- {{ufr}}{% endif %}</h3></div>
                <div class="card-body">
                   <!-- <p>*<i style="color:red;">Cliquez sur le code ECUE pour voir les détails</i></p> -->
                    <table class="table table-bordered">
                        <thead>
                            <th></th>
                            <th>Lundi</th>
                            <th>Mardi</th>
                            <th>mercredi</th>
                            <th>Jeudi</th>
                            <th>Vendredi</th>
                            <th>Samedi</th>
                        </thead>
                       <tbody>
                            <tr>
                                <td>Matin</td>
                                <td>
                                    {% for code in p_lundi_m %}
                                    {% if code.type_lun|get_edt_type_jour %}
                                        <span
                                            data-toggle="modal" data-target="#details{{code.id}}"
                                            style="{% if code.ecue.code in SDM1 %} color:#00BFFF; {% elif code.ecue.code in TES2 %} color:#FFC300; {% elif code.ecue.code in ARHAI3 %} color:#20B2AA; {% elif code.ecue.code in MPSI4 %} color:#FF00FF; {% endif %}"
                                            >{{code.ecue.code}}
                                        </span>
                                        <p style="font-size:14px;margin-bottom:-10px;color:red;">
                                            <span style="color:red;font-weight:bold;">{{code.type_lun}}</span> <br/>{% if code.lundi %}({{code.lundi}}){% endif %}
                                        </p>
                                        <hr/>
                                    {% else %}
                                    <span
                                        data-toggle="modal" data-target="#details{{code.id}}"
                                        style="{% if code.ecue.code in SDM1 %} color:#00BFFF; {% elif code.ecue.code in TES2 %} color:#FFC300; {% elif code.ecue.code in ARHAI3 %} color:#20B2AA; {% elif code.ecue.code in MPSI4 %} color:#FF00FF; {% endif %}"
                                        >{{code.ecue.code}}
                                        {% if code.id|is_salle_added:'lundi' == 'existe' %}{% else %}<span style="color:#000000;">*</span>{% endif %}
                                    </span>
                                    <p style="font-size:12px;margin-bottom:-10px;">{{code.type_lun}} {% if code.lundi %}({{code.lundi}}){% endif %}</p>
                                    <p style="font-size:12px;margin-bottom:-10px;margin-top:8px;">{% if code.salle_lun %}Salle: {{ code.salle_lun }}{% endif %}</p>

                                    {% include 'dg_ufr/parts/edt_enseignant_list.html' %} <!-- edt enseignant list -->
                                    <hr/>
                                    {% include 'respo_pedag/modal_detail/modal_lun_m.html' %}
                                    {% endif %}
                                    {% endfor %}

                                </td>
                                <td>
                                    {% for code in p_mardi_m %}
                                    {% if code.type_mar|get_edt_type_jour %}
                                        <span
                                            data-toggle="modal" data-target="#details{{code.id}}"
                                            style="{% if code.ecue.code in SDM1 %} color:#00BFFF; {% elif code.ecue.code in TES2 %} color:#FFC300; {% elif code.ecue.code in ARHAI3 %} color:#20B2AA; {% elif code.ecue.code in MPSI4 %} color:#FF00FF; {% endif %}"
                                            >{{code.ecue.code}}
                                        </span>
                                        <p style="font-size:14px;margin-bottom:-10px;color:red;">
                                            <span style="color:red;font-weight:bold;">{{code.type_mar}}</span> <br/>{% if code.mardi %}({{code.mardi}}){% endif %}
                                        </p>
                                        <hr/>
                                    {% else %}
                                    <span
                                        data-toggle="modal" data-target="#detailsmar{{code.id}}"
                                        style="{% if code.ecue.code in SDM1 %} color:#00BFFF; {% elif code.ecue.code in TES2 %} color:#FFC300; {% elif code.ecue.code in ARHAI3 %} color:#20B2AA; {% elif code.ecue.code in MPSI4 %} color:#FF00FF; {% endif %}"
                                        >{{code.ecue.code}}
                                        {% if code.id|is_salle_added:'mardi' == 'existe' %}{% else %}<span style="color:#000000;">*</span>{% endif %}
                                    </span>
                                    <p style="font-size:12px;margin-bottom:-10px;">{{code.type_mar}} {% if code.mardi %}({{code.mardi}}){% endif %}</p>
                                    <p style="font-size:12px;margin-bottom:-10px;margin-top:8px;">{% if code.salle_mar %}Salle: {{ code.salle_mar }}{% endif %}</p>
                                    {% include 'dg_ufr/parts/edt_enseignant_list.html' %} <!-- edt enseignant list -->
                                    <hr/>
                                    {% include 'respo_pedag/modal_detail/modal_mar.html' %}
                                    {% endif %}
                                    {% endfor %}
                                </td>
                                <td>
                                    {% for code in p_mercredi_m %}
                                    {% if code.type_mer|get_edt_type_jour %}
                                        <span
                                            data-toggle="modal" data-target="#details{{code.id}}"
                                            style="{% if code.ecue.code in SDM1 %} color:#00BFFF; {% elif code.ecue.code in TES2 %} color:#FFC300; {% elif code.ecue.code in ARHAI3 %} color:#20B2AA; {% elif code.ecue.code in MPSI4 %} color:#FF00FF; {% endif %}"
                                            >{{code.ecue.code}}
                                        </span>
                                        <p style="font-size:14px;margin-bottom:-10px;color:red;">
                                            <span style="color:red;font-weight:bold;">{{code.type_mer}}</span> <br/>{% if code.mercredi %}({{code.mercredi}}){% endif %}
                                        </p>
                                        <hr/>
                                    {% else %}
                                    <span
                                        data-toggle="modal" data-target="#detailsmer{{code.id}}"
                                        style="{% if code.ecue.code in SDM1 %} color:#00BFFF; {% elif code.ecue.code in TES2 %} color:#FFC300; {% elif code.ecue.code in ARHAI3 %} color:#20B2AA; {% elif code.ecue.code in MPSI4 %} color:#FF00FF; {% endif %}"
                                        >{{code.ecue.code}}
                                        {% if code.id|is_salle_added:'mercredi' == 'existe' %}{% else %}<span style="color:#000000;">*</span>{% endif %}
                                    </span>
                                    <p style="font-size:12px;margin-bottom:-10px;">{{code.type_mer}} {% if code.mercredi %}({{code.mercredi}}){% endif %}</p>
                                    <p style="font-size:12px;margin-bottom:-10px;margin-top:8px;">{% if code.salle_mer %}Salle: {{ code.salle_mer }}{% endif %}</p>
                                    {% include 'dg_ufr/parts/edt_enseignant_list.html' %} <!-- edt enseignant list -->
                                    <hr/>
                                    {% include 'respo_pedag/modal_detail/modal_mer.html' %}
                                    {% endif %}
                                    {% endfor %}
                                </td>
                                <td>
                                    {% for code in p_jeudi_m %}
                                    {% if code.type_jeu|get_edt_type_jour %}
                                        <span
                                            data-toggle="modal" data-target="#details{{code.id}}"
                                            style="{% if code.ecue.code in SDM1 %} color:#00BFFF; {% elif code.ecue.code in TES2 %} color:#FFC300; {% elif code.ecue.code in ARHAI3 %} color:#20B2AA; {% elif code.ecue.code in MPSI4 %} color:#FF00FF; {% endif %}"
                                            >{{code.ecue.code}}
                                        </span>
                                        <p style="font-size:14px;margin-bottom:-10px;color:red;">
                                            <span style="color:red;font-weight:bold;">{{code.type_jeu}}</span> <br/>{% if code.jeudi %}({{code.jeudi}}){% endif %}
                                        </p>
                                        <hr/>
                                    {% else %}
                                    <span
                                        data-toggle="modal" data-target="#detailsjeu{{code.id}}"
                                        style="{% if code.ecue.code in SDM1 %} color:#00BFFF; {% elif code.ecue.code in TES2 %} color:#FFC300; {% elif code.ecue.code in ARHAI3 %} color:#20B2AA; {% elif code.ecue.code in MPSI4 %} color:#FF00FF; {% endif %}"
                                        >{{code.ecue.code}}
                                        {% if code.id|is_salle_added:'jeudi' == 'existe' %}{% else %}<span style="color:#000000;">*</span>{% endif %}
                                    </span>
                                    <p style="font-size:12px;margin-bottom:-10px;">{{code.type_jeu}} {% if code.jeudi %}({{code.jeudi}}){% endif %}</p>
                                    <p style="font-size:12px;margin-bottom:-10px;margin-top:8px;">{% if code.salle_jeu %}Salle: {{ code.salle_jeu }}{% endif %}</p>
                                    {% include 'dg_ufr/parts/edt_enseignant_list.html' %} <!-- edt enseignant list -->
                                    <hr/>
                                    {% include 'respo_pedag/modal_detail/modal_jeu.html' %}
                                    {% endif %}
                                    {% endfor %}
                                </td>
                                <td>
                                    {% for code in p_vendredi_m %}
                                    {% if code.type_ven|get_edt_type_jour %}
                                        <span
                                            data-toggle="modal" data-target="#details{{code.id}}"
                                            style="{% if code.ecue.code in SDM1 %} color:#00BFFF; {% elif code.ecue.code in TES2 %} color:#FFC300; {% elif code.ecue.code in ARHAI3 %} color:#20B2AA; {% elif code.ecue.code in MPSI4 %} color:#FF00FF; {% endif %}"
                                            >{{code.ecue.code}}
                                        </span>
                                        <p style="font-size:14px;margin-bottom:-10px;color:red;">
                                            <span style="color:red;font-weight:bold;">{{code.type_ven}}</span> <br/>{% if code.vendredi %}({{code.vendredi}}){% endif %}
                                        </p>
                                        <hr/>
                                    {% else %}
                                    <span
                                        data-toggle="modal" data-target="#detailsven{{code.id}}"
                                        style="{% if code.ecue.code in SDM1 %} color:#00BFFF; {% elif code.ecue.code in TES2 %} color:#FFC300; {% elif code.ecue.code in ARHAI3 %} color:#20B2AA; {% elif code.ecue.code in MPSI4 %} color:#FF00FF; {% endif %}"
                                        >{{code.ecue.code}}
                                        {% if code.id|is_salle_added:'vendredi' == 'existe' %}{% else %}<span style="color:#000000;">*</span>{% endif %}
                                    </span>
                                    <p style="font-size:12px;margin-bottom:-10px;">{{code.type_ven}} {% if code.vendredi %}({{code.vendredi}}){% endif %}</p>
                                    <p style="font-size:12px;margin-bottom:-10px;margin-top:8px;">{% if code.salle_ven %}Salle: {{ code.salle_ven }}{% endif %}</p>
                                    {% include 'dg_ufr/parts/edt_enseignant_list.html' %} <!-- edt enseignant list -->
                                    <hr/>
                                    {% include 'respo_pedag/modal_detail/modal_ven.html' %}
                                    {% endif %}
                                    {% endfor %}
                                </td>
                                <td>
                                    {% for code in p_samedi_m %}
                                    {% if code.type_sam|get_edt_type_jour %}
                                        <span
                                            data-toggle="modal" data-target="#details{{code.id}}"
                                            style="{% if code.ecue.code in SDM1 %} color:#00BFFF; {% elif code.ecue.code in TES2 %} color:#FFC300; {% elif code.ecue.code in ARHAI3 %} color:#20B2AA; {% elif code.ecue.code in MPSI4 %} color:#FF00FF; {% endif %}"
                                            >{{code.ecue.code}}
                                        </span>
                                        <p style="font-size:14px;margin-bottom:-10px;color:red;">
                                            <span style="color:red;font-weight:bold;">{{code.type_sam}}</span> <br/>{% if code.samedi %}({{code.samedi}}){% endif %}
                                        </p>
                                        <hr/>
                                    {% else %}
                                    <span
                                        data-toggle="modal" data-target="#detailssam{{code.id}}"
                                        style="{% if code.ecue.code in SDM1 %} color:#00BFFF; {% elif code.ecue.code in TES2 %} color:#FFC300; {% elif code.ecue.code in ARHAI3 %} color:#20B2AA; {% elif code.ecue.code in MPSI4 %} color:#FF00FF; {% endif %}"
                                        >{{code.ecue.code}}
                                        {% if code.id|is_salle_added:'samedi' == 'existe' %}{% else %}<span style="color:#000000;">*</span>{% endif %}
                                    </span>
                                    <p style="font-size:12px;margin-bottom:-10px;">{{code.type_sam}} {% if code.samedi %}({{code.samedi}}){% endif %}</p>
                                    <p style="font-size:12px;margin-bottom:-10px;margin-top:8px;">{% if code.salle_sam %}Salle: {{ code.salle_sam }}{% endif %}</p>
                                    {% include 'dg_ufr/parts/edt_enseignant_list.html' %} <!-- edt enseignant list -->
                                    <hr/>
                                    {% include 'respo_pedag/modal_detail/modal_sam.html' %}
                                    {% endif %}
                                    {% endfor %}
                                </td>
                            </tr>
                            <tr>
                                <td>Soir</td>
                                <td>
                                    {% for code in p_lundi_s %}
                                    {% if code.type_lun|get_edt_type_jour %}
                                        <span
                                            data-toggle="modal" data-target="#details{{code.id}}"
                                            style="{% if code.ecue.code in SDM1 %} color:#00BFFF; {% elif code.ecue.code in TES2 %} color:#FFC300; {% elif code.ecue.code in ARHAI3 %} color:#20B2AA; {% elif code.ecue.code in MPSI4 %} color:#FF00FF; {% endif %}"
                                            >{{code.ecue.code}}
                                        </span>
                                        <p style="font-size:14px;margin-bottom:-10px;color:red;">
                                            <span style="color:red;font-weight:bold;">{{code.type_lun}}</span> <br/>{% if code.lundi %}({{code.lundi}}){% endif %}
                                        </p>
                                        <hr/>
                                    {% else %}
                                    <span
                                        data-toggle="modal" data-target="#details{{code.id}}"
                                        style="{% if code.ecue.code in SDM1 %} color:#00BFFF; {% elif code.ecue.code in TES2 %} color:#FFC300; {% elif code.ecue.code in ARHAI3 %} color:#20B2AA; {% elif code.ecue.code in MPSI4 %} color:#FF00FF; {% endif %}"
                                        >{{code.ecue.code}}
                                        {% if code.id|is_salle_added:'lundi' == 'existe' %}{% else %}<span style="color:#000000;">*</span>{% endif %}
                                    </span>
                                    <p style="font-size:12px;margin-bottom:-10px;">{{code.type_lun}} {% if code.lundi %}({{code.lundi}}){% endif %}</p>
                                    <p style="font-size:12px;margin-bottom:-10px;margin-top:8px;">{% if code.salle_lun %}Salle: {{ code.salle_lun }}{% endif %}</p>
                                    {% include 'dg_ufr/parts/edt_enseignant_list.html' %} <!-- edt enseignant list -->
                                    <hr/>
                                    {% include 'respo_pedag/modal_detail/modal_lun_m.html' %}
                                    {% endif %}
                                    {% endfor %}
                                </td>
                                <td>
                                    {% for code in p_mardi_s %}
                                    {% if code.type_mar|get_edt_type_jour %}
                                        <span
                                            data-toggle="modal" data-target="#details{{code.id}}"
                                            style="{% if code.ecue.code in SDM1 %} color:#00BFFF; {% elif code.ecue.code in TES2 %} color:#FFC300; {% elif code.ecue.code in ARHAI3 %} color:#20B2AA; {% elif code.ecue.code in MPSI4 %} color:#FF00FF; {% endif %}"
                                            >{{code.ecue.code}}
                                        </span>
                                        <p style="font-size:14px;margin-bottom:-10px;color:red;">
                                            <span style="color:red;font-weight:bold;">{{code.type_mar}}</span> <br/>{% if code.mardi %}({{code.mardi}}){% endif %}
                                        </p>
                                        <hr/>
                                    {% else %}
                                    <span
                                        data-toggle="modal" data-target="#detailsmar{{code.id}}"
                                        style="{% if code.ecue.code in SDM1 %} color:#00BFFF; {% elif code.ecue.code in TES2 %} color:#FFC300; {% elif code.ecue.code in ARHAI3 %} color:#20B2AA; {% elif code.ecue.code in MPSI4 %} color:#FF00FF; {% endif %}"
                                        >{{code.ecue.code}}
                                        {% if code.id|is_salle_added:'mardi' == 'existe' %}{% else %}<span style="color:#000000;">*</span>{% endif %}
                                    </span>
                                    <p style="font-size:12px;margin-bottom:-10px;">{{code.type_mar}} {% if code.mardi %}({{code.mardi}}){% endif %}</p>
                                    <p style="font-size:12px;margin-bottom:-10px;margin-top:8px;">{% if code.salle_mar %}Salle: {{ code.salle_mar }}{% endif %}</p>
                                    {% include 'dg_ufr/parts/edt_enseignant_list.html' %} <!-- edt enseignant list -->
                                    <hr/>
                                    {% include 'respo_pedag/modal_detail/modal_mar.html' %}
                                    {% endif %}
                                    {% endfor %}
                                </td>
                                <td>
                                    {% for code in p_mercredi_s %}
                                    {% if code.type_mer|get_edt_type_jour %}
                                        <span
                                            data-toggle="modal" data-target="#details{{code.id}}"
                                            style="{% if code.ecue.code in SDM1 %} color:#00BFFF; {% elif code.ecue.code in TES2 %} color:#FFC300; {% elif code.ecue.code in ARHAI3 %} color:#20B2AA; {% elif code.ecue.code in MPSI4 %} color:#FF00FF; {% endif %}"
                                            >{{code.ecue.code}}
                                        </span>
                                        <p style="font-size:14px;margin-bottom:-10px;color:red;">
                                            <span style="color:red;font-weight:bold;">{{code.type_mer}}</span> <br/>{% if code.mercredi %}({{code.mercredi}}){% endif %}
                                        </p>
                                        <hr/>
                                    {% else %}
                                    <span
                                        data-toggle="modal" data-target="#detailsmer{{code.id}}"
                                        style="{% if code.ecue.code in SDM1 %} color:#00BFFF; {% elif code.ecue.code in TES2 %} color:#FFC300; {% elif code.ecue.code in ARHAI3 %} color:#20B2AA; {% elif code.ecue.code in MPSI4 %} color:#FF00FF; {% endif %}"
                                        >{{code.ecue.code}}
                                        {% if code.id|is_salle_added:'mercredi' == 'existe' %}{% else %}<span style="color:#000000;">*</span>{% endif %}
                                    </span>
                                    <p style="font-size:12px;margin-bottom:-10px;">{{code.type_mer}} {% if code.mercredi %}({{code.mercredi}}){% endif %}</p>
                                    <p style="font-size:12px;margin-bottom:-10px;margin-top:8px;">{% if code.salle_mer %}Salle: {{ code.salle_mer }}{% endif %}</p>
                                    {% include 'dg_ufr/parts/edt_enseignant_list.html' %} <!-- edt enseignant list -->
                                    <hr/>
                                    {% include 'respo_pedag/modal_detail/modal_mer.html' %}
                                    {% endif %}
                                    {% endfor %}
                                </td>
                                <td>
                                    {% for code in p_jeudi_s %}
                                    {% if code.type_jeu|get_edt_type_jour %}
                                        <span
                                            data-toggle="modal" data-target="#details{{code.id}}"
                                            style="{% if code.ecue.code in SDM1 %} color:#00BFFF; {% elif code.ecue.code in TES2 %} color:#FFC300; {% elif code.ecue.code in ARHAI3 %} color:#20B2AA; {% elif code.ecue.code in MPSI4 %} color:#FF00FF; {% endif %}"
                                            >{{code.ecue.code}}
                                        </span>
                                        <p style="font-size:14px;margin-bottom:-10px;color:red;">
                                            <span style="color:red;font-weight:bold;">{{code.type_jeu}}</span> <br/>{% if code.jeudi %}({{code.jeudi}}){% endif %}
                                        </p>
                                        <hr/>
                                    {% else %}
                                    <span
                                        data-toggle="modal" data-target="#detailsjeu{{code.id}}"
                                        style="{% if code.ecue.code in SDM1 %} color:#00BFFF; {% elif code.ecue.code in TES2 %} color:#FFC300; {% elif code.ecue.code in ARHAI3 %} color:#20B2AA; {% elif code.ecue.code in MPSI4 %} color:#FF00FF; {% endif %}"
                                        >{{code.ecue.code}}
                                        {% if code.id|is_salle_added:'jeudi' == 'existe' %}{% else %}<span style="color:#000000;">*</span>{% endif %}
                                    </span>
                                    <p style="font-size:12px;margin-bottom:-10px;">{{code.type_jeu}} {% if code.jeudi %}({{code.jeudi}}){% endif %}</p>
                                    <p style="font-size:12px;margin-bottom:-10px;margin-top:8px;">{% if code.salle_jeu %}Salle: {{ code.salle_jeu }}{% endif %}</p>
                                    {% include 'dg_ufr/parts/edt_enseignant_list.html' %} <!-- edt enseignant list -->
                                    <hr/>
                                    {% include 'respo_pedag/modal_detail/modal_jeu.html' %}
                                    {% endif %}
                                    {% endfor %}
                                </td>
                                <td>
                                    {% for code in p_vendredi_s %}
                                    {% if code.type_ven|get_edt_type_jour %}
                                        <span
                                            data-toggle="modal" data-target="#details{{code.id}}"
                                            style="{% if code.ecue.code in SDM1 %} color:#00BFFF; {% elif code.ecue.code in TES2 %} color:#FFC300; {% elif code.ecue.code in ARHAI3 %} color:#20B2AA; {% elif code.ecue.code in MPSI4 %} color:#FF00FF; {% endif %}"
                                            >{{code.ecue.code}}
                                        </span>
                                        <p style="font-size:14px;margin-bottom:-10px;color:red;">
                                            <span style="color:red;font-weight:bold;">{{code.type_ven}}</span> <br/>{% if code.vendredi %}({{code.vendredi}}){% endif %}
                                        </p>
                                        <hr/>
                                    {% else %}
                                    <span
                                        data-toggle="modal" data-target="#detailsven{{code.id}}"
                                        style="{% if code.ecue.code in SDM1 %} color:#00BFFF; {% elif code.ecue.code in TES2 %} color:#FFC300; {% elif code.ecue.code in ARHAI3 %} color:#20B2AA; {% elif code.ecue.code in MPSI4 %} color:#FF00FF; {% endif %}"
                                        >{{code.ecue.code}}
                                        {% if code.id|is_salle_added:'vendredi' == 'existe' %}{% else %}<span style="color:#000000;">*</span>{% endif %}
                                    </span>
                                    <p style="font-size:12px;margin-bottom:-10px;">{{code.type_ven}} {% if code.vendredi %}({{code.vendredi}}){% endif %}</p>
                                    <p style="font-size:12px;margin-bottom:-10px;margin-top:8px;">{% if code.salle_ven %}Salle: {{ code.salle_ven }}{% endif %}</p>
                                    {% include 'dg_ufr/parts/edt_enseignant_list.html' %} <!-- edt enseignant list -->
                                    <hr/>
                                    {% include 'respo_pedag/modal_detail/modal_ven.html' %}
                                    {% endif %}
                                    {% endfor %}
                                </td>
                                <td>
                                    {% for code in p_samedi_s %}
                                    {% if code.type_sam|get_edt_type_jour %}
                                        <span
                                            data-toggle="modal" data-target="#details{{code.id}}"
                                            style="{% if code.ecue.code in SDM1 %} color:#00BFFF; {% elif code.ecue.code in TES2 %} color:#FFC300; {% elif code.ecue.code in ARHAI3 %} color:#20B2AA; {% elif code.ecue.code in MPSI4 %} color:#FF00FF; {% endif %}"
                                            >{{code.ecue.code}}
                                        </span>
                                        <p style="font-size:14px;margin-bottom:-10px;color:red;">
                                            <span style="color:red;font-weight:bold;">{{code.type_sam}}</span> <br/>{% if code.samedi %}({{code.samedi}}){% endif %}
                                        </p>
                                        <hr/>
                                    {% else %}
                                    <span
                                        data-toggle="modal" data-target="#detailssam{{code.id}}"
                                        style="{% if code.ecue.code in SDM1 %} color:#00BFFF; {% elif code.ecue.code in TES2 %} color:#FFC300; {% elif code.ecue.code in ARHAI3 %} color:#20B2AA; {% elif code.ecue.code in MPSI4 %} color:#FF00FF; {% endif %}"
                                        >{{code.ecue.code}}
                                        {% if code.id|is_salle_added:'samedi' == 'existe' %}{% else %}<span style="color:#000000;">*</span>{% endif %}
                                    </span>
                                    <p style="font-size:12px;margin-bottom:-10px;">{{code.type_sam}} {% if code.samedi %}({{code.samedi}}){% endif %}</p>
                                    <p style="font-size:12px;margin-bottom:-10px;margin-top:8px;">{% if code.salle_sam %}Salle: {{ code.salle_sam }}{% endif %}</p>
                                    {% include 'dg_ufr/parts/edt_enseignant_list.html' %} <!-- edt enseignant list -->
                                    <hr/>
                                    {% include 'respo_pedag/modal_detail/modal_sam.html' %}
                                    {% endif %}
                                    {% endfor %}
                                </td>
                            </tr>
                       </tbody>
                   </table>

                </div>
            </div>
              <!-- DONUT CHART --><!-- /.card -->

        </div>

            
    </div>
  </section>

{% endblock content %}

{% block custom_js %}

{% endblock custom_js %}