{% extends 'base.html.twig' %}
{% block title %}Inscription Lister !{% endblock %}
{% block body %}
    <h1 class="h3 mb-2 text-gray-800">Toutes les inscriptions</h1>
<div class="card shadow mb-4">
    <div class="card-header py-3">
        <h6 class="m-0 font-weight-bold text-primary"><a href="{{ path('inscriptionAjouter') }}">Ajouter un élève</a></h6>
    </div>
    <div class="card-body">
        <div class="table-responsive">
                <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
                    <tr>
                        <th class="text-center">Eleve</th>
                        <th class="text-center">Instrument</th>
                        <th class="text-center">Professeur</th>
                        <th class="text-center">Date</th>
                        <th class="text-center">Action</th>
                    </tr>
                        {% for i in pInscriptions %}
                            <tr>
                            <td style="text-align: center; vertical-align: middle;">{{ i.eleve.prenom}} {{ i.eleve.nom}}</td>
                            <td style="text-align: center; vertical-align: middle;">{{ i.cours.typeInstrument.libelle }}</td>
                            <td style="text-align: center; vertical-align: middle;">{{ i.cours.professeur.nom }}</td>
                            <td style="text-align: center; vertical-align: middle;">{{ i.dateInscription|date('d/m/Y') }}</td>

                            <td style="text-align: center; vertical-align: middle;">
                                    <a href="{{ path('inscriptionModifier', {'id': i.id}) }}">✏️</a>
                                    <a href="{{ path('inscriptionConsulter', {'id': i.id}) }}">👁️</a>
                                </td>
                        {% else %}
                            <tr>
                                <th>Aucune inscription n'a été trouvé.</th>
                            </tr>
                        {% endfor %}
                </table>
        </div>
    </div>
</div>


{% endblock %}