{% 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 medias</span>
                </p>
                <h1 class="mb-4">Documents disponibles pour {{ event.name }}</h1>
            </div>

           

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

                        <div align="right">
                            <a href="/event/{{ event.id }}/add-medias" class="btn btn-warning" style="color:white"><i class="fa-solid fa-file-plus"></i> Ajouter un fichier </a>
                            <br /><br />
                        </div>

                        {% if replays|length > 0 %}
                    
                            <table class="table">
                                <thead class="thead-light">
                                    <tr>
                                        <th scope="col">#</th>
                                        <th scope="col">Titre</th>
                                        <th scope="col">Fichier</th>
                                        <th scope="col">Principal</th>
                                        <th scope="col">Actions</th>
                                        
                                    </tr>
                                </thead>
                                <tbody>
                                    {% for replay in replays %}
                                        <tr>
                                            <th scope="row">{{ replay.content.id }}</th>
                                            <td>{{ replay.content.name }}</td>
                                            <td>{{ replay.content.file }}</td>
                                            {% if replay.content.principal == 1  %}
                                                <td>OUI</td>
                                            {% else %}
                                                <td>NON</td>
                                            {% endif %}
                                            <td align="center">
                                                <a href="/medias-edit/{{ replay.content.id }}" class="btn btn-secondary"><i class="fa-solid fa-pen-to-square"></i></a>
                                                &nbsp;<br /><br />
                                                <a href="/event/{{ event.id }}/medias-delete/{{ replay.id }}" class="btn btn-danger"><i class="fa-solid fa-trash"></i></a>
                                            </td>
                                        </tr>
                                    {% endfor %}
                                </tbody>
                            </table>

                        {% else %}
                            <div class="text-center pb-2">
                                <p>
                                    Aucun document 
                                </p>
                            </div>
                        {% endif %}
                    </div>
                </div>
                

            

        </div>
    </div>


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


{% endblock %}