{% extends "base.html" %}
{% import "_jobs.html" as parts with context %}
{% import "_bank.html" as bank with context %}
{% block title %}{{ t('keys.title') }} — {{ connection.connection_id }} — painfree{% endblock %}
{% block head %}
{# No JavaScript anywhere in this console. A job the worker is still running is
   waited for with a plain refresh, which works with scripting turned off. #}
{% if outstanding %}<meta http-equiv="refresh" content="2">{% endif %}
{% endblock %}
{% block body %}
<h1>{{ t('keys.heading') }} — <code>{{ connection.connection_id }}</code></h1>
<p class="lede">
  <span class="tag {{ connection.key_state.value }}">{{ connection.key_state.value }}</span>
  {{ t('key_state.' ~ connection.key_state.value) }}.
  {{ t('keys.lede') }}
</p>

{% if outstanding %}
<div class="card">
  <strong>{{ t('keys.waiting') }}</strong>: <code>{{ outstanding.action.value }}</code>,
  {{ t('keys.requested_by', who=outstanding.requested_by_id,
        when=outstanding.created_at | moment) }}
  {{ t('keys.refreshes') }}
</div>
{% elif watched %}
<div class="card {{ 'good' if watched.state.value == 'done' else 'bad' }}">
  <strong><code>{{ watched.action.value }}</code> {{ watched.state.value }}.</strong>
  {% if watched.return_code %} {{ t('keys.bank_answered') }} <code>{{ watched.return_code }}</code>
    {{ bank.quiet(watched.report_text) }}{% endif %}
  {% if watched.last_error %}<br><span class="mono">{{ watched.last_error }}</span>{% endif %}
  {% if watched.result %}<pre class="json">{{ watched.result | pretty_json }}</pre>{% endif %}
</div>
{% endif %}

{% if staged %}
<div class="card warn">
  <strong>{{ t('keys.staged') }}</strong>
  {{ t('keys.staged_why') }}
  <p class="actions"><a class="button" href="/ui/connections/{{ connection.connection_id }}/keys/bank-keys">{{ t('keys.open_comparison') }}</a></p>
</div>
{% endif %}

<ol class="steps">

<li class="{{ 'done' if subscriber_keys else 'now' }}">
  <div class="title">1 &nbsp; {{ t('keys.step1') }}</div>
  <div class="body">{{ t('keys.step1_body') }}</div>
  {% if subscriber_keys %}
    {{ parts.key_table(subscriber_keys) }}
  {% elif may('connections:write') and available.create_keys and not outstanding %}
    {# The only irreversible action in this console whose cost is somebody
       else's calendar. It is said here, next to the button, because the one
       other place it was ever said is a line of stderr from a provisioning
       script the operator may never have run. #}
    <div class="card warn">
      <strong>{{ t('keys.custody_title') }}</strong>
      <p>{{ t('keys.custody_body') }}</p>
    </div>
    <form class="stack" method="post" action="/ui/connections/{{ connection.connection_id }}/keys/create_keys">
      <label>{{ t('keys.common_name') }}<span class="hint">{{ t('keys.common_name_hint') }}</span>
        <input type="text" name="common_name" placeholder="{{ connection.user_id }}"></label>
      <label>{{ t('keys.organisation') }}<input type="text" name="organisation" placeholder="{{ connection.partner_id }}"></label>
      <label>{{ t('keys.country') }}<input type="text" name="country" maxlength="2" placeholder="CH"></label>
      <div class="actions"><button type="submit">{{ t('keys.generate') }}</button></div>
    </form>
  {% endif %}
</li>

<li class="{{ 'done' if connection.ini_sent else ('now' if available.send_ini and subscriber_keys else '') }}">
  <div class="title">2 &nbsp; {{ t('keys.step2') }}</div>
  <div class="body">{{ t('keys.step2_body') }}</div>
  {% if connection.ini_sent %}
    <p>{{ t('keys.sent_order_id') }} <code>{{ connection.ini_order_id or '—' }}</code>.</p>
  {% elif may('connections:write') and available.send_ini and subscriber_keys and not outstanding %}
    <form method="post" action="/ui/connections/{{ connection.connection_id }}/keys/send_ini">
      <div class="actions"><button type="submit">{{ t('keys.send_ini') }}</button></div>
    </form>
  {% endif %}
</li>

<li class="{{ 'done' if connection.hia_sent else ('now' if available.send_hia else '') }}">
  <div class="title">3 &nbsp; {{ t('keys.step3') }}</div>
  <div class="body">{{ t('keys.step3_body') }}</div>
  {% if connection.hia_sent %}
    <p>{{ t('keys.sent_order_id') }} <code>{{ connection.hia_order_id or '—' }}</code>.</p>
  {% elif may('connections:write') and available.send_hia and not outstanding %}
    <form method="post" action="/ui/connections/{{ connection.connection_id }}/keys/send_hia">
      <div class="actions"><button type="submit">{{ t('keys.send_hia') }}</button></div>
    </form>
  {% endif %}
</li>

<li class="{{ 'done' if connection.key_state.value in ('bank_keys_received', 'ready') else '' }}">
  <div class="title">4 &nbsp; {{ t('keys.step4') }}</div>
  <div class="body">{{ t('keys.step4_body') }}</div>
  {% if subscriber_keys %}
  <p class="actions"><a class="button secondary" href="/ui/connections/{{ connection.connection_id }}/letter">{{ t('keys.open_letter') }}</a></p>
  {% endif %}
</li>

<li class="{{ 'done' if bank_keys else ('now' if available.fetch_hpb else '') }}">
  <div class="title">5 &nbsp; {{ t('keys.step5') }}</div>
  <div class="body">{{ t('keys.step5_body') }}</div>
  {% if may('connections:write') and available.fetch_hpb and not outstanding %}
    <form method="post" action="/ui/connections/{{ connection.connection_id }}/keys/fetch_hpb">
      <div class="actions"><button type="submit" class="{{ 'secondary' if bank_keys else '' }}">
        {{ t('keys.fetch_hpb_again') if bank_keys else t('keys.fetch_hpb') }}</button></div>
    </form>
  {% endif %}
</li>

<li class="{{ 'done' if connection.initialised and not staged else ('now' if staged else '') }}">
  <div class="title">6 &nbsp; {{ t('keys.step6') }}</div>
  <div class="body">{{ t('keys.step6_body') }}</div>
  {% if staged %}
    <p class="actions"><a class="button" href="/ui/connections/{{ connection.connection_id }}/keys/bank-keys">{{ t('keys.open_comparison') }}</a></p>
  {% elif connection.bank_fingerprints %}
    <p>{{ t('keys.confirmed') }}</p>
    <table class="plain">
      {% for role, value in connection.bank_fingerprints.items() %}
      <tr><td>{{ role }}</td><td class="mono">{{ value | fingerprint }}</td></tr>
      {% endfor %}
    </table>
  {% endif %}
</li>
</ol>

{% if may('connections:write') and subscriber_keys %}
<h2>{{ t('keys.renewal') }}</h2>
<div class="card">
  <p>{{ t('keys.renewal_body') }}</p>
  <form class="stack" method="post" action="/ui/connections/{{ connection.connection_id }}/keys/renew_key">
    <label>{{ t('keys.renew') }}<select name="version">
      {% for version in versions %}<option value="{{ version }}">{{ version }}</option>{% endfor %}
    </select></label>
    <div class="actions"><button type="submit" class="secondary"
      {{ 'disabled' if outstanding or not available.renew_key else '' }}>{{ t('keys.renew_button') }}</button></div>
  </form>
  <form class="stack" method="post" action="/ui/connections/{{ connection.connection_id }}/keys/suspend_keys">
    <label>{{ t('keys.suspend') }}<select name="version">
      <option value="">{{ t('keys.every_key') }}</option>
      {% for version in versions %}<option value="{{ version }}">{{ version }}</option>{% endfor %}
    </select></label>
    <label>{{ t('keys.reason') }}<span class="hint">{{ t('keys.reason_hint') }}</span>
      <input type="text" name="reason" required placeholder="{{ t('keys.reason_placeholder') }}"></label>
    <div class="actions"><button type="submit" class="danger"
      {{ 'disabled' if outstanding else '' }}>{{ t('keys.suspend_button') }}</button></div>
  </form>
</div>
{% endif %}

<h2>{{ t('keys.operations') }}</h2>
<div class="card">{{ parts.job_table(jobs) }}</div>
{% endblock %}