{% extends 'django_spire/item/item.html' %}

{% block item_title_col %}{% endblock %}

{% block item_row_content %}
    <a class="col-12 col-sm-4 mb-2 mb-sm-0">
        {{ api_access.name }}
    </a>

    <div class="col-6 col-sm-2 mb-2 mb-sm-0 text-start">
        <div class="attribute-label">User Access</div>
        {% if api_access.has_super_access %}
            <span class="text-warning">Super</span>
        {% elif api_access.user %}
            <div>{{ api_access.user.get_full_name|title|default:api_access.user.username }}</div>
        {% else %}
            <div>No User</div>
        {% endif %}
    </div>

    <div class="col-6 col-sm-2 mb-2 mb-sm-0 text-start">
        <div class="attribute-label">Base Permission</div>
        {% if api_access.has_super_access %}
            <span class="text-warning">
        {% endif %}

        {{ api_access.get_permission_display }}

        {% if api_access.has_super_access %}
            </span>
        {% endif %}
    </div>

    <div class="col-6 col-sm-2 mb-2 mb-sm-0 text-start">
        <div class="attribute-label">Key Hint</div>
        <div>{{ api_access.key_hint }}</div>
    </div>

    <div class="col-6 col-sm-2 mb-2 mb-sm-0 text-start">
        <div class="attribute-label">Created On</div>
        <div>{{ api_access.created_datetime|date:'M d, Y' }}</div>
    </div>
{% endblock %}

{% block item_button %}
    {% if perms.django_spire_api.delete_apiaccess %}
        {% url 'django_spire:api:page:delete' pk=api_access.pk as delete_url %}
    {% endif %}
    {% include 'django_spire/dropdown/ellipsis_dropdown.html' with delete_url=delete_url %}
{% endblock %}