{% if let Some(token) = new_token %}
<div class="git-token-new">
    <p class="git-token-new-label">Copy this token now. It will not be shown again:</p>
    <span class="git-token-value">{{ crate::quasi::literal::html(token)|safe }}</span>
    <p class="hint">Use it as the password (or in the URL) for
        {{ crate::quasi::literal::of(["git clone https://", token, "@makenot.work/owner/repo.git"])|safe }}</p>
</div>
{% endif %}
{% if tokens.is_empty() %}
<p class="ssh-keys-empty">No access tokens.</p>
{% else %}
<table class="ssh-keys-table">
    <thead>
        <tr>
            <th>Name</th>
            <th>Scope</th>
            <th>Expires</th>
            <th>Last used</th>
            <th class="ssh-keys-th-actions"></th>
        </tr>
    </thead>
    <tbody>
        {% for t in tokens %}
        <tr>
            <td>{{ t.name }}</td>
            <td>{{ t.scope }}</td>
            <td>{{ t.expires }}</td>
            <td class="ssh-keys-added">{{ t.last_used }}</td>
            <td class="ssh-keys-actions">
                <button class="btn-danger small"
                        hx-delete="/api/users/me/git-tokens/{{ t.id }}"
                        hx-target="#git-tokens-list"
                        hx-swap="innerHTML"
                        hx-confirm="Revoke this token?">Revoke</button>
            </td>
        </tr>
        {% endfor %}
    </tbody>
</table>
{% endif %}