{% extends "base.twig" %}
{% block content %}
{% include 'components/title_page.twig'  %}
{% set now = 'now'|date('Ydj') %}
	<section>
		<ul class="cat-list d-flex flex-wrap button-group filter-button-group">
			<li data-filter="*" >
				Tous
			</li>
			{% set newArray = [] %}
			{% for cat in posts %}
			{% set end = cat.informations_fin_event|date("Ydj") %}

				{% set term = cat.categories|last.slug %}
				{% if term not in newArray and now <= end %}
					<li data-filter=".{{cat.categories|last.slug}}" >
						{{cat.categories|last.name}}
					</li>
					{% set newArray = newArray|merge([term]) %}
				{% endif %}
			{% endfor %}
		</ul>

		<div class="grid">
			{% for item in posts %}
				{% set end = item.informations_fin_event|date("Ydj") %}
				{% if now <= end %}
					{% include 'components/thumbnails/thumbnails.twig'%}
				{% endif %}
			{% endfor %}
		</div>
		<div class="paralax" data-rellax-speed="-5">
			<img src="{{theme.link}}/asset/images/objet_4.svg" alt="objet 4">
		</div>
	</section>

{% endblock %}