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

{% block title %}Notre équipe
{% endblock %}

{% block body %}
	<div class="article-view article-team nosidebar">
		<div class="article-hero">
			<img src="/images/placeholder/placeholder.jpg" alt="Cover of the article">
		</div>
		<div class="container grid">
			<div class="article-meta">
				<h1 itemprop="headline">Notre Équipe</h1>
			</div>
			<div class="article-main">
				<div class="base-content">
					<p>{{ config('texts.page_notre_equipe')|raw }}</p>
				</div>
				<div class="teamlisting">
					{% for category in categories %}
						<div class="category">
							<h2>{{ category.name }}</h2>
							<div class="persons">
								{% for person in category.persons %}
									<div class="person">
										<img src="{{ asset(person.picture) }}" alt="{{ person.name }}" class="profile-pic">
										<h3>{{ person.name }}</h3>
										<p>{{ person.role }}</p>
									</div>
								{% endfor %}
							</div>
						</div>
					{% endfor %}
				</div>
			</div>
		</div>
	</div>
{% endblock %}