{% extends shell('app') %}
{% from 'apikeys/macros.html' import token_state %}

{% block title %}{{ _('API tokens') }} - {{ _('Admin') }}{% endblock %}

{% block content %}

    <div class="mb-3">
        <h1 class="h2 mb-1"><b>{{ _('API tokens') }}</b></h1>
        <p class="text-muted mb-0">
            {{ _('Find an account by its address to see its tokens and revoke them all, for a leaked token or an account taken over.') }}
        </p>
    </div>

    {% with messages = get_flashed_messages(with_categories=true) %}
        {% if messages %}
            <div class="mb-3">
                {% for category, message in messages %}
                    <div class="alert alert-{{ category }}">{{ message }}</div>
                {% endfor %}
            </div>
        {% endif %}
    {% endwith %}

    <form method="get" action="{{ url_for('apikeys.admin_tokens') }}" class="row g-2 mb-4" role="search">
        <div class="col-12 col-md-6">
            <label class="visually-hidden" for="apikeys-admin-email">{{ _('Email') }}</label>
            <input id="apikeys-admin-email" class="form-control" type="email" name="email"
                   value="{{ email }}" placeholder="{{ _('Email') }}" required>
        </div>
        <div class="col-auto">
            <button type="submit" class="btn btn-primary">{{ _('Find') }}</button>
        </div>
    </form>

    {% if email and not account %}
        <div class="alert alert-light border">{{ _('No account has that address.') }}</div>
    {% elif account %}
        <div class="d-flex justify-content-between align-items-center mb-2">
            <h2 class="h5 mb-0">{{ account.email }}</h2>
            {% if tokens | rejectattr('is_revoked') | list %}
                <form method="post" action="{{ url_for('apikeys.admin_revoke_all', user_id=account.id) }}"
                      onsubmit='return confirm({{ _("Revoke every token of %(email)s? Anything that uses one stops working at once.", email=account.email) | striptags | tojson }})'>
                    {{ revoke_all_form.hidden_tag() }}
                    <button type="submit" class="btn btn-outline-danger text-nowrap">{{ _('Revoke all') }}</button>
                </form>
            {% endif %}
        </div>

        {% if tokens %}
            <div class="table-responsive">
                <table class="table table-hover align-middle">
                    <thead>
                        <tr>
                            <th>{{ _('Name') }}</th>
                            <th>{{ _('Token') }}</th>
                            <th>{{ _('Scopes') }}</th>
                            <th>{{ _('Created') }}</th>
                            <th>{{ _('Expires') }}</th>
                            <th>{{ _('Last used') }}</th>
                            <th>{{ _('State') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for token in tokens %}
                            <tr>
                                <td>{{ token.name }}</td>
                                <td><code>{{ token.prefix }}...</code></td>
                                <td>
                                    {% for scope in token.scope_list %}
                                        <span class="badge bg-light text-dark">{{ scope }}</span>
                                    {% endfor %}
                                </td>
                                <td>{{ token.created_at.strftime('%Y-%m-%d %H:%M') if token.created_at else '' }}</td>
                                <td>{{ token.expires_at.strftime('%Y-%m-%d %H:%M') if token.expires_at else _('Never') }}</td>
                                <td>{{ token.last_used_at.strftime('%Y-%m-%d %H:%M') if token.last_used_at else _('Never') }}</td>
                                <td>{{ token_state(token) }}</td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        {% else %}
            <div class="alert alert-light border">{{ _('This account has no tokens.') }}</div>
        {% endif %}
    {% endif %}

{% endblock %}