{% extends "layout.html" %}
{% block title %}Tokens — Abilian CDN{% endblock %}
{% block content %}
<h1>Tokens</h1>
<p class="subtitle">Credentials for scripts and CI jobs in {{ organisation.name }}.</p>

{% if minted %}
<div class="notice once">
  <strong>Copy this now.</strong> It is not stored and cannot be shown again.
  <code class="secret">{{ minted }}</code>
</div>
{% endif %}
{% if error %}<p class="notice error">{{ error }}</p>{% endif %}

<div class="card">
  {% if tokens %}
  <table>
    <thead>
      <tr><th>Name</th><th>Scopes</th><th>Zone</th><th>Paths</th><th>Last used</th><th></th></tr>
    </thead>
    <tbody>
      {% for token in tokens %}
      <tr>
        <td>{{ token.name }}</td>
        <td class="muted">{{ token.scopes | join(", ") }}</td>
        <td class="muted">{{ token.zone or "every zone" }}</td>
        <td class="muted">{{ token.prefix or "every path" }}</td>
        <td class="muted">{{ token.last_used or "never" }}</td>
        <td>
          <form method="post" action="/_/ui/tokens/{{ token.id }}/revoke">
            <input type="hidden" name="_csrf_token" value="{{ csrf_token() }}">
            <button class="danger" type="submit">Revoke</button>
          </form>
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  {% else %}
  <p class="empty">No tokens yet.</p>
  {% endif %}
</div>

<h2>New token</h2>
<form class="stack" method="post" action="/_/ui/tokens">
  <input type="hidden" name="_csrf_token" value="{{ csrf_token() }}">
  <label>Name
    <input type="text" name="name" placeholder="deploy from CI" required>
  </label>
  <label>Zone
    <select name="zone">
      <option value="">every zone in this organisation</option>
      {% for zone in zones %}<option value="{{ zone }}">{{ zone }}</option>{% endfor %}
    </select>
  </label>
  <label>Path prefix
    <input type="text" name="prefix" placeholder="releases/ — empty means the whole zone">
  </label>
  <fieldset>
    <legend>Scopes</legend>
    {% for scope in all_scopes %}
    <label class="inline">
      <input type="checkbox" name="scopes" value="{{ scope }}"
             {% if scope in ("read", "write") %}checked{% endif %}> {{ scope }}
    </label>
    {% endfor %}
  </fieldset>
  <button class="primary" type="submit">Create token</button>
</form>
{% endblock %}