{% extends "base.html" %}
{% import "settings_tabs.html" as t %}
{% block title %}Tokens{% endblock %}
{% block tabs %}{% call t::tabs("tokens") %}{% endblock %}
{% block content %}
<script type="application/json" id="backdrop-data">{"scene":"mark"}</script>
{% include "backdrop.html" %}
<div data-backdrop-avoid>
<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 %}
<section class="card-box token-fresh">
  <div class="card-head"><h2>Your new token</h2><span class="small mute more">shown once: copy it now</span></div>
  <div class="pad"><p class="secret">{{ f }}</p>
  <p class="small mute">In a checkout: <code>oxy config remote.&lt;name&gt;.token {{ f }}</code>, or set <code>OXY_TOKEN</code>.</p></div>
</section>
{% endif %}
<section class="card-box">
  <div class="card-head"><h2>Tokens</h2><span class="count-chip">{{ tokens.len() }}</span></div>
  {% if tokens.is_empty() %}<p class="empty small pad">No tokens yet.</p>{% else %}
  <ul class="rows token-rows">
  {% for t in tokens %}
    <li>
      <div class="token-main">
        <div class="token-name"><strong>{{ t.name }}</strong>{% if t.agent %} <span class="pill agent-pill" title="What is done with this token is told to you">agent</span>{% endif %}</div>
        <div class="token-scopes">{% for sc in t.scopes.split(',') %}<code class="chip">{{ sc }}</code>{% endfor %}{% if !t.repos.is_empty() %} <span class="small mute">only {{ t.repos }}</span>{% endif %}</div>
        <div class="small mute">created <time title="{{ t.created_ms|when_i }}">{{ t.created_ms|ago_i }}</time> · last used {% if let Some(u) = t.last_used_ms %}<time title="{{ u|when_i }}">{{ u|ago_i }}</time>{% else %}never{% endif %} · {% if let Some(x) = t.expires_ms %}expires {{ x|when_i }}{% if t.renew_ms.is_some() %} (renewed on use){% endif %}{% else %}never expires{% endif %}</div>
      </div>
      <div class="token-actions">
        <form class="inline" method="post" action="/settings/tokens/{{ t.id }}/agent"><input type="hidden" name="_csrf" value="{{ shell.csrf }}"><button class="small" title="{% if t.agent %}Stop telling me what is done with it{% else %}An agent uses this token: tell me what it does{% endif %}">{% if t.agent %}Not an agent{% else %}Mark as agent{% endif %}</button></form>
        <form class="inline" method="post" action="/settings/tokens/{{ t.id }}/delete"><input type="hidden" name="_csrf" value="{{ shell.csrf }}"><button class="small danger">Delete</button></form>
      </div>
    </li>
  {% endfor %}
  </ul>
  {% endif %}
</section>
<section class="card-box">
  <div class="card-head"><h2>New token</h2></div>
  <form class="pad token-form" method="post" action="/settings/tokens">
    <input type="hidden" name="_csrf" value="{{ shell.csrf }}">
    <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">
    <label class="choice token-agent"><input type="checkbox" name="agent" value="1"> An agent uses this token: tell me what it does</label>
    <p class="small mute token-hint">Proposals it opens, comments it makes and the rest reach your inbox and email like anyone else's would.</p>
    <button type="submit">CREATE TOKEN</button>
  </form>
</section>
</div>
{% endblock %}