{% load i18n %}

{% if sidebar_show_search %}
    <div class="mb-2.5 mx-3 relative" x-on:click="$dispatch('opencommand')">
        <div class="bg-white border border-base-200 cursor-pointer flex flex-row items-center px-3 rounded-default relative shadow-xs w-full focus-within:outline-2 focus-within:-outline-offset-2 focus-within:outline-primary-600 dark:bg-base-900 dark:border-base-700">
            <span class="material-symbols-outlined md-18 text-base-400">manage_search</span>

            <div class="grow font-medium min-w-0 overflow-hidden p-2 text-font-subtle-light truncate focus:outline-hidden dark:bg-base-900 dark:text-font-subtle-dark">
                {% trans 'Search apps and models...' %}
            </div>

            {% if 'Macintosh' in request.META.HTTP_USER_AGENT %}
                {% include "unfold/helpers/shortcut.html" with icon="keyboard_command_key" shortcut="k" %}
            {% else %}
                {% include "unfold/helpers/shortcut.html" with icon="keyboard_control_key" shortcut="k" %}
            {% endif %}
        </div>
    </div>
{% endif %}