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

{% block nav %}
	{% include 'layout/navbar.html.twig'%}
{% endblock %}

{% block body %}
<div id="articles" class="p-2" {{ stimulus_controller('articles') }}>
	<div class="btn btn-primary col-12 my-2 text-center">Articles</div>
	{% for article in articles %}
		<article class="card mb-3" data-history-node-id="{{ article.nid }}">
			<div class="card-body">
				<h5 class="card-title">{{ article.title }}</h5>
				<div class="card-text">{{ article.body_value|raw }}</div>
				<small class="text-muted">{{ article.created|date('d/m/Y') }}</small>
			</div>
		</article>
	{% else %}
		<p class="text-center text-muted">Aucun article disponible.</p>
	{% endfor %}
</div>
{% endblock %}