{% extends "phoxtail_core/page_header.html" %}
{% load i18n phoxtail_design_tags %}
{% block icon %}{% icon "vpn_key" %}{% endblock %}
{% block title %}{% translate "API Tokens" %}{% endblock %}
{% block controls %}
    {% include 'phoxtail_tokens/admin/partials/searchbar.html' %}
    <!-- Filters Button -->
    {% url 'access_tokens_management:admin_tokens_filters_form' as filters_url %}
    <button type="button"
            class="phx-button phx-button--secondary"
            hx-get="{% url 'phoxtail_core:modal' %}"
            hx-vals='{"content_url": "{{ filters_url }}"}'
            hx-include="#tokens-filters-form-placeholder, #tokens-search-form"
            hx-target="#core-modal-placeholder-wrapper"
            hx-swap="innerHTML">
        {% icon "filter_alt" %}
        <span>{% translate "Filters" %}</span>
        {% if filter_count > 0 %}<span class="phx-badge">{{ filter_count }}</span>{% endif %}
    </button>
    {% if can_create %}
        <!-- Create Button -->
        {% url 'access_tokens_management:admin_token_create_form' as create_url %}
        <button type="button"
                class="phx-button phx-button--secondary"
                hx-get="{% url 'phoxtail_core:modal' %}"
                hx-vals='{"content_url": "{{ create_url }}"}'
                hx-target="#core-modal-placeholder-wrapper"
                hx-swap="innerHTML">
            {% icon "plus" %}
            <span>{% translate "Create" %}</span>
        </button>
    {% endif %}
{% endblock %}