{% load i18n %}

<div class="relative min-w-sidebar transition-width w-sidebar z-30">
    <nav id="nav-sidebar" class="bg-gray-50 border-r border-gray-200 bottom-0 fixed max-h-screen top-0 transition-width w-sidebar dark:bg-gray-900 dark:border-gray-800">
        <div class="flex flex-col min-h-screen min-w-sidebar dark:bg-gray-950/20">
            <div class="border-b border-gray-200 mb-5 py-3 dark:border-gray-800">
                <div class="flex font-semibold h-10 items-center px-6 text-font-important-light tracking-tight dark:text-font-important-dark xl:text-base">
                    {% if site_logo %}
                        {% include "unfold/helpers/site_logo.html" %}
                    {% elif branding %}
                        {% include "unfold/helpers/site_icon.html" %}
                    {% 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 %}
        </div>
    </nav>
</div>
