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

{% block title %}Administration des commentaires{% endblock %}

{% block body %}
<div class="container-fluid">
    <h1 class="my-3 float-left">Gestion des commentaires</h1>

    <table class="table table-hover">
        <thead class="bg-primary">
            <th>Nom</th>
            <th>Email</th>
            <th>Contenu</th>
            <th>Date d'ajout</th>
            <th>Actions</th>
        </thead>
        <tbody>
            {% for article in articles %}
            {% set showCommentaire = path('article_edited_show',{'slug': article.slug}) %}
                {% for commentaire in article.commentaires %}
                <tr>
                    <td>{{ commentaire.nom }}</td>
                    <td>{{ commentaire.email }}</td>
                    <td>{{ commentaire.contenu | raw }}</td>
                    <td>Le {{ commentaire.createdAt | date('d/m/y') }} à {{ commentaire.createdAt | date('H:i') }}</td>
                    <td style="max-width: 300px;">
                        <a href="{{showCommentaire}}" class="btn btn-info">
                            <i class="fas fa-eye"></i>
                        </a>
                        <button class="btn btn-danger" type="button" data-toggle="modal" data-target="#myModal{{loop.index0}}">
                            <i class="fas fa-trash"></i>
                        </button>
                    </td>
                </tr>
                {% endfor %}
            {% endfor %}
        </tbody>
    </table>
    {% for article in articles %}
    {% for commentaire in article.commentaires %}
    {% set removeCommentaire = path('commentaire_delete',{'id': commentaire.id}) %}
    <div class="modal fade" id="myModal{{loop.index0}}" role="dialog">
        <div class="modal-dialog">
            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">Voulez-vous supprimer ce commentaire ?</h4>
                </div>
                <div class="modal-body">
                    {{ commentaire.contenu }}
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-success" data-dismiss="modal">Annuler</button>
                    <a href="{{removeCommentaire}}"><button type="button" class="btn btn-danger my-3  float-right">Supprimer
                            le commentaire</button></a>
                </div>
            </div>
        </div>
    </div>
    {% endfor %}
    {% endfor %}
</div>

{% endblock %}