{% load i18n phoxtail_core_tags phoxtail_design_tags %}
<div class="phoxtail-drawer__header">
    <div class="phoxtail-drawer__title-row">
        <h2 class="phoxtail-drawer__title">{% translate "Filters" %}</h2>
        <button class="phoxtail-close-btn"
                onclick="closeModal(this)"
                aria-label="{% translate "Close" %}"
                type="button">
            {% icon "close" %}
        </button>
    </div>
</div>
<div class="phoxtail-drawer__body">
    {% url 'access_tokens_management:admin_tokens_filters' as filters_url %}
    <div>
        <div class="phx-filter__label">
            {% icon "tune" %}
            <span>{% translate "Status" %}</span>
        </div>
        {% field "select" filterset.form.status show_label=False show_help_text=False hx_get=filters_url hx_target="this" hx_swap="none" hx_trigger="change" %}
    </div>
    {% if can_manage_all %}
        <div>
            <div class="phx-filter__label">
                {% icon "person" %}
                <span>{% translate "User" %}</span>
            </div>
            {% field "select" filterset.form.user show_label=False show_help_text=False hx_get=filters_url hx_target="this" hx_swap="none" hx_trigger="change" %}
        </div>
    {% endif %}
</div>