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

{% block title %}Articles{% if articleCategory is defined %} : {{ articleCategory.title }}{% endif %}{% if articleTag != '' %} : {{ articleTag.name }}{% endif %}
{% endblock %}

{% block body %}
	<div class="hero-title">
		<div class="container">
			<h1 class="underlined">Les actualités{% if articleCategory is defined %} : {{ articleCategory.title }}{% endif %}{% if articleTag != '' %} : {{ articleTag.name }}{% endif %}</h1>
		</div>
	</div>
	<div class="container container-breadcrumb">
		{% if articleCategory is defined %}
			{% include 'base/_partials/_breadcrumb.html.twig' with { entityUrl: "articles", entityLabel: "Articles", categoryUrl: articleCategory.slug, categoryLabel: articleCategory.title } %}
		{% else %}
			{% include 'base/_partials/_breadcrumb.html.twig' with { entityUrl: "articles", entityLabel: "Articles" } %}
		{% endif %}

		{% include 'article/components/_tags.html.twig' with { tags, articleTag} %}
	</div>
	<div class="container flex blog-list">
		{% for article in articles %}
			{% include 'article/components/_article.html.twig' with {article:article} %}
		{% endfor %}
	</div>
	<div class="container navigation">
		{{ knp_pagination_render(articles) }}
	</div>
{% endblock %}