{% block stylesheets %}
<style>
.active {background-color:#eff2f6}
</style>
{% endblock %}

{# Définition des variables Twig pour l'état actif du menu #}
{% set currentRoute = app.request.attributes.get('_route') %}

{# Routes pour le menu "Présentation" #}
{% set presentationRoutes = [
    'app_manager_presentation_index',
    'app_manager_flashinfo_index',
    'app_manager_publication_index',
    'app_manager_presentation_new',
    'app_manager_presentation_show',
    'app_manager_presentation_edit',
    'app_manager_presentation_delete',
    'app_manager_presentation_status',
    'app_manager_presentation_up',
    'app_manager_presentation_down',
    'app_manager_flashinfo_new',
    'app_manager_flashinfo_show',
    'app_manager_flashinfo_edit',
    'app_manager_social_new',
    'app_manager_flashinfo_delete',
    'app_manager_publication_new',
    'app_manager_publication_show',
    'app_manager_publication_delete',
    'app_manager_publication_edit',
	'app_manager_social_index',
	'app_manager_social_new',
	'app_manager_social_show',
	'app_manager_social_edit',
	'app_manager_lien_index',
    'app_manager_lien_new',
    'app_manager_lien_edit',
    'app_manager_lien_delete',
] %}
{% set isPresentationActive = currentRoute in presentationRoutes %}

{# Routes pour le menu "Formulaire" #}
{% set formulaireRoutes = [
    'manager_formulaire_index',
    'manager_formulaire_cat_index',
    'manager_formulaire_select_predefini_index',
    
    
    'manager_formulaire_show',
    'manager_formulaire_new',
    'manager_formulaire_new2',
    'manager_formulaire_edit',
    'manager_formulaire_delete',
	'manager_formulaire_cat_new',
	'manager_formulaire_cat_edit',
	
	'manager_formulaire_select_predefini_show',
	'manager_formulaire_select_predefini_new',
	'manager_formulaire_select_predefini_edit',
	
	'manager_formulaire_checkbox_predefini_index',
	'manager_formulaire_checkbox_predefini_show',
	'manager_formulaire_checkbox_predefini_edit',
	'manager_formulaire_checkbox_predefini_new',
	
	'manager_formulaire_radio_predefini_index',
	'manager_formulaire_radio_predefini_show',
	'manager_formulaire_radio_predefini_edit',
	'manager_formulaire_radio_predefini_new',
	
	'manager_formulaire_champslie_index',
	'manager_formulaire_champslie_show',
	'manager_formulaire_champslie_edit',
	'manager_formulaire_champslie_new',
	'manager_formulaire_champslie_new2',
	
    'manager_formulaire_acteur_index',
	'manager_formulaire_acteur_show',
	'manager_formulaire_acteur_edit',
	'manager_formulaire_acteur_new',
	'manager_formulaire_acteur_new2',
] %}
{% set isFormulaireActive = currentRoute in formulaireRoutes %}

{# Route pour le lien "Hierarchie" #}
{% set isHierarchieActive = currentRoute == 'app_manager_hierarchique_index' %}

{# Routes pour le menu "Découpage Administratif" #}
{% set decoupageRoutes = [
    'app_manager_district_index',
	'app_manager_district_new',
	'app_manager_district_edit',
    'app_manager_region_index',
	'app_manager_region_new',
	'app_manager_region_edit',
    'app_manager_departement_index',
	'app_manager_departement_new',
	'app_manager_departement_edit',
    'app_manager_commune_index',
	'app_manager_commune_new',
	'app_manager_commune_edit',
    'app_manager_village_index',
	'app_manager_village_new',
	'app_manager_village_edit',
    'app_manager_sous_prefecture_index',
	'app_manager_sous_prefecture_new',
	'app_manager_sous_prefecture_edit'
] %}
{% set isDecoupageActive = currentRoute in decoupageRoutes %}

{# Routes pour le menu "Parametrage" #}
{% set parametrageRoutes = [
    'app_manager_unite_mesure_index',
	'app_manager_unite_mesure_new',
	'app_manager_unite_mesure_edit',
    'app_manager_user_index',
	'app_manager_user_new',
	'app_manager_user_edit',
	'app_manager_user_show',
    'app_manager_filiere_index',
	'app_manager_filiere_new',
	'app_manager_filiere_edit',
    'app_manager_culture_index',
	'app_manager_culture_new',
	'app_manager_culture_edit',
    'app_manager_indicateur_index',
	'app_manager_indicateur_new',
	'app_manager_indicateur_edit'
] %}
{# Logique d'activation simple basée sur les routes nommées du CRUD #}
{% set isParametrageActive = currentRoute in parametrageRoutes %}


<nav class="navbar navbar-top fixed-top navbar-expand-lg" id="navbarTop">
    <div class="navbar-logo">
        <button class="btn navbar-toggler navbar-toggler-humburger-icon hover-bg-transparent" type="button" data-bs-toggle="collapse" data-bs-target="#navbarTopCollapse" aria-controls="navbarTopCollapse" aria-expanded="false" aria-label="Toggle Navigation"><span class="navbar-toggle-icon"><span class="toggle-line"></span></span></button>
        <a class="navbar-brand me-1 me-sm-3" href="{{ asset('/manager') }}">
            <div class="d-flex align-items-center">
                <div class="d-flex align-items-center"><img src="{{ asset('images/logo-manager.png') }}" alt="sigdsa" width="200" />
                </div>
            </div>
        </a>
    </div>
    
    
    <div class="collapse navbar-collapse navbar-top-collapse order-1 order-lg-0 justify-content-center" id="navbarTopCollapse">
        <ul class="navbar-nav navbar-nav-top" data-dropdown-on-hover="data-dropdown-on-hover">
    {# Menu "Présentation" avec sous-menu #}
    <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle lh-1 {% if isPresentationActive %}active{% endif %}" href="#!" role="button" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-haspopup="true" aria-expanded="false">
            <span class="uil fs-8 me-2 uil-presentation-lines-alt"></span>PRESENTATION
        </a>
        <ul class="dropdown-menu navbar-dropdown-caret">
            <li><a class="dropdown-item {% if currentRoute == 'app_manager_presentation_index' %}active{% endif %}" href="{{ path('app_manager_presentation_index') }}">
                <div class="dropdown-item-wrapper"><span class="me-2 uil uil-newspaper"></span>Articles de <br>présentation</div>
            </a></li>
            <li><a class="dropdown-item {% if currentRoute == 'app_manager_flashinfo_index' %}active{% endif %}" href="{{ path('app_manager_flashinfo_index') }}">
                <div class="dropdown-item-wrapper"><span class="me-2 uil uil-megaphone"></span>Flash infos</div>
            </a></li>
            <li><a class="dropdown-item {% if currentRoute == 'app_manager_social_index' %}active{% endif %}" href="{{ path('app_manager_social_index') }}">
                <div class="dropdown-item-wrapper"><span class="me-2 uil uil-share-alt"></span>Réseaux sociaux</div>
            </a></li>
            <li><a class="dropdown-item {% if currentRoute == 'app_manager_lien_index' %}active{% endif %}" href="{{ path('app_manager_lien_index') }}">
                <div class="dropdown-item-wrapper"><span class="me-2 uil uil-link"></span>Liens utiles</div>
            </a></li>
            <li><a class="dropdown-item {% if currentRoute == 'app_manager_publication_index' %}active{% endif %}" href="{{ path('app_manager_publication_index') }}">
                <div class="dropdown-item-wrapper"><span class="me-2 uil uil-file-alt"></span>Publications</div>
            </a></li>
            
        </ul>
    </li>

    {# Menu "Formulaire" avec sous-menu #}
    <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle lh-1 {% if isFormulaireActive %}active{% endif %}" href="#!" role="button" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-haspopup="true" aria-expanded="false">
            <span class="uil fs-8 me-2 uil-clipboard-notes"></span>FORMULAIRE
        </a>
        <ul class="dropdown-menu navbar-dropdown-caret">
            <li><a class="dropdown-item {% if currentRoute == 'manager_formulaire_index' %}active{% endif %}" href="{{ path('manager_formulaire_index') }}">
                <div class="dropdown-item-wrapper"><span class="me-2 uil uil-list-ul"></span>Liste des formulaires</div>
            </a></li>
            <li><a class="dropdown-item {% if currentRoute == 'manager_formulaire_cat_index' %}active{% endif %}" href="{{ path('manager_formulaire_cat_index') }}">
                <div class="dropdown-item-wrapper"><span class="me-2 uil uil-tag-alt"></span>Catégorie<br>de formulaires</div>
            </a></li>
            <li><a class="dropdown-item {% if currentRoute == 'manager_formulaire_select_predefini_index' %}active{% endif %}" href="{{ path('manager_formulaire_select_predefini_index') }}">
                <div class="dropdown-item-wrapper"><span class="me-2 uil uil-check-square"></span>Champs selects <br>prédéfini</div>
            </a></li>
            <li><a class="dropdown-item {% if currentRoute == 'manager_formulaire_checkbox_predefini_index' %}active{% endif %}" href="{{ path('manager_formulaire_checkbox_predefini_index') }}">
                <div class="dropdown-item-wrapper"><span class="me-2 uil uil-check-square"></span>Groupe Case à cocher <br>prédéfini</div>
            </a></li>
             <li><a class="dropdown-item {% if currentRoute == 'manager_formulaire_radio_predefini_index' %}active{% endif %}" href="{{ path('manager_formulaire_radio_predefini_index') }}">
                <div class="dropdown-item-wrapper"><span class="me-2 uil uil-check-circle"></span>Groupe Boutons radio <br>prédéfini</div>
            </a></li>
            <li><a class="dropdown-item {% if currentRoute == 'manager_formulaire_champslie_index' %}active{% endif %}" href="{{ path('manager_formulaire_champslie_index') }}">
                <div class="dropdown-item-wrapper"><span class="me-2 uil uil-puzzle-piece"></span>Sous-formulaire<br>Bloc de champs liés</div>
            </a></li>
            <li><a class="dropdown-item {% if currentRoute == 'manager_formulaire_acteur_index' %}active{% endif %}" href="{{ path('manager_formulaire_acteur_index') }}">
                <div class="dropdown-item-wrapper"><span class="me-2 uil uil-user-arrows"></span>Sous-formulaire <br>acteur</div>
            </a></li>
        </ul>
    </li>

    {# Lien simple sans sous-menu #}
    <li class="nav-item"><a class="nav-link lh-1 {% if isHierarchieActive %}active{% endif %}" href="{{ path('app_manager_hierarchique_index') }}"><span class="uil fs-8 me-2 uil-sitemap"></span>HIERARCHIE</a></li>

    {# Menu "Découpage Administratif" avec sous-menu #}
    <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle lh-1 {% if isDecoupageActive %}active{% endif %}" href="#!" role="button" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-haspopup="true" aria-expanded="false">
            <span class="uil fs-8 me-2 uil-map-marker"></span>DECOUPAGE ADMINISTRATIF
        </a>
        <ul class="dropdown-menu navbar-dropdown-caret">
            <li><a class="dropdown-item {% if currentRoute == 'app_manager_district_index' %}active{% endif %}" href="{{ path('app_manager_district_index') }}">
                <div class="dropdown-item-wrapper"><span class="me-2 uil uil-map"></span>Districts</div>
            </a></li>
            <li><a class="dropdown-item {% if currentRoute == 'app_manager_region_index' %}active{% endif %}" href="{{ path('app_manager_region_index') }}">
                <div class="dropdown-item-wrapper"><span class="me-2 uil uil-map-pin"></span>Régions</div>
            </a></li>
            <li><a class="dropdown-item {% if currentRoute == 'app_manager_departement_index' %}active{% endif %}" href="{{ path('app_manager_departement_index') }}">
                <div class="dropdown-item-wrapper"><span class="me-2 uil uil-building"></span>Departements</div>
            </a></li>
            {# Sous-préfectures #}
            <li><a class="dropdown-item {% if currentRoute == 'app_manager_sous_prefecture_index' %}active{% endif %}" href="{{ path('app_manager_sous_prefecture_index') }}">
                <div class="dropdown-item-wrapper"><span class="me-2 uil uil-home"></span>Sous-préfectures</div>
            </a></li>
            <li><a class="dropdown-item {% if currentRoute == 'app_manager_commune_index' %}active{% endif %}" href="{{ path('app_manager_commune_index') }}">
                <div class="dropdown-item-wrapper"><span class="me-2 uil-map-pin-alt"></span>Communes</div>
            </a></li>
            <li><a class="dropdown-item {% if currentRoute == 'app_manager_village_index' %}active{% endif %}" href="{{ path('app_manager_village_index') }}">
                <div class="dropdown-item-wrapper"><span class="me-2 uil uil-location-point"></span>Villages</div>
            </a></li>
        </ul>
    </li>

    {# Menu "Parametrage" avec sous-menu #}
    <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle lh-1 {% if isParametrageActive %}active{% endif %}" href="#!" role="button" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-haspopup="true" aria-expanded="false">
            <span class="uil fs-8 me-2 uil-setting"></span>PARAMETRAGE
        </a>
        <ul class="dropdown-menu navbar-dropdown-caret">
            {# Unité de mesure (UniteMesure) #}
            <li><a class="dropdown-item {% if currentRoute == 'app_manager_unite_mesure_index' %}active{% endif %}" href="{{ path('app_manager_unite_mesure_index') }}">
                <div class="dropdown-item-wrapper"><span class="me-2 uil uil-balance-scale"></span>Unité de mesure</div>
            </a></li>
            {# Utilisateurs (User) #}
            {% if app.user.profil.id ==1 %}
            <li><a class="dropdown-item {% if currentRoute == 'app_manager_user_index' %}active{% endif %}" href="{{ path('app_manager_user_index') }}">
                <div class="dropdown-item-wrapper"><span class="me-2 uil uil-users-alt"></span>Liste des utilisateurs</div>
            </a></li>
            {% endif %}
            
            <li class="dropdown-divider"></li>
            
            {# Filières (Filiere) #}
            <li><a class="dropdown-item {% if currentRoute == 'app_manager_filiere_index' %}active{% endif %}" href="{{ path('app_manager_filiere_index') }}">
                <div class="dropdown-item-wrapper"><span class="me-2 uil uil-pagelines"></span>Filières</div>
            </a></li>
            {# Cultures (Culture) #}
            <li><a class="dropdown-item {% if currentRoute == 'app_manager_culture_index' %}active{% endif %}" href="{{ path('app_manager_culture_index') }}">
                <div class="dropdown-item-wrapper"><span class="me-2 uil-monitor-heart-rate"></span>Cultures</div>
            </a></li>
            {# Indicateurs agrégés (Indicateur) #}
            <li><a class="dropdown-item {% if currentRoute == 'app_manager_indicateur_index' %}active{% endif %}" href="{{ path('app_manager_indicateur_index') }}">
                <div class="dropdown-item-wrapper"><span class="me-2 uil uil-chart-line"></span>Indicateurs agrégés</div>
            </a></li>
        </ul>
    </li>
</ul>


    </div>

    {# Bloc des icônes de droite : Notifications et Utilisateur #}
    <ul class="navbar-nav navbar-nav-icons flex-row">
    
        {# 1. NOTIFICATIONS : On utilise 'include' pour charger _notification.html.twig #}
        <li class="nav-item dropdown">
            <a class="nav-link" href="#" style="min-width: 2.25rem" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-bs-auto-close="outside">
                <span class="d-block" style="height:20px;width:20px;">
                    <span data-feather="bell" style="height:20px;width:20px;"></span>
                </span>
            </a>
            {# Intégration du template de notification externe #}
            {#  {% include 'agent/_notification.html.twig' %} #}
        </li>
    
        {# 2. COMPTE UTILISATEUR : Simplifié à Profil et Déconnexion #}
        <li class="nav-item dropdown">
            <a class="nav-link lh-1 pe-0" id="navbarDropdownUser" href="#!" role="button" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-haspopup="true" aria-expanded="false">
               <div class="avatar avatar-l ">
                    <i class="fa-solid fa-circle-user" style="font-size: 2rem; "></i>
                    
                </div>
            </a>
            <div class="dropdown-menu dropdown-menu-end navbar-dropdown-caret py-0 dropdown-profile shadow border" aria-labelledby="navbarDropdownUser">
                <div class="card position-relative border-0">
                    <div class="card-body p-0">
                        <div class="text-center pt-4 pb-3">
                            <div class="avatar avatar-l ">
                    <i class="fa-solid fa-circle-user" style="font-size: 2rem; "></i>
                    
                </div>
                            <h6 class="mt-2 text-body-emphasis">
                                {# Afficher le nom de l'utilisateur connecté #}
                                {% if app.user %}
                                 {{ app.user.prenoms|default('') }} {{ app.user.nom|default('Manager') }}
                                {% else %}
                                    Visiteur Manager
                                {% endif %}
                            </h6>
                        </div>
                    </div>
                    {# Liste des liens simplifiée #}
                    <div class="overflow-auto scrollbar" style="height: auto;">
                        <ul class="nav d-flex flex-column mb-0 pb-1">
                            {# Menu unique pour le Profil (Assurez-vous que cette route existe) #}
                            <li class="nav-item">
                                <a class="nav-link px-3 d-block {% if currentRoute == 'app_manager_compte_index' %}active{% endif %}" href="{{ path('app_manager_compte_index') }}"> 
                                    <span class="me-2 text-body align-bottom" data-feather="user"></span><span>Profil</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                    {# Bouton de Déconnexion déplacé en bas du dropdown #}
                    <div class="card-footer p-0 border-top border-translucent">
                        <div class="px-3 py-2"> 
                            <a class="btn btn-phoenix-secondary d-flex flex-center w-100" href="{{ path('app_manager_logout') }}"> 
                                <span class="me-2" data-feather="log-out"> </span>Déconnexion
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </li>
    </ul>
</nav>