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

{% block title %}{% endblock %}

{% block body %}
<style>
    .italic{
        font-style: italic;
    }
    .div-actu{
        border-bottom: solid 1px #b3b3b3;
        margin: 10px 0;
    }
    .minia-img-article{
        width: 180px;
        height: 100%;
    }
    .btn-ajout{
        margin: 40px 0 80px;
        padding: 12px 8px;
        background-color: var(--accent);
        color: black;
        border-radius: 5px;
    }
    a, a:visited{
        color: purple;
    }
</style>
    <h1>Liste des actualités</h1>
    {% for message in app.flashes('success')%}
        <p>{{message}}</p>
    {% endfor %}
    {% for message in app.flashes('error')%}
        <p>{{message}}</p>
    {% endfor %}
    <div>
            {% for actuality in actus %}
                <div class="div-actu">
                    <h3>
                        <a href="{{ path('app_admin_actu_show', {'slug':actuality.slug}) }}">{{ actuality.title }} par <span class="italic">{{actuality.author}}</span></a>
                    </h3>
                        {% if actuality.statut==1 %}<p>État : Publié</p>
                            {% elseif actuality.statut==0 %}<p>État : Brouillon</p>
                                {% else %}<p>État : En attente</p>
                        {% endif %}
                    <a href="{{ path('app_admin_actu_edit', {'slug':actuality.slug}) }}">Modifier l'article</a>
                    <form action="{{ path('app_admin_actu_delete', {'slug':actuality.slug}) }}" method="post" onsubmit="return confirm('Êtes-vous sûr de vouloir supprimer cet article ?');" data-turbo="false">
                        <input type="hidden" name="_delete_token" value="{{ csrf_token('delete' ~ actuality.id) }}">
                        <input type="hidden" name="_method" value="DELETE">
                        <button type="submit">Supprimer l'article</button>
                    </form>
                    {% if actuality.ImgName == true %}
                        <img src="{{ asset('images/' ~ actuality.ImgName) }}" alt="miniature de l'article" class="minia-img-article">
                    {% endif %}
                </div>
            {% endfor %}
        <a href="{{ path('app_admin_actu_new') }}" class="btn-ajout">Ajouter un article</a>
    </div>
{% endblock %}