{% extends "base.html" %}
{% block title %}API Tokens{% endblock %}
{% block content %}
<h1>API Tokens</h1>

<div class="mb-2">
    <a href="/tokens/new" class="btn btn-primary">Create New Token</a>
</div>

{% if tokens %}
<div class="card">
<table>
    <thead>
        <tr><th>Name</th><th>Scopes</th><th>Expires</th><th>Last Used</th><th></th></tr>
    </thead>
    <tbody>
    {% for t in tokens %}
        <tr>
            <td data-label="Name"><strong>{{ t.name }}</strong></td>
            <td data-label="Scopes">
                {% for pkg, actions in t.scopes.items() %}
                    <code>{{ pkg }}: {{ actions | join(', ') }}</code>{% if not loop.last %}<br>{% endif %}
                {% endfor %}
            </td>
            <td data-label="Expires">{% if t.expires_at %}{{ t.expires_at.strftime('%Y-%m-%d') }}{% else %}never{% endif %}</td>
            <td data-label="Last Used">{% if t.last_used_at %}{{ t.last_used_at.strftime('%Y-%m-%d') }}{% else %}never{% endif %}</td>
            <td>
                <form method="POST" action="/tokens/{{ t.id }}/delete" style="display:inline"
                      onsubmit="return confirm('Delete token {{ t.name }}?')">
                    <button type="submit" class="btn btn-danger btn-sm">Delete</button>
                </form>
            </td>
        </tr>
    {% endfor %}
    </tbody>
</table>
</div>
{% else %}
<div class="card empty">
    <p>No tokens yet.</p>
    <a href="/tokens/new" class="btn btn-primary">Create your first token</a>
</div>
{% endif %}
{% endblock %}