{% load i18n static %}
{% if cl.search_fields %}
    <div id="toolbar" class="row">
        <div class="col-sm">
            <form id="changelist-search" method="get">
                <div><!-- DIV needed for valid HTML -->
                    <div class="input-group input-group-sm">
                        <input type="text" class="form-control" name="{{ search_var }}" value="{{ cl.query }}">
                        <span class="input-group-append">
                    <input type="submit" class="btn btn-outline-primary btn-flat" value="{% trans 'Search' %}"/>
                  </span>
                    </div>

                    {#                <label for="searchbar"><img src="{% static "admin/img/search.svg" %}" alt="Search"></label>#}
                    {#                <div class="input-group">#}
                    {#                    <input class="form-control" type="text" size="40" name="{{ search_var }}" value="{{ cl.query }}"#}
                    {#                           id="searchbar" autofocus>#}
                    {#                    <input type="submit" value="{% trans 'Search' %}">#}
                    {#                </div>#}
                    {% if show_result_count %}
                        <span class="small quiet">{% 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 %}
                    {% 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>
    </div>
{% endif %}
