<div data-aos="fade-right">
<div class="container pt-3 pb-5">
<h4>{{ "pourrais_aimer"|trans }}</h4>
<div class="row">
{% for article in articles %}
<div id="{{ loop.index }}" class="mt-3 item col-md-4">
<div class="well border">
{% if article.image is not empty %}
<img src="{{ asset('images/blog/'~article.image) }}" alt="{{ article.translate.titre }}" class="thumbnail w-100" />
{% endif %}
<div class="content p-3">
<a href="{{ path('blog.show', {'slug': article.translate.slug}) }}" class="h6 fw-800"><h2>{{ article.translate.titre }}</h2></a>
<div>
<p class="text-dark small fw-200 pb-0 pr-2">{{ article.datePublication|date('d/m/Y') }} |
{% for c in article.categories %}
<a class="text-dark" href="{{ path('blog.category', {'slug': c.translate.slug} ) }}">{{ c.translate.nom }}</a>{% if loop.last == false %}<span class="text-dark small pr-2">,</span>{% endif %}
{% endfor %}
</p>
</div>
<div class="small text-grey">
{{ unescape(article.translate.contenu) | raw }}
</div>
</div>
</div>
</div>
{% endfor %}
</div>
<div class="text-center pt-5 pb-3">
<a class="btn btn-lg btn-primary" href="{{ path('blog') }}">{{ "blog.derniers_articles"|trans }}</a>
</div>
</div>
</div>