{% load i18n static admin_list jazzy_tabler %}
{% get_jazzy_ui_tweaks as jazzy_ui %}

<div class="col-12 pb-4" id="change-list-filters">
    <form id="changelist-search" class="d-flex flex-wrap gap-2 align-items-center" method="GET">
        {% block filters %}
            {% if cl.has_filters %}
                {% for spec in cl.filter_specs %}{% jazzy_list_filter cl spec %}{% endfor %}
            {% endif %}
        {% endblock %}

        {% if cl.search_fields %}
            <input class="form-control" style="width: auto; min-width: 250px;" type="text" name="{{ search_var }}" value="{{ cl.query }}" id="searchbar"
                {% if cl.search_help_text %} placeholder="{{ cl.search_help_text }}{% endif %}">
        {% endif %}

        {% if cl.has_filters or cl.search_fields %}
            <button type="submit" class="btn {{ jazzy_ui.button_classes.primary }}">{% trans 'Search' %}</button>
            {% if show_result_count %}
                <span class="small text-secondary ms-2">
                    {% blocktrans count counter=cl.result_count %}{{ counter }} result{% plural %}{{ counter }} results{% endblocktrans %}
                    (<a href="?{% if cl.is_popup %}_popup=1{% endif %}">
                        {% if cl.show_full_result_count %}
                            {% blocktrans with full_result_count=cl.full_result_count %}{{ full_result_count }} total{% endblocktrans %}
                        {% else %}
                            {% trans "Show all" %}
                        {% endif %}
                    </a>)
                </span>
            {% endif %}
            {% admin_extra_filters cl as extra_filters %}
            {% for pair in extra_filters.items %}
                {% if pair.0 != search_var %}<input type="hidden" name="{{ pair.0 }}" value="{{ pair.1 }}">{% endif %}
            {% endfor %}
        {% endif %}
    </form>
</div>