{% load i18n static %} {% if cl.search_fields %}
<div id="toolbar" class="w-full flex">
    <form id="changelist-search" method="get">
        <div class="flex items-center gap-3">
            <!-- DIV needed for valid HTML -->
            <label for="searchbar"><img src="{% static "admin/img/search.svg" %}" alt="Search"></label>
            <input type="text" class="h-10 focus:outline-none focus:ring-2 ring-gray-400" size="50" name="{{ search_var }}" value="{{ cl.query }}" autofocus />
            <input type="submit" value="{% translate 'Search' %}" />
            {% if show_result_count %}
            <span class="small quiet">{% blocktranslate count counter=cl.result_count %}{{ counter }} result{% plural %}{{ counter }} results{% endblocktranslate %} (<a href="?{% if cl.is_popup %}_popup=1{% endif %}">{% if cl.show_full_result_count %}{% blocktranslate with full_result_count=cl.full_result_count %}{{ full_result_count }} total{% endblocktranslate %}{% else %}{% translate "Show all" %}{% endif %}</a>)</span>
            {% endif %} {% for pair in cl.params.items %} {% if pair.0 != search_var %}<input type="hidden" name="{{ pair.0 }}" value="{{ pair.1 }}" />{% endif %} {% endfor %}
        </div>
    </form>
</div>
{% endif %}