{% extends "base.html" %}
{% set active_page = "customers" %}
{% block page_title %}Kunde{% endblock %}
{% block page_sub %}<div class="topbar-sub">{{ customer.name }}</div>{% endblock %}

{% block content %}
{% import "_hint_icon.html" as hi %}

<div class="section-head" style="margin-bottom:16px;">
  <div>
    <h2 style="font-size:16px;">
      {{ customer.name }}
      {% if sub_license %}<span class="pill admin" style="margin-left:6px;">Lizenzserver</span>{% endif %}
    </h2>
  </div>
  <a href="{{ url_for('customers') }}" class="btn btn-secondary">← Alle Kunden</a>
</div>

<div class="settings-grid">
  <div class="card card-pad">
    <div class="section-head" style="margin-bottom:16px;">
      <div><h2 style="font-size:16px;">Stammdaten</h2></div>
      {% if can_edit %}
      <a href="{{ url_for('customers') }}" class="btn btn-sm btn-secondary">Bearbeiten</a>
      {% endif %}
    </div>
    <div class="field"><label>E-Mail</label><input type="text" value="{{ customer.contact_email or '—' }}" disabled></div>
    <div class="field"><label>Telefon</label><input type="text" value="{{ customer.contact_phone or '—' }}" disabled></div>
    <div class="field"><label>Ansprechpartner</label><input type="text" value="{{ customer.contact_person or '—' }}" disabled></div>
    <div class="field">
      <label>Anschrift</label>
      <input type="text" value="{{ [customer.street, customer.house_number]|select|join(' ') or '—' }}{{ ', ' ~ [customer.postal_code, customer.city]|select|join(' ') if customer.postal_code or customer.city else '' }}" disabled>
    </div>
    {% if customer.notes %}
    <div class="field"><label>Notizen</label><textarea disabled rows="3">{{ customer.notes }}</textarea></div>
    {% endif %}
  </div>

  <div class="card card-pad">
    <div class="section-head" style="margin-bottom:16px;">
      <div><h2 style="font-size:16px;">Eigene Tickets bei uns</h2></div>
      <a href="{{ url_for('ticket_new') }}?customer_id={{ customer.id }}" class="btn btn-sm btn-secondary">Neues Ticket</a>
    </div>
    {% if tickets %}
    <div style="overflow-x:auto;">
    <table class="data-table">
      <thead><tr><th>Typ</th><th>Rolle</th><th>Ticket</th><th>Lizenz-Status</th></tr></thead>
      <tbody>
        {% for t in tickets %}
        <tr>
          <td>{{ type_labels.get(t.type, t.type) }}</td>
          <td>{% if t.role == 'license_server' %}<span class="pill admin">Lizenzserver</span>{% else %}Kunde{% endif %}</td>
          <td>
            <a href="{{ url_for('ticket_detail', ticket_id=t.id) }}" class="pill {{ 'online' if t.status == 'open' else 'offline' }}">
              {{ 'Offen' if t.status == 'open' else 'Gesperrt' }}
            </a>
          </td>
          <td>
            {% if t.license %}
            <span class="pill {{ {'active': 'online', 'issued': 'unknown', 'deactivated': 'disabled', 'revoked': 'offline'}.get(t.license.status, 'disabled') }}">
              {{ {"issued": "Ausgestellt", "active": "Aktiv", "deactivated": "Deaktiviert", "revoked": "Widerrufen"}.get(t.license.status, t.license.status) }}
            </span>
            {% else %}<span class="text-faint">Noch keine Lizenz</span>{% endif %}
          </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
    </div>
    {% else %}
    <p class="text-faint" style="font-size:12.5px;">Noch keine Tickets für diesen Kunden.</p>
    {% endif %}
  </div>
</div>

{% if sub_license %}
<div class="card card-pad" style="margin-top:20px;">
  <div class="section-head" style="margin-bottom:16px;">
    <div>
      <h2 style="font-size:16px;">Von diesem Lizenzserver verwaltete Kunden</h2>
      <div class="hint">
        Gemeldet vom Sub-Lizenzserver selbst bei jedem Heartbeat {{ hi.hint_icon("Rein informativ -- diese Daten werden nicht von uns verwaltet, sondern vom Sub-Lizenzserver selbst bei jedem Heartbeat (alle 6h, zusaetzlich sofort nach jeder dortigen Aenderung) als vollstaendiger Schnappschuss gemeldet und hier nur angezeigt.", "Gemeldete Daten") }}
        {% if sub_license.last_heartbeat_at %}— zuletzt {{ sub_license.last_heartbeat_at }}{% else %}— noch kein Heartbeat empfangen{% endif %}
      </div>
    </div>
  </div>
  {% if reported_customers %}
  {% for rc in reported_customers %}
  <div class="card card-pad" style="margin-bottom:12px; background:var(--bg-elevated);">
    <div class="section-head" style="margin-bottom:10px;">
      <div><strong>{{ rc.name }}</strong> <span class="text-dim" style="font-size:12px;">{{ rc.contact_email or '' }}</span></div>
    </div>
    {% set rtickets = reported_tickets_by_customer.get(rc.remote_customer_ref, []) %}
    {% if rtickets %}
    <div style="overflow-x:auto;">
    <table class="data-table">
      <thead><tr><th>Typ</th><th>Laufzeit</th><th>Ticket-Status</th><th>Lizenz-Status</th><th>Ablauf</th></tr></thead>
      <tbody>
        {% for rt in rtickets %}
        {% set rlicenses = reported_licenses_by_ticket.get(rt.remote_ticket_id, []) %}
        {% set rl = rlicenses[0] if rlicenses else none %}
        <tr>
          <td>{{ type_labels.get(rt.type, rt.type) }}</td>
          <td class="text-dim">{{ 'Lifetime' if rt.lifetime else (rt.valid_days ~ ' Tage' if rt.valid_days else '—') }}</td>
          <td><span class="pill {{ 'online' if rt.status == 'open' else 'offline' }}">{{ 'Offen' if rt.status == 'open' else 'Gesperrt' }}</span></td>
          {% if rl %}
          <td>
            <span class="pill {{ {'active': 'online', 'issued': 'unknown', 'deactivated': 'disabled', 'revoked': 'offline'}.get(rl.status, 'disabled') }}">
              {{ {"issued": "Ausgestellt", "active": "Aktiv", "deactivated": "Deaktiviert", "revoked": "Widerrufen"}.get(rl.status, rl.status) }}
            </span>
          </td>
          <td class="text-dim">
            {% if rl.is_lifetime %}Lifetime
            {% elif rl.days_left is not none %}
              <span style="{{ 'color:var(--danger);' if rl.color == 'red' else ('color:var(--warning);' if rl.color == 'orange' else '') }}">{{ rl.days_left }} Tage</span>
            {% else %}—{% endif %}
          </td>
          {% else %}
          <td class="text-faint" colspan="2">Noch keine Lizenz</td>
          {% endif %}
        </tr>
        {% endfor %}
      </tbody>
    </table>
    </div>
    {% else %}
    <p class="text-faint" style="font-size:12px;">Noch keine Tickets gemeldet.</p>
    {% endif %}
  </div>
  {% endfor %}
  {% else %}
  <p class="text-faint" style="font-size:12.5px;">Dieser Lizenzserver hat noch keine eigenen Kunden gemeldet.</p>
  {% endif %}
</div>
{% endif %}

{% endblock %}