{% set navigation = navigation_service.getUserNavigation() %}

{% if navigation|length > 0 %}
    {% for section in navigation %}
        {% if section.sous_sections|length > 0 %}
            {{ component('SidebarTipee', {
                title: section.nom,
                id: 'section_' ~ section.id,
                items: section.sous_sections|map(sous_section => {
                    'route': sous_section.route,
                    'icon': sous_section.icon,
                    'label': sous_section.nom,
                    'params': sous_section.params is defined ? sous_section.params : {}
                }),
                show: true,
                collapsible: true
            }) }}
        {% endif %}
    {% endfor %}
{% else %}
    <!-- Aucune section accessible -->
    <div class="p-4 text-center text-gray-500">
        <i class="fas fa-exclamation-triangle text-2xl mb-2"></i>
        <p class="text-sm">Aucune section accessible</p>
    </div>
{% endif %}