{% load i18n %}

<div class="relative min-w-sidebar transition-width w-sidebar z-30">
    <nav id="nav-sidebar" class="bg-gray-50 border-r flex flex-col fixed max-h-screen min-h-screen min-w-sidebar transition-width w-sidebar dark:bg-gray-900 dark:border-gray-800">
        <div class="border-b mb-5 py-3 dark:border-gray-800">
            <div class="flex font-medium h-10 items-center px-6 text-gray-700 dark:text-gray-200">
                {% if logo %}
                    <img src="{{ logo }}" alt="{% trans "Home" %}"/>
                {% elif branding %}
                    {% include "unfold/helpers/site_icon.html" %}

                    {{ branding }}
                {% endif %}
            </div>
        </div>

        {% include "unfold/helpers/search.html" %}

        {% if sidebar_navigation|length > 0 %}
            {% include "unfold/helpers/app_list.html" with app_list=available_apps %}
        {% else %}
            {% include "admin/app_list.html" with app_list=available_apps show_changelinks=False %}
        {% endif %}
    </nav>
</div>
