{% 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">
            <a href="/">
                <img src="{% static 'brand.svg' %}" width="110" height="32" alt="{{ site.name|default:globals.project_title }}" class="navbar-brand-image" onerror="this.style.display='none'; this.nextElementSibling.style.display='block';">
                <span class="navbar-brand-text" style="display: none;">{{ site.name|default:globals.project_title }}</span>
            </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>