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

{% block card_class %}auth-card--wide{% endblock %}
{% block heading %}Ihre TESM-Lizenz{% endblock %}
{% block subheading %}{{ ticket.customer_name }}{% endblock %}

{% block content %}
{% if blocked %}
  <div class="alert alert--danger">
    {{ icon('alert', size=18) }}
    <div class="alert__body">
      Dieser Vertrag ist derzeit gesperrt. Bitte wenden Sie sich an Ihren Ansprechpartner.
    </div>
  </div>
{% endif %}

{% if current %}
  <section class="card">
    <div class="card__header">
      <div class="flex-1">
        <div class="card__title">
          {{ icon('shield', size=17) }} Aktülle Lizenz
          {% if current.status == 'active' %}{{ pill('aktiv', 'online') }}
          {% else %}{{ pill('bereit zum Einspielen', 'info') }}{% endif %}
        </div>
        <div class="card__sub">
          {{ type_labels.get(current.type, current.type) }} &middot;
          {% if current.lifetime %}unbefristet
          {% elif current.is_expired %}abgelaufen
          {% else %}noch {{ current.days_left }} Tage{% endif %}
        </div>
      </div>
    </div>
    <div class="card__body stack">
      <dl class="kv fs-sm">
        <dt>Gültig bis</dt>
        <dd>{% if current.lifetime %}unbefristet{% else %}{{ current.expires_at | date }}{% endif %}</dd>
        {% if current.hostname %}<dt>Installiert auf</dt><dd>{{ current.hostname }}</dd>{% endif %}
        <dt>Ausgestellt</dt><dd>{{ current.issued_at | date }}</dd>
      </dl>

      <a class="btn btn--primary btn--block"
         href="{{ url_for('selfservice.download', ticket_id=ticket.id, license_id=current.license_id) }}">
        {{ icon('download', size=16) }} Lizenzdatei herunterladen
      </a>
      {% if offline_needed %}
        <a class="btn btn--block mt-2"
           href="{{ url_for('selfservice.offline', ticket_id=ticket.id) }}">
          {{ icon('transfer', size=16) }} Offline aktivieren
        </a>
        <p class="fs-xs faint mt-2">
          Nutzen Sie das, wenn Ihre TESM-Installation uns nicht direkt erreicht.
        </p>
      {% endif %}
      <p class="fs-xs faint">
        Spielen Sie die Datei in Ihrer TESM-Installation unter
        <strong>Verwaltung &rarr; Lizenz</strong> ein und aktivieren Sie sie dort.
      </p>

      {% if allow_revoke %}
        <div class="divider"></div>
        <form method="post" data-no-guard
              action="{{ url_for('selfservice.revoke', ticket_id=ticket.id, license_id=current.license_id) }}">
          <input type="hidden" name="{{ csrf_field_name }}" value="{{ csrf_token() }}">
          <button class="btn btn--ghost danger-text btn--block" type="submit"
                  data-confirm="Lizenz freigeben? Ihre bisherige Installation verliert damit die lizenzpflichtigen Funktionen. Danach können Sie sofort eine neue Lizenz für Ihr neues System ausstellen."
                  data-confirm-title="Lizenz freigeben" data-confirm-ok="Freigeben">
            Lizenz freigeben (Systemwechsel)
          </button>
        </form>
        <p class="fs-xs faint">
          Nutzen Sie das, wenn Sie TESM auf einem anderen Server neu aufsetzen. Ihr Vertrag
          bleibt bestehen.
        </p>
      {% endif %}
    </div>
  </section>
{% else %}
  <section class="card">
    <div class="card__header">
      <div class="flex-1">
        <div class="card__title">{{ icon('shield', size=17) }} Noch keine Lizenz</div>
        <div class="card__sub">Sie können Ihre Lizenz jetzt erstellen</div>
      </div>
    </div>
    <div class="card__body">
      <form method="post" action="{{ url_for('selfservice.issue', ticket_id=ticket.id) }}"
            data-no-guard>
        <input type="hidden" name="{{ csrf_field_name }}" value="{{ csrf_token() }}">
        <button class="btn btn--primary btn--block" type="submit" {% if blocked %}disabled{% endif %}
                data-busy-label="Erstelle ...">
          Lizenz erstellen
        </button>
      </form>
    </div>
  </section>
{% endif %}

{% if history %}
  <details class="card">
    <summary class="card__header" style="cursor:pointer">
      <div class="flex-1">
        <div class="card__title">{{ icon('history', size=17) }} Früher ausgestellt</div>
        <div class="card__sub">{{ history | length }} Einträge</div>
      </div>
      {{ icon('chevron-down', size=16) }}
    </summary>
    <div class="table-wrap">
      <table class="table table--compact">
        <thead><tr><th>Ausgestellt</th><th>Zustand</th><th>System</th></tr></thead>
        <tbody>
          {% for entry in history %}
            <tr>
              <td class="fs-sm">{{ entry.issued_at | date }}</td>
              <td class="fs-sm">
                {% if entry.status == 'revoked' %}freigegeben
                {% elif entry.status == 'deactivated' %}abgelöst
                {% else %}{{ entry.status }}{% endif %}
              </td>
              <td class="fs-sm">{{ entry.hostname or '&ndash;' | safe }}</td>
            </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  </details>
{% endif %}

<p class="auth-footnote">
  <a href="{{ portal_url }}">Stammdaten pflegen</a>
  {% if vendor.name %} &middot; {{ vendor.name }}{% endif %}
  {% if vendor.phone %} &middot; {{ vendor.phone }}{% endif %}
</p>
{% endblock %}