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

{% block title %}
	Évènements
{% endblock %}

{% block body %}
	<div class="article-view nosidebar nometa breadcrumbed events_listing">
		<div class="container flex vertical">
			<div class="article-meta">
				{% include 'base/_partials/_breadcrumb.html.twig' with { entityUrl: "evenements", entityLabel: "Évènements" } %}
				<h1 itemprop="headline">Les évènements à venir</h1>
			</div>
      <div class="events_listing_inner">
        {% for event in future_events %}
				{% include 'home/components/partials/_event.html.twig' with { event: event } %}
        {% endfor %}
      </div>
      {% if past_events %}
			<div class="past-events container flex centerred">
				<h2 class="underlined centered">Les évènements passés</h2>
			</div>
			<div class="past-events-listing">
				{% for event in past_events %}
					{% include 'home/components/partials/_event.html.twig' with { event: event } %}
				{% endfor %}
			</div>
      {% endif %}
		</div>
	</div>
{% endblock %}