{% extends "base.html" %}

{% import "settings_tabs.html" as t %}

{% block title %}Keys{% endblock %}

{% block tabs %}{% call t::tabs("keys") %}{% endblock %}

{% block content %}

<script type="application/json" id="backdrop-data">{"scene":"mark"}</script>

{% include "backdrop.html" %}

<div data-backdrop-avoid>

<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 keys-verify" 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 %}

<section class="card-box">

  <div class="card-head"><h2>Linked keys</h2><span class="count-chip">{{ keys.len() }}</span></div>

  {% if keys.is_empty() %}<p class="empty small">No keys linked yet.</p>{% else %}

  <ul class="rows token-rows">

  {% for k in keys %}

    <li>

      <div class="token-main">

        <div class="token-name"><code>{{ k.key|short }}</code> <strong>{{ k.name }}</strong> <span class="mute">{{ k.email }}</span></div>

        <div class="small mute">linked <time title="{{ k.linked_ms|when_i }}">{{ k.linked_ms|ago_i }}</time> · last used {% if let Some(u) = k.last_used_ms %}<time title="{{ u|when_i }}">{{ u|ago_i }}</time>{% else %}never{% endif %} · {% if let Some(x) = k.expires_ms() %}expires {{ x|when_i }}{% else %}never expires{% endif %}</div>

      </div>

      <div class="token-actions">

        <form class="inline" method="post" action="/settings/keys/unlink"><input type="hidden" name="_csrf" value="{{ shell.csrf }}"><input type="hidden" name="key" value="{{ k.key }}"><button class="small danger" title="Changes it signs stop counting as yours">Unlink</button></form>

      </div>

    </li>

  {% endfor %}

  </ul>

  {% endif %}

</section>

<section class="card-box">

  <div class="card-head"><h2>Link a key</h2></div>

  <form class="pad token-form" method="post" action="/settings/keys/upload" enctype="multipart/form-data">

    <input type="hidden" name="_csrf" value="{{ shell.csrf }}">

    <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>

</section>

</div>

{% endblock %}