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

{% block title %}Blog des famille{% endblock %}

{% block body %}
<div class="container">
    <h1 class="title title-h1">Blog des familles</h1>
    <h2 class="title title-h2">Liste des articles</h2>
    {% for message in app.flashes('success')%}
        <p class="success">{{message}}</p>
    {% endfor %}
    {% for message in app.flashes('error')%}
        <p class="error">{{message}}</p>
    {% endfor %}
    <table>
        <tr>
            <th>Image</th>
            <th>Titre</th>
            <th>Statut</th>
            <th>Modifier</th>
            <th>Supprimer</th>
        </tr>
        {% for article in articles %}
        <tr>
            <td><img src="{{ asset('images/' ~ article.imgName) }}" class="minia-img" alt=""></td>
            {# <td></td> #}
            <td>
                <a href="{{ path('app_admin_familyblog_show', {'slug': article.slug}) }}">{{article.title}}</a>
            </td>
            <td class="{% if article.state %}published{% else %}not-published{% endif %}">
                {% if article.state %}Publié{% else %}Brouillon{% endif %}
            </td>
            <td>
                <a href="{{ path('app_admin_familyblog_edit', {'slug': article.slug}) }}" class="admin-btn-edit">Modifier</a>
            </td>
            <td>
                <form action="{{ path('app_admin_familyblog_delete', {'id': article.id}) }}" method="post" onsubmit="return confirm('Êtes-vous sûrs de vouloir supprimer cet article ?');" data-turbo="false">
                    <input type="hidden" name="_delete_token" value="{{ csrf_token('delete' ~ article.id) }}">
                    <input type="hidden" name="_method" value="DELETE">
                    <button class="admin-btn-delete" type="submit">Supprimer</button>
                </form>
            </td>
        </tr>
        {% endfor %}
    </table>
    <a href="{{ path('app_admin_familyblog_new') }}" class="admin-btn">Ajouter un article</a>
</div>
{% endblock %}