{% 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 }}{% 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="choice">
    <label><input type="checkbox" name="scopes" value="repo:read" checked> repo:read</label>
    <label><input type="checkbox" name="scopes" value="repo:write" checked> repo:write</label>
    <label><input type="checkbox" name="scopes" value="repo:admin"> repo:admin</label>
    <label><input type="checkbox" name="scopes" value="user:read"> user:read</label>
  </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 %}