{% extends "base.twig" %}
{% block content %}
{% include 'components/title_page.twig'  %}
{% set now = 'now'|date('Ydj') %}

	<section class="row filter">
		<ul class="d-flex flex-wrap">
			<li><a href="/agenda">Agenda</a></li>
		</ul>

	  	<ul class="cat-list col d-flex flex-wrap">
        <li data-filter="*" >
          Tous
        </li>
        {% set newArray = [] %}
        {% for cat in posts %}
          {% set term = cat.categories|last.slug %}
          {% set end = cat.informations_fin_event|date("Ydj") %}

          {% 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>
  </section>

  <section class="row grid">
    {% for item in posts %}
      {% set end = item.informations_fin_event|date("Ydj") %}
      {% if now >= end %}
        {% include 'components/thumbnails/thumbnails.twig'%}
      {% endif %}

    {% endfor %}
    <div class="paralax" data-rellax-speed="-5">
      <img src="{{theme.link}}/asset/images/objet_4.svg" alt="objet 4">
    </div>
  </section>

{% endblock %}