{% load static i18n %}
<div class="offcanvas offcanvas-start" tabindex="-1" id="conjunto-offcanvas-sidebar" aria-labelledby="conjunto-offcanvas-sidebar-label">
    <div class="offcanvas-header">
        <h5 class="offcanvas-title" id="conjunto-offcanvas-sidebar-label">
            {# Missing brand.svg → the browser renders the alt text. See the #}
            {# same fallback in app_base.html: an inline onerror handler is #}
            {# refused by a CSP with ``script-src 'self'``. #}
            <a href="/">
                <img src="{% static 'brand.svg' %}" width="110" height="32" alt="{{ globals.project_title }}" class="navbar-brand-image">
            </a>
        </h5>
        <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="{% trans 'Close' %}"></button>
    </div>
    <div class="offcanvas-body p-0">
        <ul class="navbar-nav pt-2" id="offcanvas-sidebar-nav">
            {% for item in menus.offcanvas %}
                {% include "conjunto/includes/sidebar_item.html" with item=item parent_id="offcanvas-sidebar-nav" %}
            {% endfor %}
        </ul>
    </div>
</div>