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

{% block body %}

    <h1>{{ article.title }} <a href="{{ path('app_post_like', {'id': article.id })}}"><span class="badge bg-primary">{{ article.nbLikes }} &hearts;</span></a></h1>

<img src="{{ article.image }}" style="float: right">

<p><i>Publié le : {{ article.publishedAt|date("Y-m-d H:i") }}, par {{ article.author.firstname }} {{ article.author.lastname }}</i></p>

<p>{{ article.body }}</p>

<ul>
{% for tag in article.tags %}
    <li>{{ tag.name }}</li>
{% endfor %}
</ul>
<p><a href="{{ path('default') }}" class="btn btn-success">Retour Liste</a></p>
<h5 class="card-title p-1">Commentaires</h5>
{% if article.comments is empty %}

<p class="card-text m-2">Pas de commentaires pour le moment.</p>

{% else %}
    {% for comment in article.comments %}
    <div class="card-body">
        <p class="card-text">{{ comment.body }}</p>
        <p class="card-text"><small class="text-muted">par {{ comment.username }}, le {{ comment.publishedAt|date("Y-m-d H:i") }}</small></p>
    </div>
    <hr class="m-2">
    {% endfor %}
{% endif %}
{% endblock %}