{% extends theme('base.html') %}

{% block style %}
    <link href="/static/datatables/jquery.dataTables.min.css" rel="stylesheet">
    <link href="/static/datatables/dataTables.semanticui.min.css" rel="stylesheet">
{% endblock %}

{% block script %}
    <script src="/static/datatables/jquery.dataTables.min.js"></script>
    <script src="/static/datatables/dataTables.semanticui.min.js"></script>
    <script src="/static/js/users.js"></script>
{% endblock %}

{% block content %}

    <table class="ui table" data-order="[[ 3, &quot;desc&quot; ]]">
        <thead>
            <tr>
                <th data-orderable="false">{% trans %}Token{% endtrans %}</th>
                <th>{% trans %}Client{% endtrans %}</th>
                <th>{% trans %}Subject{% endtrans %}</th>
                <th>{% trans %}Created{% endtrans %}</th>
            </tr>
        </thead>
        <tbody>
            {% for token in tokens %}
                <tr>
                    <td>
                        <a href="{{ url_for('oidc.tokens.view', token_id=token.token_id) }}">
                            {{ token.token_id }}
                        </a>
                    </td>
                    <td>
                        <a href="{{ url_for('oidc.clients.edit', client_id=token.client.client_id) }}">
                            {{ token.client.client_name }}
                        </a>
                    </td>
                    <td>
                        <a href="{{ url_for("account.profile_edition", username=token.subject.uid[0]) }}">
                            {{ token.subject.uid[0] }}
                        </a>
                    </td>
                    <td data-order="{{ token.issue_date|timestamp }}">{{ token.issue_date }}</td>
                </tr>
            {% endfor %}
        </tbody>
    </table>

{% endblock %}