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

{% block title %}Article index{% endblock %}
{% block navlink %}nav-actu{% endblock %}

{% block body %}
    <h1 class="wrap text-light font-h text-center">ACTUALITÉS DU SITE</h1>

    {% if is_granted('IS_AUTHENTICATED_FULLY') %}
        <div class="wrap text-right mt-4">
            <a class="button button-success" href="{{ path('app_news_new') }}">
                <i class="fa-solid fa-circle-plus mr-1"></i> Rediger un nouvel article d'actualité
            </a>
        </div>
    {% endif %}

    {% if is_granted('IS_AUTHENTICATED_FULLY') %}
        <section class="mh-4 wrap">
            <h2 class="wrap text-light font-h text-center">Brouillons</h2>

            <div class="preview-gallery mb-4">
                {% for article in drafts %}
                    {% include 'component/news_card.html.twig' with {
                        'article': article,
                        'col': 0,
                    } %}
                {% else %}
                    <div class="bg-black-40 text-primary p-3 span-3 text-center">
                        Aucun article trouvé
                    </div>
                {% endfor %}
            </div>
        </section>
    {% endif %}

    <section class="mh-4 wrap">
        {% if is_granted('IS_AUTHENTICATED_FULLY') %}
            <h2 class="wrap text-light font-h text-center">Articles publiés</h2>
        {% endif %}

        <div class="preview-gallery mb-4">
            {% for article in articles %}
                {% include 'component/news_card.html.twig' with {
                    'article': article,
                    'col': 0,
                } %}
            {% else %}
                <div class="bg-black-40 text-primary p-3 span-3 text-center">
                    Aucun article trouvé
                </div>
            {% endfor %}
        </div>
    </section>
{% endblock %}