{% 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>
                        <div class="row">
                            <div class="col-10">{{ user.api_token.token }}</div>
                            <div class="col-2">
                                <button class="btn btn-default btn-modal" data-form-url="{% url 'user:api-token-new' %}" title="{% trans 'Create new token' %}">
                                    {% fa5_icon 'dice' %}
                                </button>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <th scope="row">{% trans 'Authenticated by admins' %}</th>
                    {% if user.api_token is None %}
                        <td></td>
                    {% elif 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>
    
{% with 'btn-modal' as btn_class %}
    {% include 'modal/modal_form_script.html' %}
{% endwith %}
    
{% endblock %}