{% extends 'base.html.twig' %}
{% block title %}Responsable Lister !{% endblock %}
{% block body %}
    <h1 class="h3 mb-2 text-gray-800">Tous les cours</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('responsableAjouter') }}">Ajouter un responsable</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">Nom</th>
                        <th class="text-center">Prénom</th>
                        <th class="text-center">Rue</th>
                        <th class="text-center">Copos</th>
                        <th class="text-center">Ville</th>
                        <th class="text-center">tel</th>
                        <th class="text-center">mail</th>
                        <th class="text-center">Action</th>
                    </tr>
                    {% for r in pResponsables %}
                        <tr>
                        <td style="text-align: center; vertical-align: middle;">{{ r.nom }}</td>
                        <td style="text-align: center; vertical-align: middle;">{{ r.prenom }}</td>
                        <td style="text-align: center; vertical-align: middle;">{{ r.numRue }} {{ r.rue }}</td>
                        <td style="text-align: center; vertical-align: middle;">{{ r.copos }}</td>
                        <td style="text-align: center; vertical-align: middle;">{{ r.ville }}</td>
                        <td style="text-align: center; vertical-align: middle;">{{ r.tel }}</td>
                        <td style="text-align: center; vertical-align: middle;">{{ r.mail }}</td>
                        <td style="text-align: center; vertical-align: middle;">
                            <a href="{{ path('responsableModifier', {'id': r.id}) }}">✏️</a>
                            <a href="{{ path('responsableConsulter', {'id': r.id}) }}">👁️</a>
                        </td>
                    {% else %}
                        <tr>
                            <th>Aucun responsable n'a été trouvé.</th>
                        </tr>
                    {% endfor %}
                </table>
            </div>
        </div>
    </div>


{% endblock %}