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

{% block title %}
{{ event_category.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", categoryUrl: event_category.slug, categoryLabel: event_category.title } %}
				<h1 itemprop="headline">Les évènements à venir -
					<span>{{ event_category.title }}</span>
				</h1>
				<p>Rejoignez-nous lors de nos prochains événements.</p>
			</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 -
						<span>{{ event_category.title }}</span>
					</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 %}