{% extends "base.html.twig" %}
{% block title %}
    Programmation | Association Noiser
{% endblock %}
{% block description %}
    Retrouvez ici tous les évènements à venir organisés par l'association Noiser
{% endblock %}
{% block body %}
    {% include 'parts/menu.html.twig' %}
    <div class="topTitle">
        <h1>Programmation</h1>
    </div>
    {% if lastEvent is not null %}
    <div class="fond-blanc">
        <div class="pad_40">
            <div class="newEvent">
                <div class="row">
                    <div class="col-lg-8 text">
                        <h2>Nouvelle annonce</h2>
                        <h3>{{ lastEvent.name }}</h3>
                        {{ lastEvent.newAnnouncementText|raw }}
                        <br />
                        <a href="{{ path('event_detail', {eventId: lastEvent.id}) }}">Plus d'informations</a>
                    </div>
                    <div class="col-lg-4">
                        <img src="/upload/{{ lastEvent.illustration|resolve_media }}" alt="{{ lastEvent.name }} à {{ lastEvent.hall.name }}, Toulouse">
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
    {% endif %}
    <div class="fond-blanc">
        <div class="pad_40">
            <div class="eventsList" id="eventsAnchor">
                <div class="eventsFilters">
                    {{ form_start(formEventsFilter) }}
                    <div class="row">
                        <div class="col-lg-4">{{ form_row(formEventsFilter.hall) }}</div>
                        <div class="col-lg-1"><p class="orText">ou</p></div>
                        <div class="col-lg-7">{{ form_row(formEventsFilter.search) }}</div>
                    </div>
                    {{ form_end(formEventsFilter) }}
                </div>
                {% if events is empty %}
                    <p class="emptySearch">Pas de résultats pour cette recherche</p>
                {% endif %}
                {% for event in events %}
                    <div class="event row">
                        <div class="col-lg-5">
                            <img src="/upload/{{ event.illustration|resolve_media }}" alt="" width="100%">
                        </div>
                        <div class="col-lg-7">
                            <h2>{{ event.name }}</h2>
                            <h3>{{ event.dateStart|format_date('full')|capitalize }} | {{ event.dateStart|date('G')}}h{{ event.dateStart|date('i') }}-{{ event.dateEnd|date('G')}}h{{ event.dateEnd|date('i') }} | {{ event.hall.name }}</h3>
                            <a href="https://billetterie.festik.net/noiser/">Reserver</a>
                            <a href="{{ path('event_detail', {eventId: event.id}) }}">Plus d'informations</a>
                        </div>
                    </div>
                {% endfor %}
                {{ knp_pagination_render(events) }}
            </div>
            <div class="newsletter">
                <h2>Newsletter</h2>
                {% for message in app.flashes('success') %}
                    <div class="alert alert-success">
                        {{ message }}
                    </div>
                {% endfor %}
                {{ form_start(formNewsletter) }}
                <div class="my-custom-class-for-errors">
                    {{ form_errors(formNewsletter) }}
                </div>
                <div class="row">
                    <div class="col-lg-2">
                        {{ form_row(formNewsletter.firstName) }}
                    </div>
                    <div class="col-lg-2">
                        {{ form_row(formNewsletter.lastName) }}
                    </div>
                    <div class="col-lg-5">
                        {{ form_row(formNewsletter.email) }}
                        {{ form_row(formNewsletter.pot) }}
                    </div>
                    <div class="col-lg-3">
                        {{ form_row(formNewsletter.submit) }}
                    </div>
                </div>
                {{ form_end(formNewsletter) }}
                <p><strong>Pourquoi s’inscrire à notre newsletter ?</strong> D’abord parce qu’elle est écrite avec amour, et c’est déjà une très bonne raison.</p>
                <p>Aujourd’hui la surabondance de moyen de communication des producteurs vers les spectateurs est irréaliste, et puis il faut le dire, pour nous,
                    vous n’êtes pas de simples spectateurs, consommer des concerts est un acte fort, si on se donne la peine d’y réfléchir.</p>
                <p>Établir une communication forte avec vous est de fait une chose très importante, au même titre que votre boulanger,
                    nous vivons ensemble, dans la même ville et nous allons dans les mêmes endroits. Nous prévoyons une newsletter par mois avec toute la programmation,
                    et avec l’arrivée de notre site vous n’aurez bientôt plus besoin d’aller visiter les réseaux sociaux pour vous tenir au courant de cet activisme.
                </p>
            </div>
        </div>
    </div>
    <div class="fond-bleu">
        <div class="pad_40">
            <div class="passCulture">
                <p>Depuis 2022, nos événements sont ouverts au <strong>Pass’Culture</strong></p>
                <p>Vous pourrez en savoir plus sur ce dispositif <a href="{{ path('pass_culture') }}">en cliquant ici</a></p>
                <img src="/images/graphisme/icones/pass_culture.png" width="150px" height="150px" alt="">
            </div>
        </div>
    </div>
    <div class="fond-blanc">
        <div class="partners">
            <h3>Ils nous soutiennent</h3>
            <div class="sliderPartners">
                <div id="wrapper">
                    <div id="carousel">
                        <div id="content">
                            {% for partner in partners %}
                                <div class="contentImage">
                                    <img src="/upload/{{ partner.logo|resolve_media }}" alt="">
                                </div>
                            {% endfor %}
                        </div>
                    </div>
                    <button id="prev">
                        <
                    </button>
                    <button id="next">
                        >
                    </button>
                </div>
            </div>
        </div>
    </div>
{% endblock %}