{% 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 %}