{% extends 'base.html.twig' %}

{% block title %}{{parent()}}: Planning{% endblock %}
{% block body %}
{% set joursFR = {
    "Monday" : "Lundi",
    "Tuesday" : "Mardi",
    "Wednesday" : "Mercredi",
    "Thursday" : "Jeudi",
    "Friday" : "Vendredi",
    "Saturday" : "Samedi",
    "Sunday" : "Dimanche"
} %}
    <div id="dialog-confirm" style="z-index:99999 !important;"></div>
    <div class="container-fluid page page_planning_settings m-3">
        <div id="ui-view">
            <div>
                <div class="animated fadeIn">
                    <div class="row">
                        <div class="col-12">

                            <div class="card planning mr-4">
                                <div class="card-header dataPlanning">
                                    <h1 class="d-inline-block m-0">Planning "{{ cursus.libelle }}"</h1>
                                </div>
                                <div class="card-body row">
                                    <div class="col-lg-7 col-sm-12">
                                        {% set coursAffiche = [] %}
                                        {% for semestre in cursus.semestres %}
                                            <div class="card boxSemestre p-3">
                                                <div class="card-header text-white" style="border-bottom: 1px solid #2f353a; background-color:#2f353a;">
                                                    <h1 class="title mb-0"><b>{{ semestre.libelle }}</b></h1><!-- Cycle -->
                                                </div>
                                                <div class="card-body">
                                                {% set cours = semestre.cours|sort((a, b) => a.ordre <=> b.ordre) %}
                                                    {% for cours in cours %}
                                                        {% for horaire in cours.horaires %}
                                                            {% for groupe in horaire.groupes %}
                                                                {% if (groupe.groupe.id in groupes or is_granted('ROLE_ADMIN')) and cours.id not in coursAffiche %}                                     
                                                                    {% set coursAffiche = coursAffiche|merge([cours.id]) %}
                                                                    {% set colorCours = false %}
                                                                    <div class="row mx-0 my-3">
                                                                        <div class="col-4 my-auto px-0">
                                                                            {% set horaireAffiche = [] %}  
                                                                            {% set horaires = cours.horaires %}
                                                                            {% for horaire2 in cours.horaires|sort((a, b) => a.ordre <=> b.ordre )%}
                                                                                {% for horaire2 in cours.horaires|sort((a, b) => a.ordre <=> b.ordre) %}
                                                                                    {% for groupe in horaire2.groupes %}
                                                                                        {% if (groupe.groupe.id in groupes or is_granted('ROLE_ADMIN')) and horaire2.id not in horaireAffiche %}
                                                                                        {% set horaireAffiche = horaireAffiche|merge([horaire2.id]) %}
                                                                                            <div class="boxPlanning p-3 my-2 {% if horaire2.debut == "" %}afaire{% endif %}{% if horaire2.dateCours|date("Y-m-d") ~ " " ~ horaire2.fin|date("H:i") < "now"|date("Y-m-d H:i") %}termine{% endif %}">
                                                                                                {% if horaire2.dateCours|date("Y-m-d") ~ " " ~ horaire2.fin|date("H:i") > "now"|date("Y-m-d H:i") %}
                                                                                                    {% set colorCours = true %}
                                                                                                {% endif %}
                                                                                                {% if horaire2.debut == "" %}
                                                                                                    <div class="d-flex">
                                                                                                        <h3 class="mx-auto"><b>A faire avant le :</b></h3>
                                                                                                    </div>
                                                                                                {% endif %}
                                                                                                {% if (horaire2.debut != "") and (horaire2.debut == horaire2.fin) %}
                                                                                                    <div class="d-flex">
                                                                                                        <h3 class="mx-auto"><b>A faire le :</b></h3>
                                                                                                    </div>
                                                                                                {% endif %}
                                                                                                <div class="d-flex">
                                                                                                    <h1 class="date mx-auto">{{ joursFR[horaire2.dateCours|date("l")] }} {{ horaire2.dateCours|date("d/m") }}</h1>
                                                                                                </div>
                                                                                                {% if (horaire2.debut != "") and (horaire2.debut != horaire2.fin) %}
                                                                                                    <div class="d-flex mx-auto">
                                                                                                        <h2 class="horaire mx-auto">{{ horaire2.debut|date("H:i") }} - {{ horaire2.fin|date("H:i") }}</h2>
                                                                                                    </div>
                                                                                                {% endif %}
                                                                                                {% if is_granted('ROLE_PROF') %}
                                                                                                    {% if groupe.groupe|length > 0 %}
                                                                                                        <div class="d-flex mx-auto">
                                                                                                            <h3 class="groupe mx-auto">
                                                                                                                {% for g in horaire2.groupes %}
                                                                                                                    {% if g.groupe.id in groupes or is_granted('ROLE_ADMIN') %}
                                                                                                                        {{ g.groupe.libelle }}{% if not loop.last %}, {% endif %} 
                                                                                                                    {% endif %}
                                                                                                                {% endfor %}
                                                                                                            </h3>
                                                                                                        </div>
                                                                                                    {% endif %}
                                                                                                {% endif %}
                                                                                                {% if horaire2.debut != "" %}                                                                                                
                                                                                                    {% if groupe.groupe.profs|length > 0 %}
                                                                                                        <div class="d-flex mx-auto">
                                                                                                            <h3 class="groupe mx-auto">
                                                                                                                {% set tabProf = [] %}
                                                                                                                <b>Avec :</b> 
                                                                                                                {% for p in groupe.horaire.groupes %}
                                                                                                                    {% for prof in p.groupe.profs %}
                                                                                                                     {% if prof.prof.id not in tabProf  %}
                                                                                                                        {% set tabProf = tabProf|merge([prof.prof.id]) %}
                                                                                                                            <p class="m-0"> {{ prof.prof.nom }} {{ prof.prof.prenom }} </p>
                                                                                                                        {% endif %}
                                                                                                                    {% endfor %}     
                                                                                                                {% endfor %}
                                                                                                            </h3>
                                                                                                        </div>
                                                                                                    {% endif %}                                                                                         
                                                                                                {% endif %}
                                                                                            </div>
                                                                                        {% endif %}
                                                                                    {% endfor %}
                                                                                {% endfor %}
                                                                            {% endfor %}
                                                                        </div>
                                                                        <div class="col-8 pl-2 pr-0">
                                                                            <div class="boxCours p-3 h-100 {% if colorCours == false %}termine{% endif %}">
                                                                                <h1 class="title mb-3">{% if cours.type != null %}{{ cours.type.libelle }}{% endif %} {{ cours.libelle }}</h1>
                                                                                {% for activite in cours.activites|sort((a, b) => a.ordre <=> b.ordre) %}
                                                                                    <div class="row py-2 pl-4 my-2 mx-0" style="background-color:#f6f6f6;border-radius: 1em;">{{ activite.libelle }}</div>
                                                                                {% endfor %}
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                {% endif %}
                                                            {% endfor %}
                                                        {% endfor %}
                                                    {% endfor %}
                                                </div>
                                            </div>
                                        {% endfor %}
                                    </div>
                                    <div class="col-lg-5 col-sm-12 p-3" style="background-color:#f6f6f6;border-radius: 1em;">
                                        <div class="d-flex">
                                            <h1 class="m-auto" style="color: #bf2b45;font-weight: bold;">Programme 
                                                {% for langue in langues %}
                                                    {{ langue }}{% if not loop.last %}, {% endif %} 
                                                {% endfor %}
                                            </h1>
                                        </div>
                                        <div class="d-flex my-2">
                                            <h1 class="m-auto" style="color: #bf2b45;font-weight: bold;">{{ cursus.libelle| upper }}</h1>
                                        </div>
                                        <div class="d-flex my-3">
                                            <h5 class="m-auto" style="font-style: italic;">Enseigné par 
                                                {% for prof in profs %}
                                                    {{ prof }}{% if not loop.last %}, {% endif %} 
                                                {% endfor %}
                                            </h3>
                                        </div>
                                        <div class="d-flex mb-4">
                                            <h5 class="m-auto" style="color: #bf2b45;">Niveaux 
                                                {% for niveau in niveaux %}
                                                    {{ niveau }}, 
                                                {% endfor %}
                                            </h5>
                                        </div>
                                        <h4 style="font-weight: bold;">Objectifs :</h4>
                                        {{ cursus.objectif | raw }}<br>
                                    </div>
                                </div>
                            </div>
                        </div>
                     
                    </div>
                </div>
            </div>
        </div>
    </div>

{% endblock body %}

{% block javascripts %}

    {{ parent() }}
    <script src="{{ asset('js/ns_scripts.js') }}?{{ date().timestamp }}"></script>
    <script src="{{ asset('js/planning/planning_settings.js') }}?{{ date().timestamp }}"></script>
    <script type="text/javascript" src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js"></script>
    <script type="text/javascript">

    </script>
{% endblock %}