{% extends "tesm_core/standalone.html" %}
{% from "tesm_core/macros.html" import alert %}

{% block card_class %}auth-card--wide{% endblock %}
{% block heading %}Offline aktivieren{% endblock %}
{% block subheading %}{{ ticket.customer_name }}{% endblock %}

{% block content %}
<section class="card">
  <div class="card__body stack">
    {{ alert('In Ihrer TESM-Installation unter Verwaltung -- Lizenz auf "Lizenz aktivieren"
    klicken. Erscheint dort ein Anfragecode, fuegen Sie ihn hier ein. Sie bekommen einen
    Antwortcode zurueck, den Sie in TESM eintragen. Beide Codes sind signiert und lassen
    sich unterwegs nicht veraendern.', 'info', 'So geht es') }}

    {% if response_code %}
      <div class="field">
        <span class="field__label">Antwortcode -- in TESM eintragen</span>
        <pre class="log-view" id="offline-answer" style="max-height:16dvh">{{ response_code }}</pre>
        <div class="row row--end mt-2">
          <button class="btn btn--sm" type="button" data-copy="#offline-answer">
            Code kopieren
          </button>
        </div>
        <p class="fs-sm muted mt-2">
          Tragen Sie ihn in TESM unter Verwaltung -- Lizenz bei
          &bdquo;Antwortcode des Lizenzservers&ldquo; ein.
          {% if summary.hostname %}
            Die Anfrage kam von <span class="mono">{{ summary.hostname }}</span>.
          {% endif %}
        </p>
      </div>
    {% else %}
      <form method="post">
        <label class="field">
          <span class="field__label">Anfragecode aus Ihrer TESM-Installation</span>
          <textarea class="textarea input--mono" name="code" rows="6" required
                    placeholder="Code einfuegen ..."></textarea>
        </label>
        <div class="row row--end mt-3">
          <button class="btn btn--primary" type="submit">Antwortcode erzeugen</button>
        </div>
      </form>
    {% endif %}

    <p class="fs-xs faint">
      <a href="{{ url_for('selfservice.overview', ticket_id=ticket.id) }}">Zurueck zur Uebersicht</a>
    </p>
  </div>
</section>
{% endblock %}