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

{% block title %}Evènement{% endblock %}

{% block customNavigation %}
        {% include "base/nav-teacher.html.twig" %}
{% endblock %}

{% block body %}

    <div class="container-fluid pt-5">
        <div class="container">

            <div class="text-center pb-2">
                <p class="section-title px-5">
                    <span class="px-2">Liste des réservations</span>
                </p>
                <h1 class="mb-4">Participant(s) à {{ nameEvent }}</h1>
                Nombre : {{ participations|length }}
            </div>

            {% if participations|length > 0 %}

                <div class="container-fluid pt-5">
                    <div class="container">
                        <table class="table">
                            <thead class="thead-light">
                                <tr>
                                    <th scope="col">#</th>
                                    <th scope="col">Email</th>
                                    <th scope="col">Nom</th>
                                    <th scope="col">Prénom</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for participant in participations %}
                                    <tr>
                                        <th scope="row">{{ participant.customer.id }}</th>
                                        <td>{{ participant.customer.email }}</td>
                                        <td>{{ participant.customer.lastname }}</td>
                                        <td>{{ participant.customer.firstname }}</td>
                                    </tr>
                                {% endfor %}
                            </tbody>
                        </table>
                    </div>
                </div>
                

            {% else %}
                <div class="text-center pb-2">
                    <p>
                        Aucune réservation 
                    </p>
                </div>
            {% endif %}

        </div>
    </div>


    <div class="d-flex justify-content-center">
      {% do participations.setPageRange(2)  %}
      {{ knp_pagination_render(participations, 'base/pagination.html.twig') }}
    </div>


{% endblock %}