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