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

{% block body %}

<div class="rsaff-app">

    {# Navigation latérale #}
    {% include 'components/_sidebar.html.twig' %}

    {# Contenu principal #}
    <div class="rsaff-main">

        {# Barre supérieure #}
        {% include 'components/_navbar.html.twig' %}

        <main class="rsaff-content">

            {% block app_content %}
            {% endblock %}

        </main>

        {% for message in app.flashes('success') %}
            <div class="alert alert-success alert-dismissible fade show">
                <i class="bi bi-check-circle me-2"></i>
                {{ message }}

                <button type="button"
                        class="btn-close"
                        data-bs-dismiss="alert"
                        aria-label="Fermer"></button>
            </div>
        {% endfor %}

    </div>

    {# Navigation mobile #}
    {% include 'components/_mobile_nav.html.twig' %}

</div>

{% endblock %}