{% extends "tesm_core/base.html" %}
{% from "tesm_core/macros.html" import field, alert, pill %}

{% block page_title %}Sicherung und Uebertragung{% endblock %}
{% block page_sub %}Verschluesselter Export · zweistufiger Import{% endblock %}

{% block content %}
{{ alert('Der Export wird mit Argon2id aus Ihrer Passphrase verschluesselt (AES-256-GCM). Ohne
diese Passphrase ist die Datei nicht wiederherstellbar -- es gibt keine Hintertuer.', 'warning',
'Passphrase') }}

{{ alert('Der Signaturschluessel (' ~ signing_key_path ~ ') ist bewusst
nicht Teil dieser Sicherung. Er ist der Kern des Vertrauens und gehoert in eine
getrennte, bewusst verwahrte Sicherung -- nicht in dieselbe Datei wie die Kundendaten. Ohne ihn
ist nach einer Wiederherstellung keine ausgestellte Lizenz mehr pruefbar.', 'danger',
'Wichtig: Schluessel getrennt sichern') }}

<div class="grid grid--split">
  <section class="card">
    <div class="card__header">
      <div class="flex-1">
        <div class="card__title">{{ icon('download', size=17) }} Sicherung erstellen</div>
        <div class="card__sub">Verlangt eine frische Passwortbestaetigung</div>
      </div>
    </div>
    <form method="post" action="{{ url_for('backup.export') }}" data-no-guard>
      <input type="hidden" name="{{ csrf_field_name }}" value="{{ csrf_token() }}">
      <div class="card__body stack">
        <fieldset class="fieldset">
          <legend>Kategorien</legend>
          <div class="stack stack--tight">
            {% for category in all_categories %}
              {% set allowed = category in categories %}
              <label class="check {{ 'check--disabled' if not allowed }}">
                <input type="checkbox" name="categories" value="{{ category.key }}"
                       {% if allowed %}checked{% endif %} {% if not allowed %}disabled{% endif %}>
                <span>
                  {{ category.label }}
                  {% if category.sensitive %}{{ pill('sensibel', 'danger') }}{% endif %}
                  {% if category.admin_only %}{{ pill('nur Admin', 'accent') }}{% endif %}
                  <div class="fs-xs faint">{{ category.hint }}</div>
                  {% if not allowed %}
                    <div class="fs-xs danger-text">Dafuer fehlt Ihnen das Recht.</div>
                  {% endif %}
                </span>
              </label>
            {% endfor %}
          </div>
        </fieldset>
        <div class="form-grid">
          {{ field('passphrase', 'Passphrase', type='password', required=True,
                   autocomplete='new-password',
                   hint_text='Mindestens ' ~ min_passphrase ~ ' Zeichen.') }}
          {{ field('passphrase_repeat', 'Passphrase wiederholen', type='password', required=True,
                   autocomplete='new-password') }}
        </div>
      </div>
      <div class="card__footer">
        <button class="btn btn--primary" type="submit">Sicherung herunterladen</button>
      </div>
    </form>
  </section>

  <div class="stack">
    {% if preview %}
      <section class="card card--accent">
        <div class="card__header">
          <div class="flex-1">
            <div class="card__title">{{ icon('upload', size=17) }} Geoeffnete Sicherung</div>
            <div class="card__sub">Gueltig fuer {{ preview_ttl }} Minuten</div>
          </div>
        </div>
        <form method="post" action="{{ url_for('backup.import_apply') }}">
          <input type="hidden" name="{{ csrf_field_name }}" value="{{ csrf_token() }}">
          <div class="card__body">
            <div class="table-wrap">
              <table class="table table--compact">
                <thead><tr><th></th><th>Kategorie</th><th class="numeric">Eintraege</th></tr></thead>
                <tbody>
                  {% for entry in preview.summary %}
                    <tr>
                      <td><label class="check">
                        <input type="checkbox" name="categories" value="{{ entry.key }}" checked>
                        <span class="sr-only">{{ entry.label }}</span></label></td>
                      <td>{{ entry.label }}</td>
                      <td class="numeric">{{ entry.count }}</td>
                    </tr>
                  {% endfor %}
                </tbody>
              </table>
            </div>
            {{ alert('Bereits vorhandene Lizenzen werden nie ueberschrieben -- ihr Inhalt ist
            kryptographisch festgelegt. Kunden werden ueber ihren Namen zusammengefuehrt.',
            'info') }}
          </div>
          <div class="card__footer modal__footer--split">
            <button class="btn btn--sm btn--ghost" type="submit"
                    formaction="{{ url_for('backup.import_discard') }}">Verwerfen</button>
            <button class="btn btn--primary" type="submit"
                    data-confirm="Ausgewaehlte Kategorien jetzt uebernehmen?"
                    data-confirm-title="Sicherung uebernehmen" data-confirm-ok="Uebernehmen"
                    data-confirm-style="primary">Uebernehmen</button>
          </div>
        </form>
      </section>
    {% else %}
      <section class="card">
        <div class="card__header">
          <div class="flex-1">
            <div class="card__title">{{ icon('upload', size=17) }} Sicherung einspielen</div>
            <div class="card__sub">Erst oeffnen und pruefen, dann uebernehmen</div>
          </div>
        </div>
        <form method="post" enctype="multipart/form-data" data-no-guard
              action="{{ url_for('backup.import_preview') }}">
          <input type="hidden" name="{{ csrf_field_name }}" value="{{ csrf_token() }}">
          <div class="card__body stack">
            <input class="input" type="file" name="backup_file" accept=".json" required>
            {{ field('passphrase', 'Passphrase der Datei', type='password', required=True,
                     autocomplete='off') }}
          </div>
          <div class="card__footer">
            <button class="btn btn--primary" type="submit" data-busy-label="Oeffne ...">
              Datei oeffnen
            </button>
          </div>
        </form>
      </section>
    {% endif %}
  </div>
</div>
{% endblock %}