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

{% block page_title %}Ticket {{ ticket.id[:12] }}…{% endblock %}
{% block page_sub %}
  {{ ticket.customer_name }} · {{ type_labels.get(ticket.type, ticket.type) }}
  {% if ticket.role != 'customer' %}· {{ role_labels.get(ticket.role, ticket.role) }}{% endif %}
{% endblock %}

{% block breadcrumb %}
<nav class="breadcrumb">
  <span><a href="{{ url_for('tickets.overview') }}">Tickets</a></span>
  <span><a href="{{ url_for('customers.detail', customer_id=ticket.customer_id) }}">{{ ticket.customer_name }}</a></span>
  <span>Ticket</span>
</nav>
{% endblock %}

{% block content %}
{% if endpoint_missing %}
  {{ alert(endpoint_missing, 'danger', 'Keine Ausstellung möglich') }}
{% endif %}
{% if ticket.status == 'blocked' %}
  {{ alert('Dieses Ticket ist gesperrt. Es lassen sich keine neuen Lizenzen ausstellen -- weder
  hier noch über den Self-Service des Kunden. Bereits ausgestellte Lizenzen bleiben gültig.',
  'danger', 'Gesperrt') }}
{% endif %}

<div class="grid grid--split">
  <div class="stack">
    <section class="card">
      <div class="card__header">
        <div class="flex-1">
          <div class="card__title">{{ icon('shield', size=17) }} Lizenz ausstellen</div>
          <div class="card__sub">
            {% if has_open_license %}
              Es existiert bereits eine offene Lizenz – widerrufen Sie sie zuerst.
            {% else %}
              Erzeugt eine signierte Lizenzdatei mit den Werten dieses Tickets.
              Die Laufzeit kommt aus dem Ticket und kann später nur mit ihm
              verlängert werden.
            {% endif %}
          </div>
        </div>
      </div>
      <div class="card__body row row--tight">
        {% if current_user.has('license_issue.execute') %}
          <form method="post" action="{{ url_for('licenses.issue', ticket_id=ticket.id) }}"
                data-no-guard>
            <input type="hidden" name="{{ csrf_field_name }}" value="{{ csrf_token() }}">
            <button class="btn btn--primary" type="submit"
                    {% if has_open_license or ticket.status == 'blocked' %}disabled{% endif %}
                    data-busy-label="Stelle aus ...">
              {{ icon('plus', size=15) }} Lizenz ausstellen
            </button>
          </form>
          {% if ticket.role == 'customer' %}
            <form method="post" action="{{ url_for('licenses.issue', ticket_id=ticket.id) }}"
                  data-no-guard>
              <input type="hidden" name="{{ csrf_field_name }}" value="{{ csrf_token() }}">
              <input type="hidden" name="as_trial" value="1">
              <button class="btn" type="submit"
                      {# Eine laufende **Test**lizenz sperrt diesen Knopf, eine
                         Volllizenz nicht: ansehen und bekommen sind zweierlei,
                         und ein Ticket darf beides tragen. #}
                      {% if has_open_trial or ticket.status == 'blocked' %}disabled{% endif %}
                      data-confirm="Testlizenz ausstellen? {{ trial_days }} Tage Laufzeit mit allen Modulen. Das Ticket bleibt unverändert und offen -- eine Testlizenz löst es nicht ein."
                      data-confirm-title="Testlizenz" data-confirm-ok="Ausstellen"
                      data-confirm-style="primary">
                Als Testlizenz ({{ trial_days }} Tage, alle Module)
              </button>
            </form>
          {% endif %}
        {% else %}
          <p class="muted fs-sm">Ihnen fehlt das Recht, Lizenzen auszustellen.</p>
        {% endif %}
      </div>
    </section>

    <section class="card">
      <div class="card__header">
        <div class="flex-1">
          <div class="card__title">{{ icon('history', size=17) }} Lizenzen dieses Tickets</div>
          <div class="card__sub">{{ licenses | length }} insgesamt</div>
        </div>
      </div>
      {% if licenses %}
        <div class="table-wrap">
          <table class="table table--compact">
            <thead><tr><th>Lizenz</th><th>Ausgestellt</th><th>Zustand</th><th>Läuft ab</th><th>Host</th></tr></thead>
            <tbody>
              {% for entry in licenses %}
                <tr>
                  <td class="mono fs-sm">
                    <a href="{{ url_for('licenses.detail', license_id=entry.license_id) }}">
                      {{ entry.license_id[:12] }}&hellip;</a>
                    {% if entry.type != ticket.type %}{{ pill(entry.type, 'accent') }}{% endif %}
                  </td>
                  <td class="fs-sm">{{ entry.issued_at | dt }}</td>
                  <td>
                    {% if entry.status == 'active' %}{{ pill('aktiv', 'online') }}
                    {% elif entry.status == 'issued' %}{{ pill('ausgestellt', 'info') }}
                    {% elif entry.status == 'revoked' %}{{ pill('widerrufen', 'danger') }}
                    {% else %}{{ pill('deaktiviert', '') }}{% endif %}
                  </td>
                  <td class="fs-sm">
                    {% if entry.lifetime %}unbefristet{% else %}{{ entry.expires_at | date }}{% endif %}
                  </td>
                  <td class="fs-sm">{{ entry.hostname or '&ndash;' | safe }}</td>
                </tr>
              {% endfor %}
            </tbody>
          </table>
        </div>
      {% else %}
        {{ empty_state('Noch keine Lizenz', 'Stellen Sie die erste Lizenz aus.', 'shield') }}
      {% endif %}
    </section>

    {% if self_service_url %}
      <section class="card">
        <div class="card__header">
          <div class="flex-1">
            <div class="card__title">{{ icon('link', size=17) }} Self-Service für den Kunden</div>
            <div class="card__sub">
              Ohne Anmeldung nutzbar &ndash; die Berechtigung ist der Besitz dieses Links
            </div>
          </div>
        </div>
        <div class="card__body stack">
          <div class="input-group">
            <input class="input input--mono" id="ss-url" value="{{ self_service_url }}" readonly>
            <button class="btn" type="button" data-copy="#ss-url">{{ icon('copy', size=15) }}</button>
          </div>
          <p class="fs-xs faint">
            Damit kann der Kunde seine Lizenz herunterladen, bei einem Systemwechsel freigeben und
            neu ausstellen. Der Link enthält 192 Bit Zufall und ist nicht ratbar – behandeln Sie
            ihn wie ein Passwort.
          </p>
          <div class="divider"></div>
          <div class="input-group">
            <input class="input input--mono" id="portal-url" value="{{ portal_url }}" readonly>
            <button class="btn" type="button" data-copy="#portal-url">{{ icon('copy', size=15) }}</button>
          </div>
          <p class="fs-xs faint">
            Kundenportal: der Kunde fordert dort selbst einen zeitlich begrenzten Zugangslink an
            und pflegt seine Stammdaten.
          </p>
        </div>
      </section>
    {% elif ticket.role != 'customer' %}
      {{ alert('Für Lizenzserver-Tickets ist der Self-Service vollständig gesperrt -- diese
      Lizenzen werden ausschliesslich hier verwaltet.', 'info') }}
    {% endif %}
  </div>

  <div class="stack">
    <section class="card">
      <div class="card__header">
        <div class="flex-1"><div class="card__title">{{ icon('sliders', size=17) }} Ticketdaten</div></div>
        {% if ticket.status == 'blocked' %}{{ pill('gesperrt', 'danger') }}
        {% else %}{{ pill('offen', 'online') }}{% endif %}
      </div>
      <form method="post" action="{{ url_for('tickets.update', ticket_id=ticket.id) }}">
        <input type="hidden" name="{{ csrf_field_name }}" value="{{ csrf_token() }}">
        <div class="card__body stack">
          {{ alert('Änderungen wirken auf die nächste Ausstellung. Kunde und Rolle sind
          unveränderlich.', 'info') }}
          <label class="field">
            <span class="field__label">Lizenztyp</span>
            <select class="select" name="type" id="ticket-type"
                    {% if not current_user.has('tickets.write') %}disabled{% endif %}>
              {% for value in types %}
                <option value="{{ value }}" {% if value == ticket.type %}selected{% endif %}>
                  {{ type_labels.get(value, value) }}
                </option>
              {% endfor %}
            </select>
          </label>
          {% if ticket.role == 'customer' %}
            <fieldset class="fieldset" id="module-box">
              <legend>Module</legend>
              <div class="stack stack--tight">
                {% for module in modules %}
                  {{ checkbox('modules', module_labels[module], value=module,
                              checked=module in ticket_modules,
                              disabled=not current_user.has('tickets.write')) }}
                {% endfor %}
              </div>
            </fieldset>
          {% endif %}
          {{ field('valid_days', 'Laufzeit (Tage)', value=ticket.valid_days, type='number',
                   hint_text='Gesamtlaufzeit ab Ausstellung. Aufschlagen geht unten.',
                   disabled=not current_user.has('tickets.write')) }}
          {{ checkbox('lifetime', 'Unbefristet', checked=ticket.lifetime,
                      disabled=not current_user.has('tickets.write')) }}
          {{ textarea_field('notes', 'Interne Notiz', value=ticket.notes, rows=2) }}
          <div class="divider"></div>
          <dl class="kv fs-xs">
            <dt>Ticket-ID</dt><dd class="mono break-all">{{ ticket.id }}</dd>
            <dt>Rolle</dt><dd>{{ role_labels.get(ticket.role, ticket.role) }}</dd>
            <dt>Angelegt</dt><dd>{{ ticket.created_at | dt }} von {{ ticket.created_by or '-' }}</dd>
          </dl>
        </div>
        {% if current_user.has('tickets.write') %}
          <div class="card__footer">
            <button class="btn btn--primary" type="submit">Speichern</button>
          </div>
        {% endif %}
      </form>
    </section>

    {# Dasselbe Bedienmuster wie bei der Lizenz: wer verlängert, rechnet in
       Tagen ab jetzt und nicht in einer neuen Gesamtzahl, die er sich erst aus
       dem alten Wert zusammensuchen muss. Und weil das Ticket der Anspruch
       ist, zieht die laufende Lizenz gleich mit. #}
    {% if current_user.has('tickets.write') and not ticket.lifetime %}
      <section class="card">
        <div class="card__header">
          <div class="flex-1">
            <div class="card__title">{{ icon('clock', size=17) }} Laufzeit verlängern</div>
            <div class="card__sub">
              Schlägt Tage auf die {{ ticket.valid_days }} Tage dieses Tickets auf.
              Eine laufende Lizenz wird dabei mitverlängert – sie erhält eine neue
              Revision und übernimmt sie beim nächsten Heartbeat.
            </div>
          </div>
        </div>
        <form method="post" action="{{ url_for('tickets.extend', ticket_id=ticket.id) }}">
          <input type="hidden" name="{{ csrf_field_name }}" value="{{ csrf_token() }}">
          <div class="card__body">
            {{ field('days', 'Verlängern um (Tage)', type='number', placeholder='30') }}
          </div>
          <div class="card__footer">
            <button class="btn btn--primary" type="submit">Verlängern</button>
          </div>
        </form>
      </section>
    {% endif %}

    {% if current_user.has('tickets.write') or current_user.has('tickets.delete') %}
      <section class="card">
        <div class="card__header">
          <div class="flex-1"><div class="card__title">{{ icon('lock', size=17) }} Sperre und Löschung</div></div>
        </div>
        <div class="card__body stack stack--tight">
          {% if current_user.has('tickets.write') %}
            <form method="post" action="{{ url_for('tickets.toggle_block', ticket_id=ticket.id) }}"
                  data-no-guard>
              <input type="hidden" name="{{ csrf_field_name }}" value="{{ csrf_token() }}">
              <button class="btn btn--sm btn--block {{ 'btn--danger' if ticket.status != 'blocked' }}"
                      type="submit"
                      data-confirm="{% if ticket.status == 'blocked' %}Ticket entsperren?{% else %}Ticket sperren? Der Kunde kann danach keine neuen Lizenzen mehr ausstellen.{% endif %}"
                      data-confirm-title="Ticketsperre" data-confirm-ok="Bestätigen"
                      data-confirm-style="{{ 'primary' if ticket.status == 'blocked' else 'danger' }}">
                {{ 'Entsperren' if ticket.status == 'blocked' else 'Sperren' }}
              </button>
            </form>
          {% endif %}
          {% if current_user.has('tickets.delete') %}
            <form method="post" action="{{ url_for('tickets.delete', ticket_id=ticket.id) }}"
                  data-no-guard>
              <input type="hidden" name="{{ csrf_field_name }}" value="{{ csrf_token() }}">
              <button class="btn btn--sm btn--ghost danger-text btn--block" type="submit"
                      {% if has_open_license %}disabled title="Erst die offene Lizenz widerrufen"{% endif %}
                      data-confirm="Ticket und seine gesamte Lizenzhistorie löschen? Das lässt sich nicht rückgängig machen."
                      data-confirm-title="Ticket löschen" data-confirm-ok="Löschen">
                Ticket löschen
              </button>
            </form>
          {% endif %}
        </div>
      </section>
    {% endif %}
  </div>
</div>
{% endblock %}

{% block scripts %}
{% if ticket.role == 'customer' %}
<script type="module" nonce="{{ csp_nonce }}">
  const type = document.getElementById("ticket-type");
  const moduleBox = document.getElementById("module-box");
  if (type && moduleBox) {
    const sync = () => {
      const custom = type.value === "custom";
      moduleBox.hidden = !custom;
    };
    type.addEventListener("change", sync);
    sync();
  }
</script>
{% endif %}
{% endblock %}