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

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

{% block card_button %}
    {% if perms.django_spire_api.add_apiaccess %}
        <div class="col text-end mb-1">
            {% url 'django_spire:api:page:list' as list_url %}
            <a class="btn btn-sm btn-danger" href="{{ list_url }}">
                <i class="bi bi-check"></i>
                Done
            </a>
        </div>
    {% endif %}
{% endblock %}

{% block card_title_content %}
    <div class="card-body">
        <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 }} {% include 'django_spire/element/copy_to_clipboard_element.html' with value=raw_key %}
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col">
                <span class="text-danger">
                    Make sure to copy this key as it will never be shown again!
                </span>
            </div>
        </div>
    </div>
{% endblock %}