{% 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 moeglich') }}
{% endif %}
{% if ticket.status == 'blocked' %}
  {{ alert('Dieses Ticket ist gesperrt. Es lassen sich keine neuen Lizenzen ausstellen -- weder
  hier noch ueber den Self-Service des Kunden. Bereits ausgestellte Lizenzen bleiben gueltig.',
  '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.
            {% endif %}
          </div>
        </div>
      </div>
      <div class="card__body row row--tight">
        {% if current_user.has('licenses.create') %}
          <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"
                      {% if has_open_license or ticket.status == 'blocked' %}disabled{% endif %}
                      data-confirm="Testlizenz ausstellen? {{ trial_days }} Tage Laufzeit mit allen Modulen. Das Ticket selbst bleibt unveraendert."
                      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>Laeuft 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 fuer 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 enthaelt 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('Fuer Lizenzserver-Tickets ist der Self-Service vollstaendig 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('Aenderungen wirken auf die naechste Ausstellung. Kunde und Rolle sind
          unveraenderlich.', 'info') }}
          <label class="field">
            <span class="field__label">Lizenztyp</span>
            <select class="select" name="type" id="ticket-type"
                    {% if not current_user.has('tickets.edit') %}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.edit')) }}
                {% endfor %}
              </div>
            </fieldset>
          {% endif %}
          {{ field('valid_days', 'Laufzeit (Tage)', value=ticket.valid_days, type='number',
                   disabled=not current_user.has('tickets.edit')) }}
          {{ checkbox('lifetime', 'Unbefristet', checked=ticket.lifetime,
                      disabled=not current_user.has('tickets.edit')) }}
          {{ 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.edit') %}
          <div class="card__footer">
            <button class="btn btn--primary" type="submit">Speichern</button>
          </div>
        {% endif %}
      </form>
    </section>

    {% if current_user.has('tickets.edit') 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 Loeschung</div></div>
        </div>
        <div class="card__body stack stack--tight">
          {% if current_user.has('tickets.edit') %}
            <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="Bestaetigen"
                      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 loeschen? Das laesst sich nicht rueckgaengig machen."
                      data-confirm-title="Ticket loeschen" data-confirm-ok="Loeschen">
                Ticket loeschen
              </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 %}