{% extends "base.html" %}

{% import "settings_tabs.html" as t %}

{% block title %}Tokens{% endblock %}

{% block tabs %}{% call t::tabs("tokens") %}{% endblock %}

{% block content %}

<div class="head"><h1>Personal access tokens <small>{{ me.username }} · for oxy and the API</small></h1></div>

{% if let Some(n) = notice %}<p class="note">{{ n }}</p>{% endif %}

{% if let Some(e) = error %}<p class="error">{{ e }}</p>{% endif %}

{% if let Some(f) = fresh %}

<div class="panel"><h2>Your new token</h2><p class="secret">{{ f }}</p>

<p class="small">In a checkout: <code>oxy config remote.&lt;name&gt;.token {{ f }}</code>, or set <code>OXY_TOKEN</code>.</p></div>

{% endif %}

{% if tokens.is_empty() %}<p class="empty">No tokens yet.</p>{% else %}

<div class="table"><table>

<tr><th>Name</th><th>Scopes</th><th>Repositories</th><th>Created</th><th>Last used</th><th>Expires</th><th></th></tr>

{% for t in tokens %}

<tr><td>{{ t.name }}</td><td>{{ t.scopes }}</td><td>{% if t.repos.is_empty() %}<span class="mute">all</span>{% else %}{{ t.repos }}{% endif %}</td>

<td><time title="{{ t.created_ms|when_i }}">{{ t.created_ms|ago_i }}</time></td>

<td>{% if let Some(u) = t.last_used_ms %}<time title="{{ u|when_i }}">{{ u|ago_i }}</time>{% else %}<span class="mute">never</span>{% endif %}</td>

<td>{% if let Some(x) = t.expires_ms %}{{ x|when_i }}{% if t.renew_ms.is_some() %} <span class="mute small">renewed on use</span>{% endif %}{% else %}<span class="mute">never</span>{% endif %}</td>

<td><form class="tiny" method="post" action="/settings/tokens/{{ t.id }}/delete"><input type="hidden" name="_csrf" value="{{ shell.csrf }}"><button>delete</button></form></td></tr>

{% endfor %}

</table></div>

{% endif %}

<form class="card wide" method="post" action="/settings/tokens">

  <input type="hidden" name="_csrf" value="{{ shell.csrf }}">

  <h2>New token</h2>

  <label for="name">Name</label><input type="text" id="name" name="name" required placeholder="laptop, CI, …">

  <label>Scopes</label>

  <div class="scopes">

    {% for (name, what) in scopes %}<label><input type="checkbox" name="scopes" value="{{ name }}"{% if *name == "repo:read" || *name == "repo:write" %} checked{% endif %}> <code>{{ name }}</code> <span class="small mute">{{ what }}</span></label>{% endfor %}

  </div>

  <label for="repos">Only these repositories (comma-separated owner/name; empty for all)</label><input type="text" id="repos" name="repos">

  <label for="expires_days">Expires after (days; empty for never)</label><input type="number" id="expires_days" name="expires_days" min="1">

  <button type="submit">CREATE TOKEN</button>

</form>

{% endblock %}