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

{% block title %}{{ parent() }} - {{ evenement.titre }}{% endblock %}

{% block body %}
    <div class="container-fluid">
        <div class="container">

            <p class="ariane mt-2"><a href="{{ path('evenements') }}">Evénements</a> > {{ evenement.titre }}</p>

            <div class="mt-4">

                {% if evenement.imageName  %}
                    <img src="{{ vich_uploader_asset(evenement, 'imageFile') | imagine_filter('fiche_evenement') }}" alt="" class="img-fluid">
                {% endif %}

                <div class="encart">
                    <p class="cat-cycle" style="background-color: {{ evenement.cycle.couleur }}">{{ evenement.cycle.nom }}</p>
                    <h1>{{ evenement.titre }}</h1>
                    <h3>{{ evenement.horaire|localizeddate('full', 'short') }}</h3>
                    {{ evenement.description | raw }}
                </div>
            </div>  

            <h3 class="cycledufilm mt-4">Cycle : <a href="{{ path('cycle', {'cycleSlug': evenement.cycle.slug}) }}">{{ evenement.cycle.nom }}</a></h3>


        </div>
    </div>
{% endblock %}