{% set menu = menu|default(app_menu_items()) %}

<aside class="side-mini-panel with-vertical">
    <div class="iconbar">
        <div>
            <div class="mini-nav">
                <div class="brand-logo d-flex align-items-center justify-content-center bg-primary">
                    <button class="nav-link sidebartoggler border-0 bg-transparent" type="button" data-action="sidebar#toggle" aria-label="Basculer le menu">
                        <iconify-icon icon="solar:hamburger-menu-line-duotone" class="fs-7 text-white"></iconify-icon>
                    </button>
                </div>
                <ul class="mini-nav-ul bg-primary" data-simplebar>
                    {% for section in menu %}
                        <li class="mini-nav-item bg-primary {{ section.active|default(false) ? ' selected' : '' }}" id="{{ section.id }}" data-sidebar-target="miniItem" data-action="click->sidebar#selectMiniMenu">
                            <a href="#" data-bs-toggle="tooltip" data-bs-custom-class="custom-tooltip" data-bs-placement="right" data-bs-title="{{ section.label }}">
                                <iconify-icon icon="{{ section.icon }}" class="fs-7 text-white"></iconify-icon>
                            </a>
                        </li>
                    {% endfor %}
                </ul>
            </div>

            <div class="sidebarmenu">
                <div class="brand-logo d-flex align-items-center nav-logo">
                    <a href="{{ path(is_granted('ROLE_MECENE') ? 'app_mecene_dashboard' : 'app_dashboard') }}" class="text-nowrap logo-img">
                        <img src="{{ asset('vendor/matdash/images/logos/logo.svg') }}" alt="AppBase" height="64">
                    </a>
                </div>

                {% for section in menu %}
                    <nav class="sidebar-nav{{ section.active|default(false) ? ' d-block' : '' }}" id="menu-right-{{ section.id }}" data-sidebar-target="menuPanel" data-simplebar>
                        {% if section.id|default('') == 'mini-projetview' %}
                            {% set section_logo = section.photo|default(null) %}
                            {% set section_logo_src = section_logo and (section_logo starts with 'http' or section_logo starts with '/') ? section_logo : (section_logo ? asset(section_logo) : null) %}
                            <a href="{{ path('app_under_construction') }}" class="project-sidebar-brand text-decoration-none">
                                <div class="profil-header text-center p-3  align-items-center">
                                    {% if section_logo_src %}
                                        <img src="{{ section_logo_src }}" alt="{{ section.label }}" width="120">
                                    {% else %}
                                        <span class="project-sidebar-brand-fallback">{{ section.label|first|upper }}</span>
                                    {% endif %}                                
                                    <h5 class="mb-0 mt-1">{{ section.label }}</h5>
                                    <small class="text-muted"></small>
                                </div>
                            </a>
                        {% endif %}
                        <ul class="sidebar-menu" id="{{ loop.first ? 'sidebarnav' : 'sidebarnav-' ~ loop.index }}">
                            <li class="nav-small-cap"><span class="hide-menu">{{ section.label }}</span></li>
                            {% for item in section.items %}
                                {% include '@App/partials/layout/_sidebar_item.html.twig' with {item: item} only %}
                            {% endfor %}
                        </ul>
                    </nav>
                {% endfor %}
            </div>
        </div>
    </div>
</aside>