{#
    Menu Manager - Navigation pour le rôle ROLE_MANAGER

    Items inclus:
    - Dashboard
    - Mon Profil
    - Mes Médias
    - Notifications
    - Entreprises
    - Gestion Utilisateurs
    - Mes Médias (Manager)

    Structure extensible: Ajoutez facilement de nouveaux items ci-dessous
#}

{% set currentRoute = app.request.get('_route') %}

<ul class="space-y-2 font-medium">
    {# Dashboard #}
    <li>
        <a href="{{ path('app_manager_dashboard') }}"
           class="flex items-center px-2 py-1.5 text-body rounded-base hover:bg-neutral-tertiary hover:text-fg-brand group {{ currentRoute starts with 'app_manager_dashboard' ? 'bg-neutral-tertiary text-fg-brand' : '' }}">
            <svg class="w-5 h-5 transition duration-75 {{ currentRoute starts with 'app_manager_dashboard' ? 'text-fg-brand' : 'group-hover:text-fg-brand' }}"
                 aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6.025A7.5 7.5 0 1 0 17.975 14H10V6.025Z"/>
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.5 3c-.169 0-.334.014-.5.025V11h7.975c.011-.166.025-.331.025-.5A7.5 7.5 0 0 0 13.5 3Z"/>
            </svg>
            <span class="ms-3">Dashboard</span>
        </a>
    </li>

    {# Mon Profil #}
    <li>
        <a href="{{ path('app_profile_view') }}"
           class="flex items-center px-2 py-1.5 text-body rounded-base hover:bg-neutral-tertiary hover:text-fg-brand group {{ currentRoute starts with 'app_profile' ? 'bg-neutral-tertiary text-fg-brand' : '' }}">
            <svg class="w-5 h-5 transition duration-75 {{ currentRoute starts with 'app_profile' ? 'text-fg-brand' : 'group-hover:text-fg-brand' }}"
                 aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18Zm0 0a8.949 8.949 0 0 0 4.951-1.488A3.987 3.987 0 0 0 13 16h-2a3.987 3.987 0 0 0-3.951 3.512A8.948 8.948 0 0 0 12 21Zm3-11a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
            </svg>
            <span class="ms-3">Mon Profil</span>
        </a>
    </li>

    {# Mes Médias #}
    <li>
        <a href="{{ path('user_media_index') }}"
           class="flex items-center px-2 py-1.5 text-body rounded-base hover:bg-neutral-tertiary hover:text-fg-brand group {{ currentRoute starts with 'user_media' ? 'bg-neutral-tertiary text-fg-brand' : '' }}">
            <svg class="w-5 h-5 transition duration-75 {{ currentRoute starts with 'user_media' ? 'text-fg-brand' : 'group-hover:text-fg-brand' }}"
                 aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z"/>
            </svg>
            <span class="ms-3">Mes Médias</span>
        </a>
    </li>

    {# Notifications #}
    <li>
        <a href="{{ path('notifications_index') }}"
           class="flex items-center px-2 py-1.5 text-body rounded-base hover:bg-neutral-tertiary hover:text-fg-brand group {{ currentRoute starts with 'notifications' ? 'bg-neutral-tertiary text-fg-brand' : '' }}">
            <svg class="w-5 h-5 transition duration-75 {{ currentRoute starts with 'notifications' ? 'text-fg-brand' : 'group-hover:text-fg-brand' }}"
                 aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 5.365V3m0 2.365a5.338 5.338 0 0 1 5.133 5.368v1.8c0 2.386 1.867 2.982 1.867 4.175 0 .593 0 1.292-.538 1.292H5.538C5 18 5 17.301 5 16.708c0-1.193 1.867-1.789 1.867-4.175v-1.8A5.338 5.338 0 0 1 12 5.365ZM8.733 18c.094.852.306 1.54.944 2.112a3.48 3.48 0 0 0 4.646 0c.638-.572 1.236-1.26 1.33-2.112h-6.92Z"/>
            </svg>
            <span class="ms-3">Notifications</span>
            {% set unreadCount = get_unread_notifications_count(app.user) %}
            {% if unreadCount > 0 %}
                <span class="inline-flex items-center justify-center w-5 h-5 ms-auto text-xs font-semibold text-white bg-red-500 rounded-full">
                    {{ unreadCount }}
                </span>
            {% endif %}
        </a>
    </li>

    {# Entreprises #}
    <li>
        <a href="{{ path('admin_companies_index') }}"
           class="flex items-center px-2 py-1.5 text-body rounded-base hover:bg-neutral-tertiary hover:text-fg-brand group {{ currentRoute starts with 'admin_companies' ? 'bg-neutral-tertiary text-fg-brand' : '' }}">
            <svg class="w-5 h-5 transition duration-75 {{ currentRoute starts with 'admin_companies' ? 'text-fg-brand' : 'group-hover:text-fg-brand' }}"
                 aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 4h12M6 4v16M6 4H5m13 0v16m0-16h1m-1 16H6m12 0h1M6 20H5M9 7h1v1H9V7Zm5 0h1v1h-1V7Zm-5 4h1v1H9v-1Zm5 0h1v1h-1v-1Zm-3 4h2a1 1 0 0 1 1 1v4h-4v-4a1 1 0 0 1 1-1Z"/>
            </svg>
            <span class="ms-3">Mon Entreprise</span>
        </a>
    </li>

    {# Gestion Utilisateurs #}
    <li>
        <a href="{{ path('manager_users_index') }}"
           class="flex items-center px-2 py-1.5 text-body rounded-base hover:bg-neutral-tertiary hover:text-fg-brand group {{ currentRoute starts with 'manager_users' ? 'bg-neutral-tertiary text-fg-brand' : '' }}">
            <svg class="w-5 h-5 transition duration-75 {{ currentRoute starts with 'manager_users' ? 'text-fg-brand' : 'group-hover:text-fg-brand' }}"
                 aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
                <path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M4.5 17H4a1 1 0 0 1-1-1 3 3 0 0 1 3-3h1m0-3.05A2.5 2.5 0 1 1 9 5.5M19.5 17h.5a1 1 0 0 0 1-1 3 3 0 0 0-3-3h-1m0-3.05a2.5 2.5 0 1 0-2-4.45m.5 13.5h-7a1 1 0 0 1-1-1 3 3 0 0 1 3-3h3a3 3 0 0 1 3 3 1 1 0 0 1-1 1Zm-1-9.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0Z"/>
            </svg>
            <span class="ms-3">Gestion Utilisateurs</span>
        </a>
    </li>

    {# Mes Médias (Manager) #}
    <li>
        <a href="{{ path('app_manager_media_index') }}"
           class="flex items-center px-2 py-1.5 text-body rounded-base hover:bg-neutral-tertiary hover:text-fg-brand group {{ currentRoute starts with 'app_manager_media' ? 'bg-neutral-tertiary text-fg-brand' : '' }}">
            <svg class="w-5 h-5 transition duration-75 {{ currentRoute starts with 'app_manager_media' ? 'text-fg-brand' : 'group-hover:text-fg-brand' }}"
                 aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m3 16 5-7 6 6.5m6.5 2.5L16 13l-4.3 6M14 10h.01M4 19h16a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1Z"/>
            </svg>
            <span class="ms-3">Mes Médias</span>
        </a>
    </li>

    {# ====== DEPENSES ====== #}
    <li class="pt-2 mt-2 border-t border-default">
        <span class="flex items-center px-2 py-1 text-xs font-semibold text-body-light uppercase tracking-wider">
            Dépenses
        </span>
    </li>

    {# Dépenses - Liste #}
    <li>
        <a href="{{ path('manager_expenses_index') }}"
           class="flex items-center px-2 py-1.5 text-body rounded-base hover:bg-neutral-tertiary hover:text-fg-brand group {{ currentRoute starts with 'manager_expenses' ? 'bg-neutral-tertiary text-fg-brand' : '' }}">
            <svg class="w-5 h-5 transition duration-75 {{ currentRoute starts with 'manager_expenses' ? 'text-fg-brand' : 'group-hover:text-fg-brand' }}"
                 fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 14l6-6m-5.5.5h.01m4.99 5h.01M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16l3.5-2 3.5 2 3.5-2 3.5 2zM10 8.5a.5.5 0 11-1 0 .5.5 0 011 0zm5 5a.5.5 0 11-1 0 .5.5 0 011 0z"/>
            </svg>
            <span class="ms-3">Dépenses</span>
        </a>
    </li>

    {# Dépenses - Catégories #}
    <li>
        <a href="{{ path('manager_expense_categories_index') }}"
           class="flex items-center px-2 py-1.5 text-body rounded-base hover:bg-neutral-tertiary hover:text-fg-brand group {{ currentRoute starts with 'manager_expense_categories' ? 'bg-neutral-tertiary text-fg-brand' : '' }}">
            <svg class="w-5 h-5 transition duration-75 {{ currentRoute starts with 'manager_expense_categories' ? 'text-fg-brand' : 'group-hover:text-fg-brand' }}"
                 fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"/>
            </svg>
            <span class="ms-3">Catégories dépenses</span>
        </a>
    </li>

    {# ====== POS - Point de Vente ====== #}
    <li class="pt-2 mt-2 border-t border-default">
        <span class="flex items-center px-2 py-1 text-xs font-semibold text-body-light uppercase tracking-wider">
            Point de Vente
        </span>
    </li>

    {# POS - Paramètres #}
    <li>
        <a href="{{ path('manager_pos_settings_index') }}"
           class="flex items-center px-2 py-1.5 text-body rounded-base hover:bg-neutral-tertiary hover:text-fg-brand group {{ currentRoute starts with 'manager_pos_settings' ? 'bg-neutral-tertiary text-fg-brand' : '' }}">
            <svg class="w-5 h-5 transition duration-75 {{ currentRoute starts with 'manager_pos_settings' ? 'text-fg-brand' : 'group-hover:text-fg-brand' }}"
                 aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 13v-2a1 1 0 0 0-1-1h-.757l-.707-1.707.535-.536a1 1 0 0 0 0-1.414l-1.414-1.414a1 1 0 0 0-1.414 0l-.536.535L14 4.757V4a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v.757l-1.707.707-.536-.535a1 1 0 0 0-1.414 0L4.929 6.343a1 1 0 0 0 0 1.414l.535.536L4.757 10H4a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h.757l.707 1.707-.535.536a1 1 0 0 0 0 1.414l1.414 1.414a1 1 0 0 0 1.414 0l.536-.535L10 19.243V20a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-.757l1.707-.707.536.535a1 1 0 0 0 1.414 0l1.414-1.414a1 1 0 0 0 0-1.414l-.535-.536.707-1.707H20a1 1 0 0 0 1-1Z"/>
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z"/>
            </svg>
            <span class="ms-3">Config POS</span>
        </a>
    </li>

    {# POS - Produits #}
    <li>
        <a href="{{ path('manager_pos_products_index') }}"
           class="flex items-center px-2 py-1.5 text-body rounded-base hover:bg-neutral-tertiary hover:text-fg-brand group {{ currentRoute starts with 'manager_pos_products' ? 'bg-neutral-tertiary text-fg-brand' : '' }}">
            <svg class="w-5 h-5 transition duration-75 {{ currentRoute starts with 'manager_pos_products' ? 'text-fg-brand' : 'group-hover:text-fg-brand' }}"
                 aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7H4a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1ZM9 3v4M15 3v4"/>
            </svg>
            <span class="ms-3">Produits</span>
        </a>
    </li>

    {# POS - Catégories #}
    <li>
        <a href="{{ path('manager_pos_categories_index') }}"
           class="flex items-center px-2 py-1.5 text-body rounded-base hover:bg-neutral-tertiary hover:text-fg-brand group {{ currentRoute starts with 'manager_pos_categories' ? 'bg-neutral-tertiary text-fg-brand' : '' }}">
            <svg class="w-5 h-5 transition duration-75 {{ currentRoute starts with 'manager_pos_categories' ? 'text-fg-brand' : 'group-hover:text-fg-brand' }}"
                 aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.583 8.445h.01M10.86 19.71l-6.573-6.63a.993.993 0 0 1 0-1.4l7.329-7.394A.98.98 0 0 1 12.31 4l5.734.007A1.968 1.968 0 0 1 20 5.983v5.5a.992.992 0 0 1-.316.727l-7.44 7.5a.974.974 0 0 1-1.384.001Z"/>
            </svg>
            <span class="ms-3">Catégories</span>
        </a>
    </li>

    {# POS - Services #}
    <li>
        <a href="{{ path('manager_pos_services_index') }}"
           class="flex items-center px-2 py-1.5 text-body rounded-base hover:bg-neutral-tertiary hover:text-fg-brand group {{ currentRoute starts with 'manager_pos_services' ? 'bg-neutral-tertiary text-fg-brand' : '' }}">
            <svg class="w-5 h-5 transition duration-75 {{ currentRoute starts with 'manager_pos_services' ? 'text-fg-brand' : 'group-hover:text-fg-brand' }}"
                 aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.143 4H4.857A.857.857 0 0 0 4 4.857v4.286c0 .473.384.857.857.857h4.286A.857.857 0 0 0 10 9.143V4.857A.857.857 0 0 0 9.143 4Zm10 0h-4.286a.857.857 0 0 0-.857.857v4.286c0 .473.384.857.857.857h4.286A.857.857 0 0 0 20 9.143V4.857A.857.857 0 0 0 19.143 4Zm-10 10H4.857a.857.857 0 0 0-.857.857v4.286c0 .473.384.857.857.857h4.286a.857.857 0 0 0 .857-.857v-4.286A.857.857 0 0 0 9.143 14Zm10 0h-4.286a.857.857 0 0 0-.857.857v4.286c0 .473.384.857.857.857h4.286a.857.857 0 0 0 .857-.857v-4.286a.857.857 0 0 0-.857-.857Z"/>
            </svg>
            <span class="ms-3">Services</span>
        </a>
    </li>

    {# POS - Categories de services #}
    <li>
        <a href="{{ path('manager_pos_service_categories_index') }}"
           class="flex items-center px-2 py-1.5 text-body rounded-base hover:bg-neutral-tertiary hover:text-fg-brand group {{ currentRoute starts with 'manager_pos_service_categories' ? 'bg-neutral-tertiary text-fg-brand' : '' }}">
            <svg class="w-5 h-5 transition duration-75 {{ currentRoute starts with 'manager_pos_service_categories' ? 'text-fg-brand' : 'group-hover:text-fg-brand' }}"
                 aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.583 8.445h.01M10.86 19.71l-6.573-6.63a.993.993 0 0 1 0-1.4l7.329-7.394A.98.98 0 0 1 12.31 4l5.734.007A1.968 1.968 0 0 1 20 5.983v5.5a.992.992 0 0 1-.316.727l-7.44 7.5a.974.974 0 0 1-1.384.001Z"/>
            </svg>
            <span class="ms-3">Cat. Services</span>
        </a>
    </li>

    {# POS - Executions de services #}
    <li>
        <a href="{{ path('manager_pos_service_executions_index') }}"
           class="flex items-center px-2 py-1.5 text-body rounded-base hover:bg-neutral-tertiary hover:text-fg-brand group {{ currentRoute starts with 'manager_pos_service_executions' ? 'bg-neutral-tertiary text-fg-brand' : '' }}">
            <svg class="w-5 h-5 transition duration-75 {{ currentRoute starts with 'manager_pos_service_executions' ? 'text-fg-brand' : 'group-hover:text-fg-brand' }}"
                 aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8.5 11.5 11 14l4-4m6 2a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
            </svg>
            <span class="ms-3">Suivi Executions</span>
        </a>
    </li>

    {# POS - Stock #}
    <li>
        <a href="{{ path('manager_pos_stock_index') }}"
           class="flex items-center px-2 py-1.5 text-body rounded-base hover:bg-neutral-tertiary hover:text-fg-brand group {{ currentRoute starts with 'manager_pos_stock' ? 'bg-neutral-tertiary text-fg-brand' : '' }}">
            <svg class="w-5 h-5 transition duration-75 {{ currentRoute starts with 'manager_pos_stock' ? 'text-fg-brand' : 'group-hover:text-fg-brand' }}"
                 aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 12c.263 0 .524-.06.767-.175a2 2 0 0 0 .65-.491c.186-.21.333-.46.433-.734.1-.274.15-.568.15-.866V8h8.133a2.01 2.01 0 0 0-.15.866c0 .298.05.592.15.866.1.274.247.524.433.734.186.21.413.375.65.491.243.116.504.175.767.175h.133V18H6v-6Zm0 0H3l3.5-6h11L21 12h-3"/>
            </svg>
            <span class="ms-3">Stock</span>
        </a>
    </li>

    {# POS - Inventaires #}
    <li>
        <a href="{{ path('manager_pos_inventories_index') }}"
           class="flex items-center px-2 py-1.5 text-body rounded-base hover:bg-neutral-tertiary hover:text-fg-brand group {{ currentRoute starts with 'manager_pos_inventories' ? 'bg-neutral-tertiary text-fg-brand' : '' }}">
            <svg class="w-5 h-5 transition duration-75 {{ currentRoute starts with 'manager_pos_inventories' ? 'text-fg-brand' : 'group-hover:text-fg-brand' }}"
                 aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 4h3a1 1 0 0 1 1 1v15a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h3m0 3h6m-6 4h6m-6 4h6M10 3v4h4V3h-4Z"/>
            </svg>
            <span class="ms-3">Inventaires</span>
        </a>
    </li>

    {# POS - Fournisseurs #}
    <li>
        <a href="{{ path('manager_pos_suppliers_index') }}"
           class="flex items-center px-2 py-1.5 text-body rounded-base hover:bg-neutral-tertiary hover:text-fg-brand group {{ currentRoute starts with 'manager_pos_suppliers' ? 'bg-neutral-tertiary text-fg-brand' : '' }}">
            <svg class="w-5 h-5 transition duration-75 {{ currentRoute starts with 'manager_pos_suppliers' ? 'text-fg-brand' : 'group-hover:text-fg-brand' }}"
                 aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7h6l2 4m-8-4v8m0-8V6a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v9h2m8 0H9m4 0h2m4 0h2v-4m0 0h-5m3.5 5.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0Zm-10 0a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0Z"/>
            </svg>
            <span class="ms-3">Fournisseurs</span>
        </a>
    </li>

    {# POS - Commandes #}
    <li>
        <a href="{{ path('manager_pos_purchase_orders_index') }}"
           class="flex items-center px-2 py-1.5 text-body rounded-base hover:bg-neutral-tertiary hover:text-fg-brand group {{ currentRoute starts with 'manager_pos_purchase_orders' ? 'bg-neutral-tertiary text-fg-brand' : '' }}">
            <svg class="w-5 h-5 transition duration-75 {{ currentRoute starts with 'manager_pos_purchase_orders' ? 'text-fg-brand' : 'group-hover:text-fg-brand' }}"
                 aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 8h6m-6 4h6m-6 4h6M6 3v18l2-2 2 2 2-2 2 2 2-2 2 2V3l-2 2-2-2-2 2-2-2-2 2-2-2Z"/>
            </svg>
            <span class="ms-3">Commandes</span>
        </a>
    </li>

    {# POS - Ventes #}
    <li>
        <a href="{{ path('manager_pos_sales_index') }}"
           class="flex items-center px-2 py-1.5 text-body rounded-base hover:bg-neutral-tertiary hover:text-fg-brand group {{ currentRoute starts with 'manager_pos_sales' ? 'bg-neutral-tertiary text-fg-brand' : '' }}">
            <svg class="w-5 h-5 transition duration-75 {{ currentRoute starts with 'manager_pos_sales' ? 'text-fg-brand' : 'group-hover:text-fg-brand' }}"
                 aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 4h1.5L9 16m0 0h8m-8 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm8 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm-8.5-3h9.25L19 7H7.312"/>
            </svg>
            <span class="ms-3">Ventes</span>
        </a>
    </li>

    {# POS - Remboursements #}
    <li>
        <a href="{{ path('manager_pos_refunds_index') }}"
           class="flex items-center px-2 py-1.5 text-body rounded-base hover:bg-neutral-tertiary hover:text-fg-brand group {{ currentRoute starts with 'manager_pos_refunds' ? 'bg-neutral-tertiary text-fg-brand' : '' }}">
            <svg class="w-5 h-5 transition duration-75 {{ currentRoute starts with 'manager_pos_refunds' ? 'text-fg-brand' : 'group-hover:text-fg-brand' }}"
                 aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 9h13a5 5 0 0 1 0 10H7M3 9l4-4M3 9l4 4"/>
            </svg>
            <span class="ms-3">Remboursements</span>
        </a>
    </li>

    {# POS - Clients #}
    <li>
        <a href="{{ path('manager_pos_customers_index') }}"
           class="flex items-center px-2 py-1.5 text-body rounded-base hover:bg-neutral-tertiary hover:text-fg-brand group {{ currentRoute starts with 'manager_pos_customers' ? 'bg-neutral-tertiary text-fg-brand' : '' }}">
            <svg class="w-5 h-5 transition duration-75 {{ currentRoute starts with 'manager_pos_customers' ? 'text-fg-brand' : 'group-hover:text-fg-brand' }}"
                 aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 19h4a1 1 0 0 0 1-1v-1a3 3 0 0 0-3-3h-2m-2.236-4a3 3 0 1 0 0-4M3 18v-1a3 3 0 0 1 3-3h4a3 3 0 0 1 3 3v1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1Zm8-10a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
            </svg>
            <span class="ms-3">Clients</span>
        </a>
    </li>

    {# POS - Caisses #}
    <li>
        <a href="{{ path('manager_pos_registers_index') }}"
           class="flex items-center px-2 py-1.5 text-body rounded-base hover:bg-neutral-tertiary hover:text-fg-brand group {{ currentRoute starts with 'manager_pos_registers' ? 'bg-neutral-tertiary text-fg-brand' : '' }}">
            <svg class="w-5 h-5 transition duration-75 {{ currentRoute starts with 'manager_pos_registers' ? 'text-fg-brand' : 'group-hover:text-fg-brand' }}"
                 aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4h1.5L8 16m0 0h8m-8 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm8 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4ZM6 6h14l-1 7H7L6 6Z"/>
            </svg>
            <span class="ms-3">Caisses</span>
        </a>
    </li>

    {# POS - Rapports #}
    <li>
        <a href="{{ path('manager_pos_reports_dashboard') }}"
           class="flex items-center px-2 py-1.5 text-body rounded-base hover:bg-neutral-tertiary hover:text-fg-brand group {{ currentRoute starts with 'manager_pos_reports' ? 'bg-neutral-tertiary text-fg-brand' : '' }}">
            <svg class="w-5 h-5 transition duration-75 {{ currentRoute starts with 'manager_pos_reports' ? 'text-fg-brand' : 'group-hover:text-fg-brand' }}"
                 aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v15a1 1 0 0 0 1 1h15M8 16l2.5-5.5 3 3L17.273 7 20 9.667"/>
            </svg>
            <span class="ms-3">Rapports</span>
        </a>
    </li>

    {# POS - Employés #}
    <li>
        <a href="{{ path('manager_pos_employees_index') }}"
           class="flex items-center px-2 py-1.5 text-body rounded-base hover:bg-neutral-tertiary hover:text-fg-brand group {{ currentRoute starts with 'manager_pos_employees' ? 'bg-neutral-tertiary text-fg-brand' : '' }}">
            <svg class="w-5 h-5 transition duration-75 {{ currentRoute starts with 'manager_pos_employees' ? 'text-fg-brand' : 'group-hover:text-fg-brand' }}"
                 aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18Zm0 0a8.949 8.949 0 0 0 4.951-1.488A3.987 3.987 0 0 0 13 16h-2a3.987 3.987 0 0 0-3.951 3.512A8.948 8.948 0 0 0 12 21Zm3-11a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
            </svg>
            <span class="ms-3">Employés POS</span>
        </a>
    </li>

    {# POS - Journal d'audit #}
    <li>
        <a href="{{ path('manager_pos_audit_logs_index') }}"
           class="flex items-center px-2 py-1.5 text-body rounded-base hover:bg-neutral-tertiary hover:text-fg-brand group {{ currentRoute starts with 'manager_pos_audit_logs' ? 'bg-neutral-tertiary text-fg-brand' : '' }}">
            <svg class="w-5 h-5 transition duration-75 {{ currentRoute starts with 'manager_pos_audit_logs' ? 'text-fg-brand' : 'group-hover:text-fg-brand' }}"
                 aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
            </svg>
            <span class="ms-3">Journal d'audit</span>
        </a>
    </li>

    {# ====== Gestion du Matériel ====== #}
    <li class="pt-2 mt-2 border-t border-default">
        <span class="flex items-center px-2 py-1 text-xs font-semibold text-body-light uppercase tracking-wider">
            Gestion Matériel
        </span>
    </li>

    {# Équipements - Dashboard #}
    <li>
        <a href="{{ path('manager_equipment_dashboard') }}"
           class="flex items-center px-2 py-1.5 text-body rounded-base hover:bg-neutral-tertiary hover:text-fg-brand group {{ currentRoute starts with 'manager_equipment_dashboard' ? 'bg-neutral-tertiary text-fg-brand' : '' }}">
            <svg class="w-5 h-5 transition duration-75 {{ currentRoute starts with 'manager_equipment_dashboard' ? 'text-fg-brand' : 'group-hover:text-fg-brand' }}"
                 aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.143 4H4.857A.857.857 0 0 0 4 4.857v4.286c0 .473.384.857.857.857h4.286A.857.857 0 0 0 10 9.143V4.857A.857.857 0 0 0 9.143 4Zm10 0h-4.286a.857.857 0 0 0-.857.857v4.286c0 .473.384.857.857.857h4.286A.857.857 0 0 0 20 9.143V4.857A.857.857 0 0 0 19.143 4Zm-10 10H4.857a.857.857 0 0 0-.857.857v4.286c0 .473.384.857.857.857h4.286a.857.857 0 0 0 .857-.857v-4.286A.857.857 0 0 0 9.143 14Zm10 0h-4.286a.857.857 0 0 0-.857.857v4.286c0 .473.384.857.857.857h4.286a.857.857 0 0 0 .857-.857v-4.286a.857.857 0 0 0-.857-.857Z"/>
            </svg>
            <span class="ms-3">Dashboard Matériel</span>
        </a>
    </li>

    {# Équipements #}
    <li>
        <a href="{{ path('manager_equipment_index') }}"
           class="flex items-center px-2 py-1.5 text-body rounded-base hover:bg-neutral-tertiary hover:text-fg-brand group {{ currentRoute starts with 'manager_equipment_' and not currentRoute starts with 'manager_equipment_dashboard' and not currentRoute starts with 'manager_equipment_categories' and not currentRoute starts with 'manager_equipment_losses' and not currentRoute starts with 'manager_equipment_repairs' and not currentRoute starts with 'manager_equipment_maintenance' and not currentRoute starts with 'manager_equipment_incidents' ? 'bg-neutral-tertiary text-fg-brand' : '' }}">
            <svg class="w-5 h-5 transition duration-75 group-hover:text-fg-brand"
                 aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 7h14M5 12h14M5 17h10"/>
            </svg>
            <span class="ms-3">Équipements</span>
        </a>
    </li>

    {# Catégories Équipements #}
    <li>
        <a href="{{ path('manager_equipment_categories_index') }}"
           class="flex items-center px-2 py-1.5 text-body rounded-base hover:bg-neutral-tertiary hover:text-fg-brand group {{ currentRoute starts with 'manager_equipment_categories' ? 'bg-neutral-tertiary text-fg-brand' : '' }}">
            <svg class="w-5 h-5 transition duration-75 {{ currentRoute starts with 'manager_equipment_categories' ? 'text-fg-brand' : 'group-hover:text-fg-brand' }}"
                 aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.5 8H4m0-2v13a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1h-5.032a1 1 0 0 1-.768-.36l-1.7-2.04A1 1 0 0 0 10.732 5H5a1 1 0 0 0-1 1Z"/>
            </svg>
            <span class="ms-3">Catégories</span>
        </a>
    </li>

    {# Déclarations de perte #}
    <li>
        <a href="{{ path('manager_equipment_losses_index') }}"
           class="flex items-center px-2 py-1.5 text-body rounded-base hover:bg-neutral-tertiary hover:text-fg-brand group {{ currentRoute starts with 'manager_equipment_losses' ? 'bg-neutral-tertiary text-fg-brand' : '' }}">
            <svg class="w-5 h-5 transition duration-75 {{ currentRoute starts with 'manager_equipment_losses' ? 'text-fg-brand' : 'group-hover:text-fg-brand' }}"
                 aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v4m0 4h.01M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
            </svg>
            <span class="ms-3">Pertes</span>
        </a>
    </li>

    {# Réparations #}
    <li>
        <a href="{{ path('manager_equipment_repairs_index') }}"
           class="flex items-center px-2 py-1.5 text-body rounded-base hover:bg-neutral-tertiary hover:text-fg-brand group {{ currentRoute starts with 'manager_equipment_repairs' ? 'bg-neutral-tertiary text-fg-brand' : '' }}">
            <svg class="w-5 h-5 transition duration-75 {{ currentRoute starts with 'manager_equipment_repairs' ? 'text-fg-brand' : 'group-hover:text-fg-brand' }}"
                 aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11.42 15.17 17.25 21A2.652 2.652 0 0 0 21 17.25l-5.877-5.877M11.42 15.17l2.496-3.03c.317-.384.74-.626 1.208-.766M11.42 15.17l-4.655 5.653a2.548 2.548 0 1 1-3.586-3.586l6.837-5.63m5.108-.233c.55-.164 1.163-.188 1.743-.14a4.5 4.5 0 0 0 4.486-6.336l-3.276 3.277a3.004 3.004 0 0 1-2.25-2.25l3.276-3.276a4.5 4.5 0 0 0-6.336 4.486c.091 1.076-.071 2.264-.904 2.95l-.102.085"/>
            </svg>
            <span class="ms-3">Réparations</span>
        </a>
    </li>

    {# Maintenance #}
    <li>
        <a href="{{ path('manager_equipment_maintenance_index') }}"
           class="flex items-center px-2 py-1.5 text-body rounded-base hover:bg-neutral-tertiary hover:text-fg-brand group {{ currentRoute starts with 'manager_equipment_maintenance' ? 'bg-neutral-tertiary text-fg-brand' : '' }}">
            <svg class="w-5 h-5 transition duration-75 {{ currentRoute starts with 'manager_equipment_maintenance' ? 'text-fg-brand' : 'group-hover:text-fg-brand' }}"
                 aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V6a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v1m4 4v8a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-8h16ZM4 7h16a1 1 0 0 1 1 1v3H3V8a1 1 0 0 1 1-1Z"/>
            </svg>
            <span class="ms-3">Maintenance</span>
        </a>
    </li>

    {# Incidents #}
    <li>
        <a href="{{ path('manager_equipment_incidents_index') }}"
           class="flex items-center px-2 py-1.5 text-body rounded-base hover:bg-neutral-tertiary hover:text-fg-brand group {{ currentRoute starts with 'manager_equipment_incidents' ? 'bg-neutral-tertiary text-fg-brand' : '' }}">
            <svg class="w-5 h-5 transition duration-75 {{ currentRoute starts with 'manager_equipment_incidents' ? 'text-fg-brand' : 'group-hover:text-fg-brand' }}"
                 aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 5.365V3m0 2.365a5.338 5.338 0 0 1 5.133 5.368v1.8c0 2.386 1.867 2.982 1.867 4.175C19 17.4 19 18 18.462 18H5.538C5 18 5 17.4 5 16.708c0-1.193 1.867-1.789 1.867-4.175v-1.8A5.338 5.338 0 0 1 12 5.365ZM8.733 18c.094.852.306 1.54.944 2.112a3.48 3.48 0 0 0 4.646 0c.638-.572 1.236-1.26 1.33-2.112h-6.92Z"/>
            </svg>
            <span class="ms-3">Incidents</span>
        </a>
    </li>

    {# ============================================
         ZONE EXTENSIBLE - Ajouter de nouveaux items ici
         ============================================ #}

    {# Liste d'icônes Heroicons disponibles: https://heroicons.com/ #}
</ul>