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

    {% block title_start %}Emission{% endblock %}

    {% block stylesheets %}
        {{ parent() }}
        {{ encore_entry_link_tags('emission') }}
    {% endblock %}

    {% block main %}
        <main class="site-main">
            <div class="site-main-filter">
                <form action="{{ path('rsl_emission_list') }}" method="get">
                    <input type="text" name="search" id="search" placeholder="Rechercher une émission" value="{{ app.request.query.get('search') }}">
                    <button type="submit" class="btn btn-dark">
                        <i class="fas fa-search-plus fa-lg"></i> Trouver
                    </button>
                </form>
            </div>

            <div class="site-main-emission">
                <h1>Nos émissions</h1>
                <div class="site-main-emission-container">
                    {% for emission in emissions %}
                        <a href="{{ path('rsl_emission_detail', {'id': emission.getId}) }}">
                            <div class="site-main-emission-block">
                                <div class="site-main-emission-block-img">
                                    {% if emission.imageFileName is empty %}
                                        <img src="{{ asset('build/images/logo_rsl_globe_slogan.png') }}" alt="image-logo-rsl" />
                                    {% else %}
                                        <img src="{{ asset('uploads/emission/' ~ emission.emissionDir ~ '/' ~ emission.imageFileName) }}" alt="image {{ emission.getName }}" />
                                    {% endif %}
                                </div>
                                <h3>{{ emission.getName }}</h3>
                                <p>{{ emission.getDescription|u.truncate(100, '...')|raw }}</p>
                            </div>
                        </a>
                    {% endfor %}
                </div>
                {{ knp_pagination_render(emissions) }}
            </div>
        </main>
    {% endblock %}  

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