{% extends "base.html" %}
{% import "components/ui.html" as ui with context %}
{% block actions %}
<button class="primary" type="submit" form="keyform">Schlüssel speichern</button>
{% endblock %}
{% block content %}
{% if key_shadowed %}
{% call ui.notice("warn") %}Der Schlüssel steht in einer echten
Umgebungsvariablen. Die schlägt jede Datei, ein hier gespeicherter Wert bliebe
also ohne Wirkung, solange sie gesetzt ist.{% endcall %}
{% endif %}

<div class="columns">
{% call ui.card("API-Schlüssel", "hinterlegt" if has_key else "fehlt") %}
<p>Der Schlüssel wird nach <code>{{ env_path }}</code> geschrieben.
   Er wird nie angezeigt, nie protokolliert und geht in keinen Export mit.
   {% if has_key %}{{ ui.badge(key_badge) }}{% endif %}</p>
<form method="post" action="/credentials" id="keyform">{{ ui.csrf_field() }}
  {{ ui.field("api_key", "API-Schlüssel", type="password",
              placeholder="unverändert lassen" if has_key else "hier einfügen",
              autocomplete="off",
              hint="In Lexware Office unter Erweiterungen, Public API zu erzeugen. Leer lassen ändert nichts.") }}
  <p><label class="check"><input type="checkbox" name="unchecked" value="1"{% if unchecked %} checked{% endif %}>
     Ohne Prüfung speichern</label>
     <span class="hint">Sonst wird der Schlüssel erst gegen die API geprüft
     und nur bei Erfolg geschrieben.</span></p>
</form>
{% endcall %}

{% call ui.card("Verbindung") %}
{% if account %}
<p>Zuletzt verbunden mit {{ ui.account(account.label, facts) }}.</p>
{% else %}
<p>Seit dem Start dieser Oberfläche noch nicht getestet.</p>
{% endif %}
<form method="post" action="/check">{{ ui.csrf_field() }}
  <p><button type="submit">Verbindung testen</button></p>
  <p class="hint">Ein Aufruf von <code>GET /v1/profile</code>. Nur auf
  Knopfdruck — diese Seiten sprechen von sich aus nie mit der API.</p>
</form>
{% endcall %}
</div>

{% call ui.fold("HTTP-Token", "gesetzt" if bearer else "noch keins", open=bearer_open) %}
<p class="hint">Nur für den HTTP-Transport. Über stdio startet der Client den
   Server selbst, da kann niemand sonst mit ihm sprechen — über einen Port
   schon, und dahinter liegt der Zugang zu echten Buchhaltungsdaten. Ohne
   Token startet der Server den HTTP-Transport nicht.</p>
<p class="hint">Dieses Token steht im Klartext, anders als der API-Schlüssel:
   es muss in die Konfiguration des Clients kopiert werden, sonst nützt es
   niemandem.</p>
{% if bearer_held %}
{{ ui.held("Token", bearer, code=bearer_key, source=bearer_badge,
           hint="Eine Umgebungsvariable setzt es und schlägt jede Datei, hier gespeichert änderte sich nichts.") }}
{% else %}
<form method="post" action="/bearer">{{ ui.csrf_field() }}
  {{ ui.field("bearer", "Token", value=bearer, code=bearer_key, source=bearer_badge,
              placeholder="noch keins", autocomplete="off") }}
  <div class="form-actions">
    <button class="primary" type="submit" name="action" value="save">Token speichern</button>
    <button type="submit" name="action" value="generate" data-confirm="Ein neues Token erzeugen? Ein Client mit dem alten kommt danach nicht mehr durch.">Neu erzeugen</button>
  </div>
  <p class="hint">Leer wird nicht angenommen. Neu erzeugen schreibt 32
     zufällige Bytes — ein Client mit dem alten Token kommt danach nicht mehr
     durch.</p>
</form>
{% endif %}
{% endcall %}
{% endblock %}