{# [LIBRARY] Client sidebar — navigation from context variable cabinet_sidebar #}
{# DO NOT use {% block %} here — this is an {% include %}, blocks are ignored. #}
{% load i18n cabinet_tags %}

{# ─── LOGO ─── #}
<div class="cab-sidebar__logo">
  <span class="cab-sidebar__logo-icon bi {% firstof cabinet_branding.icon 'bi-grid-3x3-gap-fill' %}"></span>
  <span class="cab-sidebar__logo-name">{% firstof cabinet_branding.label SITE_NAME "App" %}</span>
</div>

{# ─── NAV (populated by context_processors → cabinet_sidebar) ─── #}
<nav class="cab-sidebar__nav">
  <ul class="cab-nav">
    {% for item in cabinet_sidebar %}
      {% sidebar_badge item.badge_key as badge_val %}
      {% include "cabinet/includes/_nav_item.html" with item=item badge=badge_val %}
    {% endfor %}
  </ul>
</nav>

{# ─── FOOTER ─── #}
<div class="cab-sidebar__footer">
  <button class="cab-sidebar__collapse-btn"
          @click="sidebarCollapsed = !sidebarCollapsed">
    <i class="bi cab-nav__icon" :class="sidebarCollapsed ? 'bi-chevron-right' : 'bi-chevron-left'"></i>
    <span class="cab-nav__label">{% trans "Collapse" %}</span>
  </button>
</div>