{% extends "indieweb/base.html" %}
{% load static %}

{% block content %}
  <link rel="stylesheet" href="{% static 'css/indieweb.css' %}">

  <div class="indieweb-tokens">
    <h1>Access Tokens</h1>

    {% if tokens %}
      <table class="token-list">
        <thead>
          <tr>
            <th scope="col">Client</th>
            <th scope="col">Identity</th>
            <th scope="col">Scope</th>
            <th scope="col">Created</th>
            <th scope="col">Updated</th>
            <th scope="col">Expires</th>
            <th scope="col">Status</th>
            <th scope="col">Action</th>
          </tr>
        </thead>
        <tbody>
          {% for token in tokens %}
            <tr>
              <td>{{ token.client_id }}</td>
              <td>{{ token.me }}</td>
              <td>{{ token.scope|default:"-" }}</td>
              <td>{{ token.created }}</td>
              <td>{{ token.modified }}</td>
              <td>{{ token.expires_at|default:"Never" }}</td>
              <td>
                {% if token.is_expired %}
                  Expired
                {% else %}
                  Active
                {% endif %}
              </td>
              <td>
                <form method="post" action="{% url 'indieweb:token-revoke' token.pk %}">
                  {% csrf_token %}
                  <button type="submit" class="btn btn-danger">Revoke</button>
                </form>
              </td>
            </tr>
          {% endfor %}
        </tbody>
      </table>
    {% else %}
      <p>No access tokens have been issued for your account.</p>
    {% endif %}
  </div>
{% endblock %}