{% import "_macros.html" as m %}
{% if tokens %}
<table>
  <thead><tr><th>Name</th><th>Scope</th><th>Created</th><th>Expires</th><th>Last used</th><th class="actions-col"></th></tr></thead>
  <tbody>
    {% for t in tokens %}
    <tr{% if t.expired %} class="muted"{% endif %}>
      <td class="mono">{{ t.name }}</td>
      <td><span class="chip{% if t.scope != 'readonly' %} ok{% endif %}">{{ t.scope }}</span></td>
      <td>{{ t.created_at | datetime }}</td>
      <td>{% if t.expires_at %}{% if t.expired %}<span class="bad">expired</span>{% else %}{{ t.expires_at | datetime }}{% endif %}{% else %}<span class="muted">never</span>{% endif %}</td>
      <td>{% if t.last_used_at %}{{ t.last_used_at | datetime }}{% else %}<span class="muted">—</span>{% endif %}</td>
      <td class="row-actions">{{ m.icon_delete('/ui/security/tokens/' ~ (t.name|urlencode) ~ '/revoke', 'Revoke token “' ~ t.name ~ '”? Any automation using it will stop working immediately.', 'Revoke') }}</td>
    </tr>
    {% endfor %}
  </tbody>
</table>
{% else %}
<p class="muted">No API tokens yet. Create one above to use the automation API or to let
  Prometheus scrape <span class="mono">/metrics</span>.</p>
{% endif %}