{% extends 'base.html' %}
{% load i18n fontawesome_5 %}

{% block body %}
    <div class="container">
        <h3>{% trans 'API settings' %}</h3>
        <div class="table-container">
            <table class="table table-hover">
                <tr>
                    <th scope="row">{% trans 'Current token' %}</th>
                    <td>{{ user.api_token.token }}</td>
                </tr>
                <tr>
                    <th scope="row">{% trans 'Authenticated by admins' %}</th>
                    {% if user.api_token.is_active %}
                        <td class="text-success" title="{% trans 'Token has been verified and can be used' %}">{% fa5_icon 'check-circle' %}</td>
                    {% else %}
                        <td class="text-primary" title="{% trans 'Token waiting for verification' %}">{% fa5_icon 'hourglass-half' %}</td>
                    {% endif %}
                </tr>
                <tr>
                    <th scope="row">{% trans 'Valid until' %}</th>
                    <td>{{ user.api_token.valid_until|default_if_none:"-" }}</td>
                </tr>
            </table>
        </div>
    </div>
    <hr>
    {% include 'form/table/generic_table_form.html' %}

{% endblock %}