{% extends 'manager/manager_base.html.twig' %}

{% block title %}Tableau de bord - Manager{% endblock %}

{% block content %}
<div class="container-fluid">
    <div class="row">
        <h3 class=" text-body-emphasis">Tableau de bord Manager - Accès Rapide</h3>

        {# Affichage des messages flash (Success, Error, Warning) #}
        {% for message in app.flashes('success') %}
            <div class="alert alert-success alert-dismissible fade show" role="alert">
                {{ message }}
                <button class="btn-close" type="button" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
        {% endfor %}
        {% for message in app.flashes('error') %}
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                {{ message }}
                <button class="btn-close" type="button" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
        {% endfor %}
        {% for message in app.flashes('warning') %}
            <div class="alert alert-warning alert-dismissible fade show" role="alert">
                {{ message }}
                <button class="btn-close" type="button" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
        {% endfor %}

        <div class="row g-4">

            {# CARTE 1: PRESENTATION #}
            <div class="col-lg-6 col-xl-4">
                <div class="card shadow h-100">
                    <div class="card-header bg-default ">
                        <span class="uil uil-presentation-lines-alt me-2"></span>
                        <h5 class="mb-0 d-inline-block">PRESENTATION</h5>
                    </div>
                    <div class="card-body">
                        <ul class="list-group list-group-flush">
                            <li class="list-group-item lift"><a class="d-flex justify-content-between align-items-center text-decoration-none" href="{{ path('app_manager_presentation_index') }}">Articles de présentation <span class="uil uil-angle-right"></span></a></li>
                            <li class="list-group-item lift"><a class="d-flex justify-content-between align-items-center text-decoration-none" href="{{ path('app_manager_flashinfo_index') }}">Flash infos <span class="uil uil-angle-right"></span></a></li>
                            <li class="list-group-item lift"><a class="d-flex justify-content-between align-items-center text-decoration-none" href="{{ path('app_manager_social_index') }}">Réseaux sociaux <span class="uil uil-angle-right"></span></a></li>
                            <li class="list-group-item lift"><a class="d-flex justify-content-between align-items-center text-decoration-none" href="{{ path('app_manager_lien_index') }}">Liens utiles <span class="uil uil-angle-right"></span></a></li>
                            <li class="list-group-item lift"><a class="d-flex justify-content-between align-items-center text-decoration-none" href="{{ path('app_manager_publication_index') }}">Publications <span class="uil uil-angle-right"></span></a></li>
                        </ul>
                    </div>
                </div>
            </div>

            {# CARTE 2: FORMULAIRE #}
            <div class="col-lg-6 col-xl-4">
                <div class="card shadow h-100">
                    <div class="card-header bg-default ">
                        <span class="uil uil-clipboard-notes me-2"></span>
                        <h5 class="mb-0 d-inline-block">FORMULAIRE</h5>
                    </div>
                    <div class="card-body">
                        <ul class="list-group list-group-flush">
                            <li class="list-group-item lift"><a class="d-flex justify-content-between align-items-center text-decoration-none" href="{{ path('manager_formulaire_index') }}">Liste des formulaires <span class="uil uil-angle-right"></span></a></li>
                            <li class="list-group-item lift"><a class="d-flex justify-content-between align-items-center text-decoration-none" href="{{ path('manager_formulaire_cat_index') }}">Catégories <span class="uil uil-angle-right"></span></a></li>
                            <li class="list-group-item lift"><a class="d-flex justify-content-between align-items-center text-decoration-none" href="{{ path('manager_formulaire_select_predefini_index') }}">Champs selects prédéfinis <span class="uil uil-angle-right"></span></a></li>
                            <li class="list-group-item lift"><a class="d-flex justify-content-between align-items-center text-decoration-none" href="{{ path('manager_formulaire_checkbox_predefini_index') }}">Groupes Case à cocher <span class="uil uil-angle-right"></span></a></li>
                            <li class="list-group-item lift"><a class="d-flex justify-content-between align-items-center text-decoration-none" href="{{ path('manager_formulaire_radio_predefini_index') }}">Groupes Boutons radio <span class="uil uil-angle-right"></span></a></li>
                            <li class="list-group-item lift"><a class="d-flex justify-content-between align-items-center text-decoration-none" href="{{ path('manager_formulaire_champslie_index') }}">Sous-formulaire Bloc de champs liés <span class="uil uil-angle-right"></span></a></li>
                            <li class="list-group-item lift"><a class="d-flex justify-content-between align-items-center text-decoration-none" href="{{ path('manager_formulaire_acteur_index') }}">Sous-formulaire acteur <span class="uil uil-angle-right"></span></a></li>
                        </ul>
                    </div>
                </div>
            </div>

            {# CARTE 3: DECOUPAGE ADMINISTRATIF #}
            <div class="col-lg-6 col-xl-4">
                <div class="card shadow h-100">
                    <div class="card-header bg-default ">
                        <span class="uil uil-map-marker me-2"></span>
                        <h5 class="mb-0 d-inline-block">DECOUPAGE ADMINISTRATIF</h5>
                    </div>
                    <div class="card-body">
                        <ul class="list-group list-group-flush">
                            <li class="list-group-item lift"><a class="d-flex justify-content-between align-items-center text-decoration-none" href="{{ path('app_manager_district_index') }}">Districts <span class="uil uil-angle-right"></span></a></li>
                            <li class="list-group-item lift"><a class="d-flex justify-content-between align-items-center text-decoration-none" href="{{ path('app_manager_region_index') }}">Régions <span class="uil uil-angle-right"></span></a></li>
                            <li class="list-group-item lift"><a class="d-flex justify-content-between align-items-center text-decoration-none" href="{{ path('app_manager_departement_index') }}">Départements <span class="uil uil-angle-right"></span></a></li>
                            <li class="list-group-item lift"><a class="d-flex justify-content-between align-items-center text-decoration-none" href="{{ path('app_manager_commune_index') }}">Communes <span class="uil uil-angle-right"></span></a></li>
                            <li class="list-group-item lift"><a class="d-flex justify-content-between align-items-center text-decoration-none" href="{{ path('app_manager_village_index') }}">Villages <span class="uil uil-angle-right"></span></a></li>
                        </ul>
                    </div>
                </div>
            </div>

            {# CARTE 4: PARAMETRAGE #}
            <div class="col-lg-6 col-xl-4">
                <div class="card shadow h-100">
                    <div class="card-header bg-default ">
                        <span class="uil uil-setting me-2"></span>
                        <h5 class="mb-0 d-inline-block">PARAMETRAGE</h5>
                    </div>
                    <div class="card-body">
                        <ul class="list-group list-group-flush">
                            {# J'utilise 'asset' pour les liens qui ne sont pas des routes nommées dans le menu #}
                            <li class="list-group-item lift"><a class="d-flex justify-content-between align-items-center text-decoration-none" href="{{ asset('manager/unite/mesure') }}">Unité de mesure <span class="uil uil-angle-right"></span></a></li>
                            <li class="list-group-item lift"><a class="d-flex justify-content-between align-items-center text-decoration-none" href="{{ asset('manager/users') }}">Liste des utilisateurs <span class="uil uil-angle-right"></span></a></li>
                            <li class="list-group-item lift"><a class="d-flex justify-content-between align-items-center text-decoration-none" href="{{ asset('manager/filiere') }}">Filières <span class="uil uil-angle-right"></span></a></li>
                            <li class="list-group-item lift"><a class="d-flex justify-content-between align-items-center text-decoration-none" href="{{ asset('manager/culture') }}">Cultures <span class="uil uil-angle-right"></span></a></li>
                            <li class="list-group-item lift"><a class="d-flex justify-content-between align-items-center text-decoration-none" href="{{ asset('manager/indicateur') }}">Indicateurs agrégés <span class="uil uil-angle-right"></span></a></li>
                        </ul>
                    </div>
                </div>
            </div>

            {# Lien HIERARCHIE, laissé seul car il n'a pas de sous-menus #}
            <div class="col-lg-6 col-xl-4">
                <div class="card shadow h-100">
                    <div class="card-header bg-default ">
                        <span class="uil uil-sitemap me-2"></span>
                        <h5 class="mb-0 d-inline-block">HIERARCHIE</h5>
                    </div>
                    <div class="card-body d-flex align-items-center justify-content-center">
                        <a href="{{ path('app_manager_hierarchique_index') }}" class="btn btn-secondary d-flex align-items-center">
                            <span class="uil uil-sitemap me-2"></span>
                            Aller à la gestion de la Hiérarchie
                        </a>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>

<div class="text-center mt-5 p-3 text-body-secondary">
    Besoin d'aide? Visitez le site de support en ligne ou contactez l'administrateur
</div>
{% endblock %}