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

{% block title %}
    Articles
{% endblock %}

{% block body %}
    <h1>Liste des articles</h1>
            <ul>
             {% for post in posts %}
             <div class="col-sm-4 my-3">
            <li>
                        <h3 class="card-title">{{ post.title}}</h3>
                        <p><small>Rédigé par {{ post.username}}, le {{ post.created_at|date('d/m/Y')}} </small></p>
                        <p><small>Categorie : {{ post.name}}</small></p>
                        <p>{{ post.content|slice(0,150)|nl2br}}(...)</p>
                        <a   href="{{path('post.show', {id:post.id})}}" class="btn btn-primary">Lire l'article</a>
            </li>
             </div>
            {% endfor %}
            
        </ul>
        
{% endblock %}