{#
    Menu Employer - Navigation pour le rôle ROLE_EMPLOYER

    Items inclus:
    - Dashboard
    - Mon Profil
    - Mes Médias

    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_employer_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_employer_dashboard' ? 'bg-neutral-tertiary text-fg-brand' : '' }}">
            <svg class="w-5 h-5 transition duration-75 {{ currentRoute starts with 'app_employer_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>

    {# ============================================
         SECTION DEPENSES
         ============================================ #}
    <li class="pt-2 mt-2 border-t border-gray-200 dark:border-gray-700">
        <span class="px-2 text-xs font-semibold text-gray-400 uppercase tracking-wider">Dépenses</span>
    </li>

    <li>
        <a href="{{ path('employer_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 'employer_expenses' ? 'bg-neutral-tertiary text-fg-brand' : '' }}">
            <svg class="w-5 h-5 transition duration-75 {{ currentRoute starts with 'employer_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">Mes Dépenses</span>
        </a>
    </li>

    {# ============================================
         SECTION POS - Visible si l'employé a un rôle POS
         ============================================ #}

    {% set hasPosAccess = is_granted('POS_ACCESS', app.user.primaryCompany|default(null)) %}

    {% if hasPosAccess %}
        {# Séparateur #}
        <li class="pt-2 mt-2 border-t border-gray-200 dark:border-gray-700">
            <span class="px-2 text-xs font-semibold text-gray-400 uppercase tracking-wider">Point de Vente</span>
        </li>

        {# Caisse #}
        {% if is_granted('POS_SELL', app.user.primaryCompany) %}
        <li>
            <a href="{{ path('employer_pos_cashier_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 'employer_pos_cashier' ? 'bg-neutral-tertiary text-fg-brand' : '' }}">
                <svg class="w-5 h-5 transition duration-75 {{ currentRoute starts with 'employer_pos_cashier' ? '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 7h6m0 10v-3m-3 3h.01M9 17h.01M9 14h.01M12 14h.01M15 11h.01M12 11h.01M9 11h.01M7 21h10a2 2 0 002-2V5a2 2 0 00-2-2H7a2 2 0 00-2 2v14a2 2 0 002 2z"/>
                </svg>
                <span class="ms-3">Caisse</span>
            </a>
        </li>
        {% endif %}

        {# Stock #}
        {% if is_granted('POS_STOCK', app.user.primaryCompany) %}
        <li>
            <a href="{{ path('employer_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 'employer_pos_stock' ? 'bg-neutral-tertiary text-fg-brand' : '' }}">
                <svg class="w-5 h-5 transition duration-75 {{ currentRoute starts with 'employer_pos_stock' ? '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="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"/>
                </svg>
                <span class="ms-3">Stock</span>
            </a>
        </li>
        {% endif %}

        {# Rapports #}
        {% if is_granted('POS_REPORTS', app.user.primaryCompany) %}
        <li>
            <a href="{{ path('employer_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 'employer_pos_reports' ? 'bg-neutral-tertiary text-fg-brand' : '' }}">
                <svg class="w-5 h-5 transition duration-75 {{ currentRoute starts with 'employer_pos_reports' ? '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 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"/>
                </svg>
                <span class="ms-3">Rapports</span>
            </a>
        </li>
        {% endif %}
    {% endif %}

    {# ====== Mes Équipements ====== #}
    {% if app.user.primaryCompany is not null and is_granted('EQUIPMENT_ACCESS', app.user.primaryCompany) %}
    <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">
            Mes Équipements
        </span>
    </li>

    <li>
        <a href="{{ path('employer_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 'employer_equipment' ? 'bg-neutral-tertiary text-fg-brand' : '' }}">
            <svg class="w-5 h-5 transition duration-75 {{ currentRoute starts with 'employer_equipment' ? '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 7h14M5 12h14M5 17h10"/>
            </svg>
            <span class="ms-3">Mon Matériel</span>
        </a>
    </li>
    {% endif %}

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