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

    {% block title_start %}Programme{% endblock %}

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

    {% block main %}
        <main class="site-main">
            <div class="site-main-filter">
                {# <div class="site-main-filter-search">
                    <form action="{{ path('rsl_programme_search') }}" 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> #}
                <nav class="site-main-filter-nav">
                    {% for jour in jour_list %}
                        {% if jour_programme is defined %}
                            <a href="{{ path('rsl_programme_day', {'day': jour.getEnName }) }}" {% if jour_programme.getEnName == jour.getEnName %} class="active"{% endif %}>{{ jour.getFrName }}</a>
                        {% else %}
                            <a href="{{ path('rsl_programme_day', {'day': jour.getEnName }) }}">{{ jour.getFrName }}</a>
                        {% endif %}
                    {% endfor %}
                </nav>
            </div>

            <div class="site-main-programme">
                {% if horaires is defined %}
                    <h1>Votre programme du {{ jour_programme.getFrName|lower }}</h1>
                    <div class="site-main-programme-container">
                        {% for horaire in horaires %}
                            {% if loop.first == false %}
                                <hr>
                            {% endif %}
                            {% if horaire.getEmission.getShowable %}
                                <a href="{{ path('rsl_emission_detail', {'id': horaire.getEmission.getId}) }}">
                            {% endif %}

                                <p>
                                    <span  class="site-main-programme-heure">{{ horaire.getHeureDebut|date('H:i') }}</span>
                                    <span  class="site-main-programme-emission">{{ horaire.getEmission.getName }}</span>

                                    {% if horaire.getRecurence %}
                                        {% if horaire.getRecurence == 1 %}
                                            <span  class="site-main-programme-recurence">(1<span class"exposant">er</span> {{ jour_programme.getFrName|lower }})</span>
                                        {% else %}
                                            <span  class="site-main-programme-recurence">({{ horaire.getRecurence }}<span class"exposant">ème</span> {{ jour_programme.getFrName|lower }})</span>
                                        {% endif %}
                                    {% endif %}
                                </p>

                            {% if horaire.getEmission.getShowable %}
                                </a>
                            {% endif %}
                        {% endfor %}
                    </div>
                {% endif %}
            </div>
        </main>
    {% endblock %}  

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