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

    {% block title_start %}Emissions{% endblock %}

    {% block stylesheets %}
        {{ parent() }}
        {{ encore_entry_link_tags('admin_emission_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_emission_list') }}" method="get">
                <input type="text" name="search" id="search" placeholder="Rechercher" value="{{ app.request.query.get('search') }}">
                <button type="submit" class="btn btn-dark">
                    <i class="fas fa-search-plus fa-lg"></i> Trouver
                </button>
                </fieldset>
                </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 l'émission</span>
                </p>
                <p>
                    <span class="site-main-legend-icone"><i class="fas fa-eye-slash"></i></span>
                    <span class="site-main-legend-text">Rendre l'émission 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 l'émission visible pour les auditeurs</span>
                </p>
                <p>
                    <span class="site-main-legend-icone"><i class="fas fa-microphone-alt-slash"></i></span>
                    <span class="site-main-legend-text">Désactiver l'émission</span>
                </p>
                <p>
                    <span class="site-main-legend-icone"><i class="fas fa-microphone-alt"></i></span>
                    <span class="site-main-legend-text">Réactiver l'émission</span>
                </p>
                <p>
                    <span class="site-main-legend-icone"><i class="fas fa-trash"></i></span>
                    <span class="site-main-legend-text">Supprimer l'émission</span>
                </p>
            </div>

            {% if is_granted('ROLE_ADMIN') %}
                <div class="site-main-action">
                    <a href="{{ path('admin_emission_add') }}" title="Ajouter"><button class="btn-dark">
                        <i class="fas fa-plus-circle fa-lg"></i> Ajouter une emissions</button>
                    </a>
                </div>
            {% endif %}

            <div class="site-main-list">
                <h1>Liste des emissions</h1>
                
                <table>
                    <thead>
                    <tr>
                        <th>Image</th>
                        <th><a href="#">Nom</a></th>
                        <th>Description</th>
                        <th>Répertoire</th>
                        <th class="site-main-list-action-th">Action</th>
                    </tr>
                    </thead>
                    <tbody>
                        {% for emission in emissions %}
                            <tr 
                                {% if emission.getEnable == false %}
                                    class="site-main-list-noEnable"
                                {% elseif emission.getShowable == false %}
                                    class="site-main-list-noShowable"
                                {% endif %}
                            >
                                {% if emission.imageFileName is empty %}
                                    <td class="site-main-list-img-emission">
                                        <div>
                                            <img src="{{ asset('build/images/no-image-available.png') }}" alt="no-image-available">
                                        </div>
                                    </td>
                                {% else %}
                                    <td class="site-main-list-img-emission">
                                        <div>
                                            <img src="{{ asset('uploads/emission/' ~ emission.emissionDir ~ '/' ~ emission.imageFileName) }}" alt="image-{{ emission.getName }}">
                                        </div>
                                    </td>
                                {% endif %}
                                <td>{{ emission.getName }}</td>
                                <td>{{ emission.getDescription|raw|u.truncate(50, '...') }}</td>
                                <td>{{ emission.getEmissionDir }}</td>

                                <td class="site-main-list-action">
                                    {% if emission.getEnable %}
                                        {% if is_granted('ROLE_ADMIN') %}
                                            <form action="{{ path('admin_emission_edit', {'id': emission.getId()}) }}" method="get">
                                                <button type="submit" class="btn-yellow-hover">
                                                    <i class="fas fa-cog"></i>
                                                </button>
                                            </form>
                                        {% else %}
                                                <button class="btn-disable">
                                                    <i class="fas fa-cog"></i>
                                                </button>
                                        {% endif %}
                                    {% endif %}

                                    {% if emission.getEnable %}
                                        {% if is_granted('ROLE_ADMIN') %}
                                            <form action="{{ path('admin_emission_showable', {'id': emission.getId()}) }}" method="post">
                                                {% if emission.getShowable() %}
                                                    <button type="submit" class="btn-red-hover" onclick="return confirm('Voulez-vous rendre invisible {{ emission.getName }} ?')">
                                                        <i class="fas fa-eye-slash fa-red"></i>
                                                    </button>
                                                {% else %}
                                                    <button type="submit" class="btn-red-hover" onclick="return confirm('Voulez-vous rendre visible {{ emission.getName }} ?')">
                                                        <i class="fas fa-eye fa-green"></i>
                                                    </button>
                                                {% endif %}
                                            </form>
                                        {% else %}
                                                <button class="btn-disable">
                                                    <i class="fas fa-trash"></i>
                                                </button>
                                        {% endif %}
                                    {% endif %}

                                    {% if is_granted('ROLE_ADMIN') %}
                                        <form action="{{ path('admin_emission_enable', {'id': emission.getId()}) }}" method="post">
                                            {% if emission.getEnable() %}
                                                <button type="submit" class="btn-red-hover" onclick="return confirm('Voulez-vous désactiver {{ emission.getName }} ?')">
                                                    <i class="fas fa-microphone-alt-slash fa-red"></i>
                                                </button>
                                            {% else %}
                                                <button type="submit" class="btn-red-hover" onclick="return confirm('Voulez-vous activer {{ emission.getName }} ?')">
                                                    <i class="fas fa-microphone-alt fa-green"></i>
                                                </button>
                                            {% endif %}
                                        </form>
                                    {% else %}
                                            <button class="btn-disable">
                                                <i class="fas fa-microphone-alt"></i>
                                            </button>
                                    {% endif %}

                                    {% if is_granted('ROLE_SUPER_ADMIN') %}
                                        <form action="{{ path('admin_emission_delete', {'id': emission.getId()}) }}" method="post">
                                            <button type="submit" class="btn-red-hover" onclick="return confirm('Voulez-vous supprimer {{ emission.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>
                                    {% else %}
                                            <button class="btn-disable">
                                                <i class="fas fa-trash"></i>
                                            </button>
                                    {% endif %}
                                </td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
            {{ knp_pagination_render(emissions) }}
            </div>
        </main>

    {% endblock %}


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