{% extends "base.html" %}

{% load i18n %}
{% block content %}
    <div class="card">
        <h3 class="card-header text-center">
            {% trans "Tokens" %}
        </h3>
        <div class="card-body">
            <ul>
            {% for authorized_token in authorized_tokens %}
                <li>
                    {{ authorized_token.application }}
                    (<a href="{% url 'oauth2_provider:authorized-token-delete' authorized_token.pk %}">revoke</a>)
                </li>
                <ul>
                {% for scope_name, scope_description in authorized_token.scopes.items %}
                    <li>{{ scope_name }}: {{ scope_description }}</li>
                {% endfor %}
                </ul>
            {% empty %}
                <li>{% trans "There are no authorized tokens yet." %}</li>
            {% endfor %}
            </ul>
        </div>
    </div>
{% endblock %}