{% extends 'django_spire/card/title_card.html' %}

{% block card_title_content_style %}{% endblock %}

{% block card_title %}
    API Access Created
{% endblock %}

{% block card_button %}
    {% if AuthController.api.can_add %}
        <div class="col text-end mb-1">
            {% url 'django_spire:api:page:list' as list_url %}
            {% include 'django_spire/button/danger_button.html' with button_text='Done' button_href=list_url button_icon="bi bi-check" %}
        </div>
    {% endif %}
{% endblock %}

{% block card_title_content %}
    <div class="row">
        <div class="col mb-3">
            "{{ api_access.name }}" API Key
        </div>
    </div>
    <div class="row">
        <div class="col">
            <div class="alert alert-info" role="alert">
                {{ raw_key }}
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col">
            <span class="text-app-danger">
                Make sure to copy this key as it will never be shown again!
            </span>
        </div>
    </div>

{% endblock %}