{% extends "base.html.twig" %}
{% block title %}{{ event.name }}, {{ event.hall.name }}, {{ event.city }} | Noiser{% endblock %}
{% block description %}{{ event.name }}, {{ event.hall.name }}, le {{ event.dateStart|format_date('full') }} à {{ event.city }}{% endblock %}
{% block body %}
    {% include 'parts/menu.html.twig' %}
    <div class="topTitle">
        <h1>{{ event.name }}</h1>
        <h2>{{ event.dateStart|format_date('full')|capitalize }} | {{ event.hall.name }}</h2>
    </div>
    <div class="fond-blanc">
        <div class="pad_40">
            <div class="photoEvent">
                <img src="/upload/{{ event.illustration|resolve_media }}" alt="" width="80%">
            </div>
        </div>
    </div>
    <div class="fond-bleu">
        <div class="pad_40">
            <div class="row">
                <div class="col-lg-8 textEvent">
                    {{ event.description|raw }}
                </div>
                <div class="col-lg-4 infosEvent">
                    <fieldset>
                        <legend>Infos pratiques</legend>
                        Lieu : {{ event.hall.name }}<br /><br />
                        <i class="fa-regular fa-calendar-day"></i> {{ event.dateStart|format_date('full')|capitalize }} à {{ event.dateStart|date('G')}}h{{ event.dateStart|date('i') }}<br />
                        <i class="fa-solid fa-light fa-clock"></i> Ouverture des portes à {{ event.openingHour }}<br /><br />
                        <i class="fa-solid fa-location-dot"></i> Adresse<br />
                        {{ event.hall.location|raw }}<br />
                        {% if event.hall.transports is not null %}
                            <i class="fa-solid fa-train-subway"></i> Transports :{{ event.hall.transports|raw }}<br />
                        {% endif %}
                    </fieldset>
                    <a href="{{ event.facebookLink }}" target="_blank"> <i class="fa-brands fa-facebook"></i> Evenement facebook</a>
                    <a href="https://billetterie.festik.net/noiser/" target="_blank">Reserver</a>
                </div>
            </div>
        </div>
    </div>
    <div class="fond-blanc">
        <div class="pad_40">
            <a href="{{ path('programmation') }}" class="return"><< Retour à la liste des évènements</a>
        </div>
    </div>
{% endblock %}