<ul class="navbar-nav sidebar accordion" id="sidebar-accordion">
  <div class="sidebar-header">
    <li class="sidebar-brand d-flex align-items-center justify-content-center">
      <div class="sidebar-brand-icon">
        <img
          width="40"
          height="40"
          src="{{ asset('/bundles/autoadmin/front/images/gda-logo-picto.png')|webp() }}"
          alt="Logo"
          loading="lazy"
        />
      </div>
      <a href="/" target="_blank">
        <div class="sidebar-brand-text ml-1 mr-3 px-1">
          <i class="fas fa-arrow-up-right-from-square"></i>
          <span>{{ 'show_site'|trans({}, 'aa_admin') }}</span>
        </div>
      </a>
    </li>
    <hr>
    {% for key, item in aa_admin_sidebar() %}
      {% if item.extra.header is defined and item.extra.header == true %}
        {% include '@AutoAdminAdmin/_partials/components/items/sidebar-item.html.twig' %}
      {% endif %}
    {% endfor %}
    <hr>
  </div>
  <div class="sidebar-body">
    {% for key, item in aa_admin_sidebar() %}
      {% if (item.extra.header is not defined or item.extra.header == false) and (item.extra.footer is not defined or item.extra.footer == false) %}
        {% include '@AutoAdminAdmin/_partials/components/items/sidebar-item.html.twig' %}
      {% endif %}
    {% endfor %}
  </div>
  <div class="sidebar-footer">
    <hr>
    {% for key, item in aa_admin_sidebar() %}
      {% if item.extra.footer is defined and item.extra.footer == true %}
        {% include '@AutoAdminAdmin/_partials/components/items/sidebar-item.html.twig' %}
      {% endif %}
    {% endfor %}
    <hr>
    <li class="profile">
      <a class="profile-link" href="{{ path('aa_admin_administrator_profile') }}" title="Modifier mon profil">
        <i class="fa-solid fa-circle-user"></i>
      </a>
      <span class="profile-name">{{ 'administrator'|trans({}, 'aa_admin') }} {{ app.user.username|capitalize }}</span>
      <a class="logout" href="{{ path('aa_admin_logout') }}">
        <i class="fa-solid fa-arrow-right-from-bracket"></i>
      </a>
    </li>
  </div>
</ul>
