{% extends 'base.html.twig' %}
{% block title %}Cours Lister !{% endblock %}
{% block body %}
            {% if User is defined %}
            <h1 class="h3 mb-2 text-gray-800">Tous les cours de {{ app.user.eleve.prenom }} {{ app.user.eleve.nom }}</h1>
            <div class="card shadow mb-4">
                {% if 'ROLE_ADMIN' in app.user.roles %}
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary"><a href="{{ path('inscriptionAjouter', {'eleveId': app.user.eleve.id}) }}">Ajouter un cours</a></h6>
                </div>
                {% endif %}

                <div class="card-body">
                    <div class="table-responsive">
                {% if pCours %}
                    <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
                        <tr>
                            <th class="text-center">Jour</th>
                            <th class="text-center">Heure de début</th>
                            <th class="text-center">Heure de fin</th>
                            <th class="text-center">Type d'Instrument</th>
                            <th class="text-center">Professeur</th>
                            <th class="text-center">Action</th>
                        </tr>

                        {% set groupedCours = {} %}

                        {% for c in app.user.eleve.inscriptions %}
                                    <td style="text-align: center; vertical-align: middle;">{{ c.cours.jour.libelle }}</td>
                                    <td style="text-align: center; vertical-align: middle;">{{ c.cours.heureDebut|date('H:i') }}</td>
                                    <td style="text-align: center; vertical-align: middle;">{{ c.cours.heureFin|date('H:i') }}</td>
                                    <td style="text-align: center; vertical-align: middle;">{{ c.cours.typeInstrument.libelle }}</td>
                                    <td style="text-align: center; vertical-align: middle;">{{ c.cours.professeur.nom }}</td>
                                    <td style="text-align: center; vertical-align: middle;">
                                        {% if is_granted('ROLE_ADMIN') %}
                                        <a href="{{ path('coursModifier', {'id': c.cours.id}) }}">✏️</a>
                                        {% endif %}
                                        <a href="{{ path('coursConsulter', {'id': c.cours.id}) }}">👁️</a>
                                    </td>
                                </tr>
                            {% endfor %}
                    </table>
                {% else %}

                    <p>Aucun cours n'a été trouvé.</p>
                {% endif %}
            {% else %}
                        <h1 class="h3 mb-2 text-gray-800">Tous les cours</h1>
                        <div class="card shadow mb-4">
                            <div class="card-header py-3">
                                {% if is_granted('ROLE_ADMIN') %}
                                <h6 class="m-0 font-weight-bold text-primary"><a href="{{ path('coursAjouter') }}">Ajouter un cours</a></h6>
                                {% endif %}
                            </div>
                            <div class="card-body">
                                <div class="table-responsive">
                {% if pCours %}
                    <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
                        <tr>
                            <th class="text-center">Type d'Instrument</th>
                            <th class="text-center">Jour</th>
                            <th class="text-center">Heure de début</th>
                            <th class="text-center">Heure de fin</th>
                            <th class="text-center">Professeur</th>
                            <th class="text-center">Âge minimum</th>
                            <th class="text-center">Âge maximum</th>
                            <th class="text-center">Nombre de places max</th>
                            <th class="text-center">Action</th>
                        </tr>

                        {% set groupedCours = {} %}

                        {% for c in pCours %}
                            {% set typeInstrument = c.typeInstrument.libelle %}

                            {# Initialize groupedCours[typeInstrument] if not set #}
                            {% if groupedCours[typeInstrument] is not defined %}
                                {% set groupedCours = groupedCours|merge({(typeInstrument): []}) %}
                            {% endif %}

                            {# Add the current course to the corresponding typeInstrument in groupedCours #}
                            {% set groupedCours = groupedCours|merge({(typeInstrument): groupedCours[typeInstrument]|merge([c])}) %}
                        {% endfor %}

                        {# Render the table based on the prepared data #}
                        {% for typeInstrument, coursList in groupedCours %}
                            {% for c in coursList %}
                                <tr>
                                    {% if loop.first %}
                                        <td style="text-align: center; vertical-align: middle;" rowspan="{{ coursList|length }}">{{ typeInstrument }}</td>
                                    {% endif %}
                                    <td style="text-align: center; vertical-align: middle;">{{ c.jour.libelle }}</td>
                                    <td style="text-align: center; vertical-align: middle;">{{ c.heureDebut|date('H:i') }}</td>
                                    <td style="text-align: center; vertical-align: middle;">{{ c.heureFin|date('H:i') }}</td>
                                    <td style="text-align: center; vertical-align: middle;">{{ c.professeur.nom }}</td>
                                    <td style="text-align: center; vertical-align: middle;">{{ c.ageMini }}</td>
                                    <td style="text-align: center; vertical-align: middle;">{{ c.ageMaxi }}</td>
                                    <td style="text-align: center; vertical-align: middle;">{{ c.nbPlaces }}</td>
                                    <td style="text-align: center; vertical-align: middle;">
                                        {% if is_granted('ROLE_ADMIN') %}
                                            <a href="{{ path('coursModifier', {'id': c.id}) }}">✏️</a>
                                        {% endif %}
                                        <a href="{{ path('coursConsulter', {'id': c.id}) }}">👁️</a>

                                    </td>
                                </tr>
                            {% endfor %}
                        {% endfor %}
                    </table>
                {% else %}

                    <p>Aucun cours n'a été trouvé.</p>
                {% endif %}
            {% endif %}
        </div>
    </div>
</div>
{% endblock %}