{% extends "base.html" %}
{% set active_page = "tickets" %}
{% block page_title %}Ticket{% endblock %}
{% block page_sub %}<div class="topbar-sub">{{ customer.name if customer else '?' }}</div>{% endblock %}

{% block content %}
{% import "_hint_icon.html" as hi %}
<div class="settings-grid">

  <div class="card card-pad">
    <div class="section-head" style="margin-bottom:16px;">
      <div><h2 style="font-size:16px;">Ticket</h2></div>
      <span class="pill {{ 'online' if ticket.status == 'open' else 'offline' }}">
        {{ 'Offen' if ticket.status == 'open' else 'Gesperrt' }}
      </span>
    </div>
    <div class="field"><label>Kunde</label><input type="text" value="{{ customer.name if customer else '?' }}" disabled></div>
    <div class="field"><label>Lizenztyp</label><input type="text" value="{{ type_labels.get(ticket.type, ticket.type) }}" disabled></div>
    <div class="field"><label>Module</label><input type="text" value="{{ modules_list|join(', ') if modules_list else 'keine' }}" disabled></div>
    <div class="field"><label>Gültigkeitsdauer</label><input type="text" value="{{ 'Lifetime (unbegrenzt)' if ticket.lifetime else ticket.valid_days ~ ' Tage' }}" disabled></div>
    <div class="field">
      <label>Self-Service-Link (dieses Ticket) {{ hi.hint_icon("Diesen Link an den Kunden weitergeben -- damit kann er seine Lizenz selbst herunterladen, widerrufen und (mit diesen Eckdaten) neu erstellen, ohne Login.", "Self-Service-Link") }}</label>
      <input type="text" class="mono" value="{{ self_service_url }}" readonly onclick="this.select()">
    </div>
    {% if portal_url %}
    <div class="field">
      <label>Kundenportal-Link (alle Tickets des Kunden) {{ hi.hint_icon("Zeigt dem Kunden ALLE seine Tickets samt Lizenzstatus und erlaubt ihm, seine Kontaktdaten selbst zu pflegen.", "Kundenportal-Link") }}</label>
      <input type="text" class="mono" value="{{ portal_url }}" readonly onclick="this.select()">
    </div>
    {% endif %}

    {% if can_edit %}
    <div class="flex gap-2" style="margin-top:14px;">
      <button type="button" class="btn btn-secondary" style="flex:1;" data-open-modal="editTicketModal">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7"/><path d="M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z"/></svg>
        Bearbeiten
      </button>
      <form method="post" style="flex:1;">
        <input type="hidden" name="toggle_block" value="1">
        <button type="submit" class="btn {{ 'btn-danger' if ticket.status == 'open' else 'btn-secondary' }} btn-block">
          {{ 'Sperren' if ticket.status == 'open' else 'Entsperren' }}
        </button>
      </form>
    </div>
    {% if can_delete_ticket %}
    <form method="post" action="{{ url_for('ticket_delete', ticket_id=ticket.id) }}" style="margin-top:10px;"
          data-confirm="Ticket für „{{ customer.name if customer else '?' }}“ wirklich löschen? Die Lizenzhistorie dieses Tickets geht dabei verloren.">
      <button type="submit" class="btn btn-danger btn-block">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18M8 6V4a2 2 0 012-2h4a2 2 0 012 2v2m3 0l-1 14a2 2 0 01-2 2H7a2 2 0 01-2-2L4 6"/></svg>
        Ticket löschen
      </button>
    </form>
    {% else %}
    <div class="hint" style="margin-top:10px;">Ticket kann erst gelöscht werden, wenn keine aktive/ausgestellte Lizenz mehr besteht.</div>
    {% endif %}
    {% endif %}
  </div>

  <div class="card card-pad">
    <div class="section-head" style="margin-bottom:16px;">
      <div><h2 style="font-size:16px;">Lizenz aus diesem Ticket erstellen</h2></div>
    </div>
    {% if not master_licensed %}
    <div class="notice-banner notice-banner--warning" style="margin-bottom:14px;">
      Dieser Lizenzserver hat selbst keine gültige Lizenz — siehe <a href="{{ url_for('settings_license') }}">Lizenz</a>.
    </div>
    {% elif ticket.status != 'open' %}
    <p class="text-faint" style="font-size:12.5px;">Ticket ist gesperrt — bitte zuerst entsperren.</p>
    {% elif has_open_license %}
    <p class="text-faint" style="font-size:12.5px;">
      Es gibt bereits eine aktive oder ausgestellte Lizenz zu diesem Ticket (siehe unten) — erst widerrufen, dann kann
      eine neue erstellt werden.
    </p>
    {% elif can_edit %}
    <form method="post" style="margin-bottom:10px;">
      <input type="hidden" name="issue_license" value="regular">
      <button type="submit" class="btn btn-primary btn-block">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6L9 17l-5-5"/></svg>
        {{ type_labels.get(ticket.type, ticket.type) }}-Lizenz erstellen ({{ 'Lifetime' if ticket.lifetime else ticket.valid_days ~ ' Tage' }})
      </button>
    </form>
    <form method="post">
      <input type="hidden" name="issue_license" value="trial">
      <button type="submit" class="btn btn-secondary btn-block">Stattdessen Trial erstellen (30 Tage, alle Module)</button>
    </form>
    {% endif %}
  </div>

  <div class="card card-pad" style="grid-column: 1 / -1;">
    <div class="section-head" style="margin-bottom:16px;">
      <div><h2 style="font-size:16px;">Lizenzen zu diesem Ticket</h2></div>
    </div>
    <div style="overflow-x:auto;">
    <table class="data-table">
      <thead><tr><th>Lizenz-ID</th><th>Typ</th><th>Ablauf</th><th>Status</th><th style="width:1%;">Aktionen</th></tr></thead>
      {% for l in licenses %}
      <tbody>
        <tr>
          <td class="mono text-dim">{{ l.license_id[:8] }}…</td>
          <td>{{ type_labels.get(l.type, l.type) }}</td>
          <td class="text-dim">{{ 'Lifetime' if l.is_lifetime else l.expires_at[:10] }}</td>
          <td>
            <span class="pill {{ {'active': 'online', 'issued': 'unknown', 'deactivated': 'disabled', 'revoked': 'offline'}.get(l.status, 'disabled') }}">
              {{ {"issued": "Ausgestellt", "active": "Aktiv", "deactivated": "Deaktiviert", "revoked": "Widerrufen"}.get(l.status, l.status) }}
            </span>
          </td>
          <td>
            <div class="row-actions">
              <a class="icon-btn" title="Details" href="{{ url_for('license_detail', license_id=l.license_id) }}">
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/></svg>
              </a>
              {% if can_edit and l.status in ('revoked', 'issued') %}
              <form method="post" action="{{ url_for('license_delete', license_id=l.license_id) }}"
                    data-confirm="Lizenz wirklich löschen? Das Ticket bleibt bestehen -- eine neue Lizenz mit denselben Eckdaten kann jederzeit daraus erstellt werden.">
                <button type="submit" class="icon-btn" style="color:var(--danger);" title="Löschen">
                  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18M8 6V4a2 2 0 012-2h4a2 2 0 012 2v2m3 0l-1 14a2 2 0 01-2 2H7a2 2 0 01-2-2L4 6"/></svg>
                </button>
              </form>
              {% endif %}
            </div>
          </td>
        </tr>
      </tbody>
      {% else %}
      <tbody><tr class="empty-row"><td colspan="5">Noch keine Lizenz aus diesem Ticket erstellt.</td></tr></tbody>
      {% endfor %}
    </table>
    </div>
  </div>

</div>

{% if can_edit %}
<div class="modal-overlay" id="editTicketModal">
  <div class="modal" style="max-width:520px;">
    <form method="post" action="{{ url_for('ticket_edit', ticket_id=ticket.id) }}">
      <div class="modal-header">
        <h3>Ticket bearbeiten</h3>
        <button type="button" class="modal-close" data-close-modal>&times;</button>
      </div>
      <div class="modal-body">
        <div class="hint" style="margin-bottom:14px;">
          Wirkt sich nur auf die NÄCHSTE aus diesem Ticket erstellte Lizenz aus -- bereits ausgestellte Lizenzen bleiben unverändert.
        </div>
        <div class="field">
          <label>Lizenztyp</label>
          <select name="license_type" id="editLicenseType" onchange="toggleEditModuleFields()">
            {% for lt in license_types %}
            <option value="{{ lt }}" {% if lt == ticket.type %}selected{% endif %}>{{ type_labels.get(lt, lt) }}</option>
            {% endfor %}
          </select>
        </div>
        <div id="editModuleFields" class="field {% if ticket.type != 'custom' %}hidden{% endif %}">
          <label>Module</label>
          <div class="check-list">
            {% for m in all_modules %}
            <label class="check-row">
              <input type="checkbox" name="modules" value="{{ m }}" {% if m in modules_list %}checked{% endif %}>
              {{ module_labels.get(m, m) }}
            </label>
            {% endfor %}
          </div>
        </div>
        <div class="field">
          <label class="check-row">
            <input type="checkbox" name="lifetime" value="1" id="editLifetime" {% if ticket.lifetime %}checked{% endif %}
                   {% if ticket.type == 'trial' %}disabled{% endif %} onchange="toggleEditLifetime()">
            Lifetime (unbegrenzte Laufzeit)
          </label>
        </div>
        <div class="field" id="editValidDaysField" {% if ticket.lifetime %}style="display:none;"{% endif %}>
          <label>Gültigkeitsdauer (Tage)</label>
          <input type="number" name="valid_days" id="editValidDays" value="{{ ticket.valid_days }}" min="1">
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-close-modal>Abbrechen</button>
        <button type="submit" class="btn btn-primary">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6L9 17l-5-5"/></svg>
          Speichern
        </button>
      </div>
    </form>
  </div>
</div>
{% endif %}

{% endblock %}

{% block scripts %}
<script>
function toggleEditModuleFields() {
    const type = document.getElementById("editLicenseType").value;
    document.getElementById("editModuleFields").classList.toggle("hidden", type !== "custom");
    const lifetimeBox = document.getElementById("editLifetime");
    lifetimeBox.disabled = (type === "trial");
    if (type === "trial" && lifetimeBox.checked) {
        lifetimeBox.checked = false;
        toggleEditLifetime();
    }
}
function toggleEditLifetime() {
    document.getElementById("editValidDaysField").style.display = document.getElementById("editLifetime").checked ? "none" : "";
}
</script>
{% endblock %}