{% load i18n %}
<div class="mb-6">
    {% comment %} <script type="text/javascript">var go_from_select = function(opt) { window.location = window.location.pathname + opt };</script> {% endcomment %}
    <h3 class="font-medium mb-4 text-gray-700 text-sm dark:text-gray-200">{% blocktrans with title as filter_title %} By {{ filter_title }} {% endblocktrans %}</h3>
    <ul class="admin-filter-{{ title|cut:' ' }}">
    <li>
    <select
        style="background: none !important; padding: 10px;"
        class="select2 select2-container select2-container--admin-autocomplete border bg-white font-medium rounded-md shadow-sm text-gray-500 text-sm focus:ring focus:ring-primary-300 focus:border-primary-600 focus:outline-none group-[.errors]:border-red-600 group-[.errors]:focus:ring-red-200"
        {% comment %} onchange="go_from_select(this.options[this.selectedIndex].value)" {% endcomment %}
        >
    {% for choice in choices %}
        <option{% if choice.selected %} selected="selected"{% endif %}
        value="{{ choice.query_string|iriencode }}">{{ choice.display }}</option>
    {% endfor %}
    </select>
    </li>
    </ul>
</div>