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

    {% block title_start %}Podcast{% endblock %}

    {% block stylesheets %}
        {{ parent() }}
        {{ encore_entry_link_tags('admin_podcast_list') }}
    {% endblock %}
    
    {% block main %}
        <main class="site-main">
        
            {% for message in app.flashes('success') %}
                <div class="site-main-alert site-main-alert-success">
                    {{ message }}
                </div>
            {% endfor %}

            <div class="site-main-filter">
                <form action="{{ path('admin_podcast_list') }}" method="get">
                    <input type="text" name="search" id="search" placeholder="Rechercher" value="{{ app.request.query.get('search') }}">
                    
                    <select name="searchEmission">
                        <option value=0 {% if app.request.query.get('searchEmission')  == 0 %}selected{% endif %}>--Toutes les emissions--</option>
                        {% for emission, emissionID in emissions %}
                            <option value={{ emissionID }} {% if app.request.query.get('searchEmission')  == emissionID %}selected{% endif %}>{{ emission }}</option>
                        {% endfor %}
                    </select>

                    <button type="submit" class="btn btn-dark">
                        <i class="fas fa-search-plus fa-lg"></i> Trouver
                    </button>
                </form>
            </div>

            <div class="site-main-legend">
                <p>
                    <span class="site-main-legend-icone"><i class="fas fa-cog"></i></span>
                    <span class="site-main-legend-text">Modifier le podcast</span>
                </p>
                <p>
                    <span class="site-main-legend-icone"><i class="fas fa-eye-slash"></i></span>
                    <span class="site-main-legend-text">Rendre le podcast invisible pour les auditeurs</span>
                </p>
                <p>
                    <span class="site-main-legend-icone"><i class="fas fa-eye"></i></span>
                    <span class="site-main-legend-text">Rendre le podcast visible pour les auditeurs</span>
                </p>
                <p>
                    <span class="site-main-legend-icone"><i class="fas fa-trash"></i></span>
                    <span class="site-main-legend-text">Supprimer le podcast</span>
                </p>
            </div>

            {# {% if is_granted('ROLE_ANIMATEUR') %}
                <div class="site-main-action">
                    <a href="{{ path('admin_podcast_add') }}" title="Ajouter"><button class="btn-dark">
                        <i class="fas fa-plus-circle fa-lg"></i> Ajouter un podcast</button>
                    </a>
                </div>
            {% endif %} #}

            <div class="site-main-list">
                <h1>Liste des podcast</h1>
                
                <table>
                    <thead>
                        <tr>
                            <th><a href="#">Titre</a></th>
                            <th>Description</th>
                            <th><a href="#">Emission</a></th>
                            <th><a href="#">Date</a></th>
                            <th class="site-main-list-action-th">Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for podcast in podcasts %}
                            <tr 
                                {% if podcast.getEnable == false %}
                                    class="site-main-list-noEnable"
                                {% endif %}
                            >
                                <td>{{ podcast.getName }}</td>
                                <td>{{ podcast.getDescription|raw|u.truncate(50, '...') }}</td>
                                <td>{{ podcast.getEmission.getName }}</td>
                                <td>{{ podcast.getDate|date("d/m/Y") }}</td>

                                <td class="site-main-list-action">
                                        <form action="{{ path('admin_podcast_edit', {'id': podcast.getId()}) }}" method="get">
                                            <button type="submit" class="btn-yellow-hover">
                                                <i class="fas fa-cog"></i>
                                            </button>
                                        </form>
                                    
                                    <form action="{{ path('admin_podcast_enable', {'id': podcast.getId()}) }}" method="post">
                                        {% if podcast.getEnable %}
                                            <button type="submit" class="btn-red-hover" onclick="return confirm('Voulez-vous rendre invisible {{ podcast.getName }} ?')">
                                                <i class="fas fa-eye-slash"></i>
                                            </button>
                                        {% else %}
                                            <button type="submit" class="btn-red-hover" onclick="return confirm('Voulez-vous rendre visible {{ podcast.getName }} ?')">
                                                <i class="fas fa-eye"></i>
                                            </button>
                                        {% endif %}
                                    </form>

                                    <form action="{{ path('admin_podcast_delete', {'id': podcast.getId()}) }}" method="post">
                                        <button type="submit" class="btn-red-hover" onclick="return confirm('Voulez-vous supprimer {{ podcast.getName }} ? Attention, toute suppression est définitive et entraine la perte de toutes les données asscociées (images, podcast, fichiers)')">
                                            <i class="fas fa-trash fa-red"></i>
                                        </button>
                                    </form>
                                </td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
            {{ knp_pagination_render(podcasts) }}
            </div>
        </main>

    {% endblock %}


    {% block javascripts %}
        {{ parent() }}
        {{ encore_entry_script_tags('admin_podcast_list') }}
    {% endblock %}