{% extends '/site/base_site.html.twig' %}
{% block title %}Evénements{% endblock %}
{% block body %}
{% set mois = ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre' ] %}
<div class="eventEntete demarcheEntete bgEntete">
{# <h1>
<span>Plus Vert</span><br/>
<span>Moins cher</span><br/>
<span>Comment faire ?</span>
</h1> #}
<h1 class="bandeauTitre">Evénements</h1>
<img src="/site/img/picto1.png" class="visuel" />
</div>
{% if evenementsNext|length > 0 %}
<div class="wrapper homeEvent" {{evenementsPrev|length == 0 ? 'style="margin-bottom: 250px;"'}}>
<h2><i class="fas fa-angle-double-right"></i> Save the date</h2>
<ul>
{% for item in evenementsNext %}
<li>
<div style="background-image:url('/site/upload/{{item.vignette}}');">
{% if item.date is not null %}
<a href="{{path('site_evenement', {titre:item.titre|slugify, idevent:item.id})}}"><span><i>{{item.titre}}</i></span></a>
{% else %}
<span><i>{{item.titre}}</i></span>
{% endif %}
</div>
{% if item.soustitre is not null %}
<p class="soustitre">{{item.soustitre}}</p>
{% endif %}
<p><i class="fas fa-map-marker-alt"></i> {{item.ville}}</p>
{% if item.date is not null %}
<p><i class="fas fa-calendar-alt"></i> {{item.date|date('j')}} {{mois[item.date|date('n')-1]}} {{item.date|date('Y')}}</p>
{% else %}
<p><i class="fas fa-calendar-alt"></i> A définir</p>
{% endif %} </li>
{% endfor %}
</ul>
</div>
{% endif %}
{% if evenementsPrev|length %}
<div class="homeEventPassed">
<div class="wrapper homeEvent homeEventPrevious">
<h2><i class="fas fa-angle-double-right"></i> Revivez les derniers événements</h2>
<ul>
{% for item in evenementsPrev %}
<li {{evenementsNext|length == 0 or 1 ? 'class="archive"'}}>
<div style="background-image:url('/site/upload/{{item.vignette}}');">
<a href="{{path('site_evenement', {titre:item.titre|slugify, idevent:item.id})}}"><span><i>{{item.titre}}</i></span></a>
</div>
{% if item.soustitre is not null %}
<p class="soustitre">{{item.soustitre}}</p>
{% endif %}
<p><i class="fas fa-map-marker-alt"></i> {{item.ville}}</p>
<p><i class="fas fa-calendar-alt"></i> {{item.date|date('j')}} {{mois[item.date|date('n')-1]}} {{item.date|date('Y')}}</p>
</li>
{% endfor %}
</ul>
</div>
</div>
{% endif %}
{% endblock %}