{% import '_macros/menu.twig' as menu %}

{% block stylesheets %}
    <link rel="stylesheet" href="{{ asset('css/_aside.css') }}">
{% endblock %}
{% set canProduit = "PRODUIT" in arrayRight or is_granted('ROLE_SUPER_ADMIN') %}
{% set canStock = "STOCK" in arrayRight or is_granted('ROLE_SUPER_ADMIN') %}
{% set canInventory = "INVENTORY" in arrayRight or is_granted('ROLE_SUPER_ADMIN') %}
{% set canCatalogue = canProduit %}
{% set canClients = "USERS" in arrayRight or is_granted('ROLE_SUPER_ADMIN') %}
{% set canSuppliers = "SUPPLIER" in arrayRight or is_granted('ROLE_SUPER_ADMIN') %}
{% set canVentes = "DOCUMENT_CLIENT" in arrayRight or "DOCUMENT_CLIENT_INVOICE" in arrayRight or "DOCUMENT_CLIENT_ECHANGE" in arrayRight or is_granted('ROLE_SUPER_ADMIN') %}
{% set canAchats = "DOCUMENT_SUPPLIER" in arrayRight or is_granted('ROLE_SUPER_ADMIN') %}
{% set canPayment = "PAYMENT" in arrayRight or is_granted('ROLE_SUPER_ADMIN') %}
{% set canPos = "POS" in arrayRight or is_granted('ROLE_SUPER_ADMIN') %}
{% set canMessenger = "INTERNAL_MESSENGER" in arrayRight or is_granted('ROLE_SUPER_ADMIN') %}
{% set canContacts = canClients or canSuppliers %}
{% set canStats = "STATISTIQUE" in arrayRight or is_granted('ROLE_SUPER_ADMIN') %}
{% set canSliders = "SLIDER" in arrayRight or is_granted('ROLE_SUPER_ADMIN') %}
{% set canSettings = "ADMINISTRATION" in arrayRight or is_granted('ROLE_SUPER_ADMIN') %}


{% set asideMenuDesktop %}
<nav class="aside-menu">
    <ul class="nav flex-column">

        <li class="nav-item">
            <a href="{{ path('index') }}"
               class="nav-link d-flex align-items-center gap-2 {% if route_name == 'index' %}active fw-semibold{% endif %}">
                <i class="flaticon-line-graph"></i>
                <span class="aside-link-label">Dashboard</span>
            </a>
        </li>

                <li class="nav-item">
            <button type="button"
                    class="nav-link d-flex align-items-center justify-content-between w-100 bg-transparent border-0{% if not canCatalogue %} js-aside-access-denied{% endif %}"
                    data-submenu-title="Catalogue"
                    {% if canCatalogue %}data-bs-toggle="collapse"
                    data-bs-target="#menu-catalogue"{% endif %}
                    {% if not canCatalogue %}data-access-message="Acces refuse - contactez l administrateur"{% endif %}
                    aria-expanded="{{ canCatalogue and route_name in ['produit_index','produit_declination_value_index','promotion_index','stock_index','produit_show','categories','tag_index','pack_index'] ? 'true' : 'false' }}">
                <span class="d-flex align-items-center gap-2">
                    <i class="fa fa-tags"></i>
                    <span class="aside-link-label">Catalogue</span>
                </span>
                <i class="fa fa-angle-down"></i>
            </button>

            <ul id="menu-catalogue"
                class="nav flex-column collapse ps-4 {% if canCatalogue and route_name in ['produit_index','produit_declination_value_index','promotion_index','stock_index','produit_show','categories','tag_index','pack_index'] %}show{% endif %}">
                <li class="nav-item">
                    <a class="nav-link {% if route_name == 'produit_index' %}active{% endif %}{% if not canProduit %} js-aside-access-denied{% endif %}" href="{{ canProduit ? path('produit_index') : '#' }}" {% if not canProduit %}data-access-message="Acces refuse - contactez l administrateur"{% endif %}>
                        <i class="fa fa-cube me-2"></i>Produits
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link {% if route_name in ['produit_declination_value_index','produit_show'] %}active{% endif %}{% if not canProduit %} js-aside-access-denied{% endif %}" href="{{ canProduit ? path('produit_declination_value_index') : '#' }}" {% if not canProduit %}data-access-message="Acces refuse - contactez l administrateur"{% endif %}>
                        <i class="fa fa-boxes me-2"></i>Déclinaisons
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link {% if route_name == 'pack_index' %}active{% endif %}{% if not canProduit %} js-aside-access-denied{% endif %}" href="{{ canProduit ? path('pack_index') : '#' }}" {% if not canProduit %}data-access-message="Acces refuse - contactez l administrateur"{% endif %}>
                        <i class="fa fa-gift me-2"></i>Packs
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link {% if route_name == 'promotion_index' %}active{% endif %}{% if not canProduit %} js-aside-access-denied{% endif %}" href="{{ canProduit ? path('promotion_index') : '#' }}" {% if not canProduit %}data-access-message="Acces refuse - contactez l administrateur"{% endif %}>
                        <i class="fa fa-percent me-2"></i>Promotions
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link {% if route_name == 'categories' %}active{% endif %}{% if not canProduit %} js-aside-access-denied{% endif %}" href="{{ canProduit ? path('categories') : '#' }}" {% if not canProduit %}data-access-message="Acces refuse - contactez l administrateur"{% endif %}>
                        <i class="fa fa-folder-open me-2"></i>Catégories
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link {% if route_name == 'tag_index' %}active{% endif %}{% if not canProduit %} js-aside-access-denied{% endif %}" href="{{ canProduit ? path('tag_index') : '#' }}" {% if not canProduit %}data-access-message="Acces refuse - contactez l administrateur"{% endif %}>
                        <i class="fa fa-tags me-2"></i>Tags
                    </a>
                </li>
            </ul>
        </li>

        <li class="nav-item">
            <button type="button"
                    class="nav-link d-flex align-items-center justify-content-between w-100 bg-transparent border-0{% if not (canStock or canInventory) %} js-aside-access-denied{% endif %}"
                    data-submenu-title="Stock"
                    {% if canStock or canInventory %}data-bs-toggle="collapse"
                    data-bs-target="#menu-stock"{% endif %}
                    {% if not (canStock or canInventory) %}data-access-message="Acces refuse - contactez l administrateur"{% endif %}
                    aria-expanded="{{ (canStock or canInventory) and route_name in ['inventory_index','inventory_new','inventory_edit','inventory_show','stock_index'] ? 'true' : 'false' }}">
                <span class="d-flex align-items-center gap-2">
                    <i class="fa fa-warehouse"></i>
                    <span class="aside-link-label">Stock</span>
                </span>
                <i class="fa fa-angle-down"></i>
            </button>

            <ul id="menu-stock"
                class="nav flex-column collapse ps-4 {% if (canStock or canInventory) and route_name in ['inventory_index','inventory_new','inventory_edit','inventory_show','stock_index'] %}show{% endif %}">
                <li class="nav-item">
                    <a class="nav-link {% if route_name in ['inventory_index','inventory_new','inventory_edit','inventory_show'] %}active{% endif %}{% if not canInventory %} js-aside-access-denied{% endif %}" href="{{ canInventory ? path('inventory_index') : '#' }}" {% if not canInventory %}data-access-message="Acces refuse - contactez l administrateur"{% endif %}>
                        <i class="fa fa-clipboard-check me-2"></i>Inventaires
                    </a>
                </li>
            </ul>
        </li>
        <li class="nav-item">
            <button type="button"
                    class="nav-link d-flex align-items-center justify-content-between w-100 bg-transparent border-0{% if not canVentes %} js-aside-access-denied{% endif %}"
                    data-submenu-title="Ventes"
                    {% if canVentes %}data-bs-toggle="collapse"
                    data-bs-target="#menu-ventes"{% endif %}
                    {% if not canVentes %}data-access-message="Acces refuse - contactez l administrateur"{% endif %}
                    aria-expanded="{{ canVentes and route_name in ['new_document_commande','document_index','document_show'] and type is defined and type in ['commande','facture','echange'] ? 'true' : 'false' }}">
                <span class="d-flex align-items-center gap-2">
                    <i class="fa fa-shopping-cart"></i>
                    <span class="aside-link-label">Ventes</span>
                </span>
                <i class="fa fa-angle-down"></i>
            </button>

            <ul id="menu-ventes"
                class="nav flex-column collapse ps-4 {% if canVentes and route_name in ['new_document_commande','document_index','document_show'] and type is defined and type in ['commande','facture','echange'] %}show{% endif %}">
                {{ menu.item('Bons de commande','fa fa-file-text-o','document_index',{'type':'commande','category':'client','date':'today'},route_name == 'document_index' and category == 'client' and type == 'commande',"DOCUMENT_CLIENT" in arrayRight or is_granted('ROLE_SUPER_ADMIN'),'') }}
                {{ menu.item('Factures','fa fa-file-invoice-dollar','document_index',{'type':'facture','category':'client','date':'today'},route_name == 'document_index' and category == 'client' and type == 'facture',"DOCUMENT_CLIENT_INVOICE" in arrayRight or is_granted('ROLE_SUPER_ADMIN'),'') }}
                {{ menu.item("Bons d'échange",'fa fa-exchange-alt','document_index',{'type':'echange','category':'client','date':'today'},route_name == 'document_index' and category == 'client' and type == 'echange',"DOCUMENT_CLIENT_ECHANGE" in arrayRight or is_granted('ROLE_SUPER_ADMIN'),'') }}
            </ul>
        </li>

        <li class="nav-item">
            <button type="button"
                    class="nav-link d-flex align-items-center justify-content-between w-100 bg-transparent border-0{% if not canAchats %} js-aside-access-denied{% endif %}"
                    data-submenu-title="Achats"
                    {% if canAchats %}data-bs-toggle="collapse"
                    data-bs-target="#menu-achats"{% endif %}
                    {% if not canAchats %}data-access-message="Acces refuse - contactez l administrateur"{% endif %}
                    aria-expanded="{{ canAchats and route_name in ['new_document_commande','document_index'] and type is defined and type in ['achat','reception','facture','retour'] ? 'true' : 'false' }}">
                <span class="d-flex align-items-center gap-2">
                    <i class="fa fa-truck"></i>
                    <span class="aside-link-label">Achats</span>
                </span>
                <i class="fa fa-angle-down"></i>
            </button>

            <ul id="menu-achats"
                class="nav flex-column collapse ps-4 {% if canAchats and route_name in ['new_document_commande','document_index'] and type is defined and type in ['achat','reception','facture','retour'] %}show{% endif %}">
                
                {{ menu.item("Demandes d'achat",'fas fa-edit','document_index',{'type':'achat','category':'fournisseur','date':'today'},route_name == 'document_index' and category == 'fournisseur' and type == 'achat',canAchats,'') }}
                {{ menu.item('Bons de réception','fa fa-download','document_index',{'type':'reception','category':'fournisseur','date':'thisMonth'},route_name == 'document_index' and category == 'fournisseur' and type == 'reception',canAchats,'') }}
                {{ menu.item('Factures','fa fa-file-text-o','document_index',{'type':'facture','category':'fournisseur','date':'today'},route_name == 'document_index' and category == 'fournisseur' and type == 'facture',canAchats,'') }}
                {{ menu.item('Bons de retour','fa fa-undo','document_index',{'type':'retour','category':'fournisseur','date':'today'},route_name == 'document_index' and category == 'fournisseur' and type == 'retour',canAchats,'') }}
            </ul>
        </li>

                <li class="nav-item">
            <button type="button"
                    class="nav-link d-flex align-items-center justify-content-between w-100 bg-transparent border-0{% if not canPayment %} js-aside-access-denied{% endif %}"
                    data-submenu-title="Paiements"
                    {% if canPayment %}data-bs-toggle="collapse"
                    data-bs-target="#menu-payments"{% endif %}
                    {% if not canPayment %}data-access-message="Acces refuse - contactez l administrateur"{% endif %}
                    aria-expanded="{{ canPayment and route_name starts with 'delivery_payment_' ? 'true' : 'false' }}">
                <span class="d-flex align-items-center gap-2">
                    <i class="fa fa-money-check-alt"></i>
                    <span class="aside-link-label">Paiements</span>
                </span>
                <i class="fa fa-angle-down"></i>
            </button>

            <ul id="menu-payments"
                class="nav flex-column collapse ps-4 {% if canPayment and route_name starts with 'delivery_payment_' %}show{% endif %}">
                <li class="nav-item">
                    <a class="nav-link {% if route_name == 'delivery_payment_index' or route_name == 'delivery_payment_show' %}active{% endif %}{% if not canPayment %} js-aside-access-denied{% endif %}"
                       href="{{ canPayment ? path('delivery_payment_index') : '#' }}"
                       {% if not canPayment %}data-access-message="Acces refuse - contactez l administrateur"{% endif %}>
                        <i class="fa fa-file-invoice-dollar me-2"></i>Paiement société de livraison
                    </a>
                </li>
                <li class="nav-item">
                    <a {% if not canPayment %}class="nav-link js-aside-access-denied {% if route_name == 'delivery_payment_pdf_convert' %}active{% endif %}" href="#" data-access-message="Acces refuse - contactez l administrateur"{% else %}class="nav-link {% if route_name == 'delivery_payment_pdf_convert' %}active{% endif %}" href="{{ path('delivery_payment_pdf_convert') }}"{% endif %}>
                        <i class="fa fa-file-pdf me-2"></i>Conversion PDF vers CSV
                    </a>
                </li>
            </ul>
        </li>
        
        <li class="nav-item">
            <button type="button"
                    class="nav-link d-flex align-items-center justify-content-between w-100 bg-transparent border-0{% if not canPos %} js-aside-access-denied{% endif %}"
                    data-submenu-title="Caisse / Point de vente"
                    {% if canPos %}data-bs-toggle="collapse"
                    data-bs-target="#menu-pos"{% endif %}
                    {% if not canPos %}data-access-message="Acces refuse - contactez l administrateur"{% endif %}
                    aria-expanded="{{ canPos and route_name starts with 'admin_pos_' ? 'true' : 'false' }}">
                <span class="d-flex align-items-center gap-2">
                    <i class="fa fa-store"></i>
                    <span class="aside-link-label">Caisse / Point de vente</span>
                </span>
                <i class="fa fa-angle-down"></i>
            </button>

            <ul id="menu-pos"
                class="nav flex-column collapse ps-4 {% if canPos and route_name starts with 'admin_pos_' %}show{% endif %}">
                <li class="nav-item">
                    <a class="nav-link {% if route_name == 'admin_pos_index' %}active{% endif %}{% if not canPos %} js-aside-access-denied{% endif %}"
                       href="{{ canPos ? path('admin_pos_index') : '#' }}"
                       {% if not canPos %}data-access-message="Acces refuse - contactez l administrateur"{% endif %}>
                        <i class="fa fa-store me-2"></i>Caisse
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link {% if route_name in ['admin_pos_history', 'admin_pos_show', 'admin_pos_receipt'] %}active{% endif %}{% if not canPos %} js-aside-access-denied{% endif %}"
                       href="{{ canPos ? path('admin_pos_history') : '#' }}"
                       {% if not canPos %}data-access-message="Acces refuse - contactez l administrateur"{% endif %}>
                        <i class="fa fa-clock-rotate-left me-2"></i>Historique
                    </a>
                </li>
            </ul>
        </li>


        <li class="nav-item">
            <a class="nav-link d-flex align-items-center gap-2 {% if route_name starts with 'internal_messenger_' %}active fw-semibold{% endif %}{% if not canMessenger %} js-aside-access-denied{% endif %}" href="{{ canMessenger ? path('internal_messenger_index') : '#' }}" {% if not canMessenger %}data-access-message="Acces refuse - contactez l administrateur"{% endif %}>
                <i class="fa fa-comments"></i>
                <span class="aside-link-label">Messenger interne</span>
            </a>
        </li>
        

        <li class="nav-item">
            <button type="button"
                    class="nav-link d-flex align-items-center justify-content-between w-100 bg-transparent border-0{% if not canContacts %} js-aside-access-denied{% endif %}"
                    data-submenu-title="Contacts"
                    {% if canContacts %}data-bs-toggle="collapse"
                    data-bs-target="#menu-contacts"{% endif %}
                    {% if not canContacts %}data-access-message="Acces refuse - contactez l administrateur"{% endif %}
                    aria-expanded="{{ canContacts and route_name in ['user_index','user_show','supplier_index'] ? 'true' : 'false' }}">
                <span class="d-flex align-items-center gap-2">
                    <i class="fa fa-users"></i>
                    <span class="aside-link-label">Contacts</span>
                </span>
                <i class="fa fa-angle-down"></i>
            </button>

            <ul id="menu-contacts"
                class="nav flex-column collapse ps-4 {% if canContacts and route_name in ['user_index','user_show','supplier_index'] %}show{% endif %}">
                <li class="nav-item">
                    <a class="nav-link {% if route_name == 'user_index' and type == 'client' %}active{% endif %}{% if not canClients %} js-aside-access-denied{% endif %}" href="{{ canClients ? path('user_index', {'type':'client'}) : '#' }}" {% if not canClients %}data-access-message="Acces refuse - contactez l administrateur"{% endif %}>
                        <i class="fa fa-user me-2"></i>Clients
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link {% if route_name == 'supplier_index' %}active{% endif %}{% if not canSuppliers %} js-aside-access-denied{% endif %}" href="{{ canSuppliers ? path('supplier_index') : '#' }}" {% if not canSuppliers %}data-access-message="Acces refuse - contactez l administrateur"{% endif %}>
                        <i class="fa fa-user-tie me-2"></i>Fournisseurs
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link {% if route_name == 'user_index' and type == 'contact' %}active{% endif %}{% if not canClients %} js-aside-access-denied{% endif %}" href="{{ canClients ? path('user_index', {'type':'contact'}) : '#' }}" {% if not canClients %}data-access-message="Acces refuse - contactez l administrateur"{% endif %}>
                        <i class="fa fa-address-book me-2"></i>Contacts
                    </a>
                </li>
            </ul>
        </li>

        <li class="nav-item">
            <button type="button"
                    class="nav-link d-flex align-items-center justify-content-between w-100 bg-transparent border-0{% if not canStats %} js-aside-access-denied{% endif %}"
                    data-submenu-title="Statistiques"
                    {% if canStats %}data-bs-toggle="collapse"
                    data-bs-target="#menu-stats"{% endif %}
                    {% if not canStats %}data-access-message="Acces refuse - contactez l administrateur"{% endif %}
                    aria-expanded="{{ canStats and route_name in ['statistic_index','statistic_index_global'] ? 'true' : 'false' }}">
                <span class="d-flex align-items-center gap-2">
                    <i class="fa fa-chart-bar"></i>
                    <span class="aside-link-label">Statistiques</span>
                </span>
                <i class="fa fa-angle-down"></i>
            </button>

            <ul id="menu-stats"
                class="nav flex-column collapse ps-4 {% if canStats and route_name in ['statistic_index','statistic_index_global'] %}show{% endif %}">
                <li class="nav-item">
                    <a class="nav-link {% if route_name == 'statistic_index' %}active{% endif %}{% if not canStats %} js-aside-access-denied{% endif %}" href="{{ canStats ? path('statistic_index') : '#' }}" {% if not canStats %}data-access-message="Acces refuse - contactez l administrateur"{% endif %}>
                        <i class="fa fa-chart-line me-2"></i>Statistiques par produits
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link {% if route_name == 'statistic_index_global' %}active{% endif %}{% if not canStats %} js-aside-access-denied{% endif %}" href="{{ canStats ? path('statistic_index_global') : '#' }}" {% if not canStats %}data-access-message="Acces refuse - contactez l administrateur"{% endif %}>
                        <i class="fa fa-chart-pie me-2"></i>Statistiques globales
                    </a>
                </li>
            </ul>
        </li>

        <li class="nav-item">
            <a class="nav-link d-flex align-items-center {% if route_name == 'app_slider_index' %}active{% endif %}{% if not canSliders %} js-aside-access-denied{% endif %}" href="{{ canSliders ? path('app_slider_index') : '#' }}" {% if not canSliders %}data-access-message="Acces refuse - contactez l administrateur"{% endif %}>
                <i class="fa fa-image me-2"></i>
                <span class="aside-link-label">Sliders</span>
            </a>
        </li>

        <li class="nav-item">
            <button type="button"
                    class="nav-link d-flex align-items-center justify-content-between w-100 bg-transparent border-0{% if not canSettings %} js-aside-access-denied{% endif %}"
                    data-submenu-title="Paramètres"
                    {% if canSettings %}data-bs-toggle="collapse"
                    data-bs-target="#menu-settings"{% endif %}
                    {% if not canSettings %}data-access-message="Acces refuse - contactez l administrateur"{% endif %}
                    aria-expanded="{{ canSettings and route_name in ['administration_index','group_user_index','declinaisons-index','app_company','app_delivery_index','client_type_index','app_website_settings','admin_settings_index'] ? 'true' : 'false' }}">
                <span class="d-flex align-items-center gap-2">
                    <i class="fa fa-cogs"></i>
                    <span class="aside-link-label">Paramètres</span>
                </span>
                <i class="fa fa-angle-down"></i>
            </button>

            <ul id="menu-settings"
                class="nav flex-column collapse ps-4 {% if canSettings and route_name in ['administration_index','group_user_index','declinaisons-index','app_company','app_delivery_index','client_type_index','app_website_settings','admin_settings_index'] %}show{% endif %}">
                <li class="nav-item">
                    <a class="nav-link {% if route_name starts with 'admin_settings' %}active{% endif %}{% if not canSettings %} js-aside-access-denied{% endif %}" href="{{ canSettings ? path('admin_settings_index') : '#' }}" {% if not canSettings %}data-access-message="Acces refuse - contactez l administrateur"{% endif %}>
                        <i class="fa fa-cog me-2"></i>Paramètres généraux
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link {% if route_name == 'app_website_settings' %}active{% endif %}{% if not canSettings %} js-aside-access-denied{% endif %}" href="{{ canSettings ? path('app_website_settings') : '#' }}" {% if not canSettings %}data-access-message="Acces refuse - contactez l administrateur"{% endif %}>
                        <i class="fa fa-globe me-2"></i>Site web
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link {% if route_name == 'administration_index' %}active{% endif %}{% if not canSettings %} js-aside-access-denied{% endif %}" href="{{ canSettings ? path('administration_index') : '#' }}" {% if not canSettings %}data-access-message="Acces refuse - contactez l administrateur"{% endif %}>
                        <i class="fa fa-user me-2"></i>Utilisateurs
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link {% if route_name == 'group_user_index' %}active{% endif %}{% if not canSettings %} js-aside-access-denied{% endif %}" href="{{ canSettings ? path('group_user_index') : '#' }}" {% if not canSettings %}data-access-message="Acces refuse - contactez l administrateur"{% endif %}>
                        <i class="fa fa-lock me-2"></i>Groupes & Droits d'accès
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link {% if route_name == 'declinaisons-index' %}active{% endif %}{% if not canSettings %} js-aside-access-denied{% endif %}" href="{{ canSettings ? path('declinaisons-index') : '#' }}" {% if not canSettings %}data-access-message="Acces refuse - contactez l administrateur"{% endif %}>
                        <i class="fa fa-th me-2"></i>Déclinaisons / valeurs
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link {% if route_name == 'app_delivery_index' %}active{% endif %}{% if not canSettings %} js-aside-access-denied{% endif %}" href="{{ canSettings ? path('app_delivery_index') : '#' }}" {% if not canSettings %}data-access-message="Acces refuse - contactez l administrateur"{% endif %}>
                        <i class="fa fa-truck me-2"></i>Sociétés de livraison
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link {% if route_name == 'client_type_index' %}active{% endif %}{% if not canSettings %} js-aside-access-denied{% endif %}" href="{{ canSettings ? path('client_type_index') : '#' }}" {% if not canSettings %}data-access-message="Acces refuse - contactez l administrateur"{% endif %}>
                        <i class="fa fa-tags me-2"></i>Types de clients
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link {% if route_name == 'app_company' %}active{% endif %}{% if not canSettings %} js-aside-access-denied{% endif %}" href="{{ canSettings ? path('app_company') : '#' }}" {% if not canSettings %}data-access-message="Acces refuse - contactez l administrateur"{% endif %}>
                        <i class="fa fa-store me-2"></i>Entreprise
                    </a>
                </li>
            </ul>
        </li>

    </ul>
</nav>
{% endset %}

{% set asideMenuMobile = asideMenuDesktop|replace({
    'data-bs-target="#menu-catalogue"' : 'data-bs-target="#menu-catalogue-mobile"',
    'id="menu-catalogue"' : 'id="menu-catalogue-mobile"',
    'data-bs-target="#menu-ventes"' : 'data-bs-target="#menu-ventes-mobile"',
    'id="menu-ventes"' : 'id="menu-ventes-mobile"',
    'data-bs-target="#menu-achats"' : 'data-bs-target="#menu-achats-mobile"',
    'id="menu-achats"' : 'id="menu-achats-mobile"',
    'data-bs-target="#menu-payments"' : 'data-bs-target="#menu-payments-mobile"',
    'id="menu-payments"' : 'id="menu-payments-mobile"',
    'data-bs-target="#menu-pos"' : 'data-bs-target="#menu-pos-mobile"',
    'id="menu-pos"' : 'id="menu-pos-mobile"',
    'data-bs-target="#menu-contacts"' : 'data-bs-target="#menu-contacts-mobile"',
    'id="menu-contacts"' : 'id="menu-contacts-mobile"',
    'data-bs-target="#menu-stats"' : 'data-bs-target="#menu-stats-mobile"',
    'id="menu-stats"' : 'id="menu-stats-mobile"',
    'data-bs-target="#menu-settings"' : 'data-bs-target="#menu-settings-mobile"',
    'id="menu-settings"' : 'id="menu-settings-mobile"'
}) %}

<aside id="crmAside" class="crm-aside d-none d-lg-block crm-aside-menu-skin">
    {{ asideMenuDesktop }}
</aside>

<div class="offcanvas offcanvas-start d-lg-none" tabindex="-1" id="asideMobile" aria-labelledby="asideMobileLabel">
    <div class="offcanvas-header">
        <h5 class="offcanvas-title" id="asideMobileLabel">Menu</h5>
        <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
    </div>
    <div class="offcanvas-body p-2 crm-aside-menu-skin">
        {{ asideMenuMobile|raw }}
    </div>
</div>

{% block extra_scripts %}
<script>
    (function () {
        const aside = document.getElementById('crmAside');
        const btnMini = document.getElementById('m_aside_left_minimize_toggle');
        const STORAGEKEY = 'crmAsideState';
        let flyout = null;
        let flyoutTrigger = null;
        let flyoutCloseTimer = null;

        if (!aside) return;

        const savedState = localStorage.getItem(STORAGEKEY);
        if (savedState === 'minimized') aside.classList.add('is-minimized');

        function collapseDesktopSubmenus() {
            aside.querySelectorAll('.collapse.show').forEach(function (submenu) {
                submenu.classList.remove('show');
                submenu.style.height = '';
            });

            aside.querySelectorAll('button[data-bs-toggle="collapse"][aria-expanded="true"]').forEach(function (button) {
                button.setAttribute('aria-expanded', 'false');
            });
        }

        function syncMinimizedTooltips() {
            const targets = aside.querySelectorAll('.nav-link, .m-menu__link');
            const minimized = aside.classList.contains('is-minimized');

            targets.forEach(function (el) {
                const hasSubmenu = el.matches('button[data-bs-toggle="collapse"]');
                const mainLabel = el.querySelector('.aside-link-label');
                const iconWrap = hasSubmenu ? el.querySelector('span.d-flex.align-items-center.gap-2') : null;
                const textNode = el.querySelector('.m-menu__link-text');
                const inlineText = textNode ? textNode.textContent : '';
                const fallbackText = el.getAttribute('data-submenu-title') || inlineText || el.textContent || '';
                const title = fallbackText.replace(/\s+/g, ' ').trim();

                if (mainLabel) {
                    mainLabel.style.display = minimized ? 'none' : '';
                }

                if (iconWrap) {
                    iconWrap.style.gap = minimized ? '0' : '';
                    iconWrap.style.width = minimized ? '18px' : '';
                    iconWrap.style.minWidth = minimized ? '18px' : '';
                    iconWrap.style.maxWidth = minimized ? '18px' : '';
                    iconWrap.style.overflow = minimized ? 'hidden' : '';
                    iconWrap.style.justifyContent = minimized ? 'center' : '';
                    iconWrap.style.flex = minimized ? '0 0 18px' : '';
                }

                if (window.bootstrap && bootstrap.Tooltip) {
                    const existing = bootstrap.Tooltip.getInstance(el);
                    if (existing) existing.dispose();
                }

                if (minimized && title && !hasSubmenu) {
                    el.setAttribute('data-bs-toggle', 'tooltip');
                    el.setAttribute('data-bs-placement', 'right');
                    el.setAttribute('title', title);
                    el.setAttribute('data-aside-tooltip', '1');

                    if (window.bootstrap && bootstrap.Tooltip) {
                        bootstrap.Tooltip.getOrCreateInstance(el, {
                            trigger: 'hover',
                            container: 'body'
                        });
                    }
                } else if (el.getAttribute('data-aside-tooltip') === '1') {
                    el.removeAttribute('data-bs-toggle');
                    el.removeAttribute('data-bs-placement');
                    el.removeAttribute('title');
                    el.removeAttribute('data-aside-tooltip');
                }
            });
        }

        function closeFlyout() {
            if (flyout) flyout.remove();
            flyout = null;
            flyoutTrigger = null;
            if (flyoutCloseTimer) {
                clearTimeout(flyoutCloseTimer);
                flyoutCloseTimer = null;
            }
        }

        function scheduleFlyoutClose() {
            if (flyoutCloseTimer) clearTimeout(flyoutCloseTimer);
            flyoutCloseTimer = setTimeout(closeFlyout, 120);
        }

        function openFlyout(trigger) {
            const targetSel = trigger.getAttribute('data-bs-target');
            const source = targetSel ? aside.querySelector(targetSel) : null;
            if (!source) return;

            closeFlyout();

            const clone = source.cloneNode(true);
            clone.classList.remove('collapse', 'show');
            clone.style.display = 'block';

            flyout = document.createElement('div');
            flyout.className = 'aside-flyout';
            const title = trigger.getAttribute('data-submenu-title') || 'Menu';
            flyout.innerHTML = '<div class="aside-flyout-title">' + title + '</div>';
            flyout.appendChild(clone);
            document.body.appendChild(flyout);

            const tr = trigger.getBoundingClientRect();
            const ar = aside.getBoundingClientRect();
            const top = Math.max(8, Math.min(window.innerHeight - flyout.offsetHeight - 8, tr.top - 6));

            flyout.style.left = (ar.right + 8) + 'px';
            flyout.style.top = top + 'px';

            flyout.addEventListener('mouseenter', function () {
                if (flyoutCloseTimer) {
                    clearTimeout(flyoutCloseTimer);
                    flyoutCloseTimer = null;
                }
            });
            flyout.addEventListener('mouseleave', scheduleFlyoutClose);

            flyoutTrigger = trigger;
        }

        aside.addEventListener('mouseenter', function (e) {
            const trigger = e.target.closest('button[data-bs-toggle="collapse"]');
            if (!trigger || !aside.classList.contains('is-minimized')) return;

            if (flyoutCloseTimer) {
                clearTimeout(flyoutCloseTimer);
                flyoutCloseTimer = null;
            }

            if (flyoutTrigger !== trigger) {
                openFlyout(trigger);
            }
        }, true);

        aside.addEventListener('mouseleave', function () {
            if (aside.classList.contains('is-minimized')) scheduleFlyoutClose();
        });

        document.addEventListener('click', function (e) {
            const denied = e.target.closest('.js-aside-access-denied');
            if (!denied) return;

            e.preventDefault();
            e.stopPropagation();

            const message = denied.getAttribute('data-access-message') || 'Acces refuse - contactez l administrateur';
            if (window.Swal && typeof window.Swal.fire === 'function') {
                window.Swal.fire({
                    icon: 'error',
                    title: 'Acces refuse',
                    text: message
                });
                return;
            }

            window.alert(message);
        });

        aside.addEventListener('click', function (e) {
            const trigger = e.target.closest('button[data-bs-toggle="collapse"]');
            if (!trigger) return;

            if (!aside.classList.contains('is-minimized')) {
                closeFlyout();
                return;
            }

            e.preventDefault();
            e.stopPropagation();

            if (flyout && flyoutTrigger === trigger) {
                closeFlyout();
                return;
            }

            openFlyout(trigger);
        });

        document.addEventListener('click', function (e) {
            if (!flyout) return;
            if (e.target.closest('.aside-flyout')) return;
            if (e.target.closest('#crmAside button[data-bs-toggle="collapse"]')) return;
            closeFlyout();
        });

        document.addEventListener('keydown', function (e) {
            if (e.key === 'Escape') closeFlyout();
        });

        window.addEventListener('resize', function () {
            if (!aside.classList.contains('is-minimized')) closeFlyout();
        });

        if (btnMini) {
            btnMini.addEventListener('click', function (e) {
                e.preventDefault();
                aside.classList.toggle('is-minimized');
                if (aside.classList.contains('is-minimized')) {
                    collapseDesktopSubmenus();
                }
                localStorage.setItem(STORAGEKEY, aside.classList.contains('is-minimized') ? 'minimized' : 'expanded');
                if (!aside.classList.contains('is-minimized')) closeFlyout();
                syncMinimizedTooltips();
            });
        }

        if (aside.classList.contains('is-minimized')) {
            collapseDesktopSubmenus();
        }

        syncMinimizedTooltips();
    })();
</script>
{% endblock %}