{% extends "base.html" %}
{% import "settings_tabs.html" as t %}
{% block title %}Keys{% endblock %}
{% block tabs %}{% call t::tabs("keys") %}{% endblock %}
{% block content %}
<div class="head"><h1>Keys <small>{{ me.username }} · Oxygen identities linked to your account</small></h1></div>
<p class="lead">A change is yours on every page when it is signed by a key you have proven you hold. Export your identity with <code>oxy identity export</code>, upload the file, then sign the challenge the hub gives you.</p>
{% 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((id, bytes, name)) = pending %}
<form class="card wide" method="post" action="/settings/keys/verify">
  <input type="hidden" name="_csrf" value="{{ shell.csrf }}">
  <input type="hidden" name="challenge" value="{{ id }}">
  <h2>Prove you hold the key of {{ name }}</h2>
  <p>Run this in any checkout that uses that identity and paste the output:</p>
  <p class="secret">oxy identity sign-challenge {{ bytes }}</p>
  <label for="signature">Signature</label><textarea id="signature" name="signature" rows="4" required></textarea>
  <button type="submit">LINK KEY</button>
</form>
{% endif %}
{% if keys.is_empty() %}<p class="empty">No keys linked yet.</p>{% else %}
<div class="table"><table>
<tr><th>Key</th><th>Identity</th><th>Linked</th><th></th></tr>
{% for k in keys %}
<tr><td><code>{{ k.key|short }}</code></td><td>{{ k.name }} <span class="mute">{{ k.email }}</span></td><td><time title="{{ k.linked_ms|when_i }}">{{ k.linked_ms|ago_i }}</time></td>
<td><form class="tiny" method="post" action="/settings/keys/unlink"><input type="hidden" name="_csrf" value="{{ shell.csrf }}"><input type="hidden" name="key" value="{{ k.key }}"><button>unlink</button></form></td></tr>
{% endfor %}
</table></div>
{% endif %}
<form class="card" method="post" action="/settings/keys/upload" enctype="multipart/form-data">
  <input type="hidden" name="_csrf" value="{{ shell.csrf }}">
  <h2>Link a key</h2>
  <label for="identity">Identity file (from <code>oxy identity export</code>)</label><input type="file" id="identity" name="identity" required>
  <button type="submit">UPLOAD</button>
</form>
{% endblock %}