{% extends "base.html" %}
{% from 'macros/help.html' import help_icon %}
{% from 'macros/badges.html' import badge_warning, badge_secondary %}
{% block title %}Náhled importu — MedCover{% endblock %}

{% block extra_head %}
<style>
  .import-table th, .import-table td { vertical-align: middle; }
  .import-table input[type="text"], .import-table select { font-size: .85rem; }
  .warn-badge { font-size: .75rem; }
  .row-excluded { opacity: .45; }
  /* Keep the table scrollable on small screens */
  .import-scroll { overflow-x: auto; }
</style>
{% endblock %}

{% block content %}
<div class="d-flex align-items-center gap-3 mb-3">
  <h2 class="mb-0">Náhled importu</h2>
  {{ help_icon(
    "Zkontrolujte každý řádek. Upravte název, místo, zodpovědnou osobu nebo nadřazenou akci "
    "přímo v tabulce. Zrušením zaškrtnutí v prvním sloupci akci z importu vyjmete. "
    "Sekce uživatelů zobrazuje, kdo bude vytvořen nebo aktualizován. "
    "Varování upozorňují na potenciální problémy, ale nebrání importu.",
    title="Jak pracovat s náhledem"
  ) }}
</div>

{# ── Summary bar ──────────────────────────────────────────────────────── #}
<div class="d-flex flex-wrap gap-3 mb-4 align-items-center">
  <span class="badge bg-primary fs-6">{{ total }} akcí celkem</span>
  {% if users_preview_rows %}
  <span class="badge bg-success fs-6">{{ users_new }} nových uživatelů</span>
  {{ badge_secondary(users_existing ~ ' existujících', extra_classes='fs-6') }}
  {% endif %}
  {% if warnings_count %}
  {{ badge_warning(warnings_count ~ ' varování', extra_classes='fs-6') }}
  {% endif %}
  {% if duplicates_count %}
  <span class="badge bg-danger fs-6">{{ duplicates_count }} duplikátů</span>
  {% endif %}
</div>

<form method="POST" action="{{ url_for('import_events.events_confirm') }}" id="confirmForm">
  <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
  <input type="hidden" name="event_count" value="{{ preview_rows | length }}">

  {# ── Users section (v2 only) ─────────────────────────────────────────── #}
  {% if users_preview_rows %}
  <input type="hidden" name="user_count" value="{{ users_preview_rows | length }}">
  <div class="card mb-4">
    <div class="card-header fw-semibold d-flex align-items-center gap-2">
      Uživatelé z importu
      {% if users_new %}
      <span class="badge bg-success">{{ users_new }} nových</span>
      {% endif %}
      {% if users_existing %}
      {{ badge_secondary(users_existing ~ ' existujících') }}
      {% endif %}
      {% if users_qual_updates %}
      <span class="badge bg-warning text-dark">{{ users_qual_updates }} aktualizace kvalifikací</span>
      {% endif %}
      {{ help_icon(
        "Noví uživatelé budou vytvořeni s rolí Člen a odpovídající kvalifikací. "
        "Existující uživatelé nebudou znovu vytvořeni, ale jejich import-spravované kvalifikace "
        "(Zdravotník, Řidič sanitky, Zelenáč) budou aktualizovány, pokud se liší od importovaných dat. "
        "Zrušením zaškrtnutí vyřadíte nového uživatele z importu (nebude vytvořen). "
        "Bez e-mailu nelze uživatele vytvořit — doplňte ho ručně.",
        title="Import uživatelů"
      ) }}
    </div>
    <div class="card-body p-0">
      <div class="table-responsive">
        <table class="table table-sm table-hover mb-0 align-middle">
          <thead class="table-secondary">
            <tr>
              <th class="col-2p5r">Zahrnout</th>
              <th class="minw-160">Jméno</th>
              <th class="minw-180">E-mail</th>
              <th class="minw-120">Telefon</th>
              <th class="col-110">Kvalifikace</th>
              <th class="col-130">Stav</th>
            </tr>
          </thead>
          <tbody>
            {% for urow in users_preview_rows %}
            {% set j = loop.index0 %}
            <tr class="{% if urow.existing %}table-light text-muted{% endif %}">
              <td class="text-center">
                {# Hidden fields always submitted regardless of checkbox #}
                <input type="hidden" name="user_{{ j }}_db_id"
                       value="{{ urow.existing.id if urow.existing else '' }}">
                <input type="hidden" name="user_{{ j }}_gs_name" value="{{ urow.gs_name }}">
                <input type="hidden" name="user_{{ j }}_is_zdravotnik"
                       value="{{ '1' if urow.is_zdravotnik else '0' }}">
                <input type="hidden" name="user_{{ j }}_is_ridic"
                       value="{{ '1' if urow.is_ridic else '0' }}">
                {% if not urow.existing %}
                <input type="checkbox" class="form-check-input user-include"
                       name="user_{{ j }}_include" value="1" checked>
                {% endif %}
              </td>
              <td>
                {% if urow.existing %}
                <span>{{ urow.existing.name }}</span>
                {% else %}
                <input type="text" class="form-control form-control-sm"
                       name="user_{{ j }}_name" value="{{ urow.name }}">
                {% endif %}
              </td>
              <td>
                {% if urow.existing %}
                <span class="small">{{ urow.existing.email }}</span>
                {% else %}
                <input type="email" class="form-control form-control-sm"
                       name="user_{{ j }}_email" value="{{ urow.email or '' }}"
                       {% if not urow.email %}
                       placeholder="Doplňte e-mail!"
                       class="border border-warning"
                       {% endif %}>
                {% endif %}
              </td>
              <td>
                {% if urow.existing %}
                <span class="small">{{ urow.existing.phone or '—' }}</span>
                {% else %}
                <input type="text" class="form-control form-control-sm"
                       name="user_{{ j }}_phone" value="{{ urow.phone or '' }}">
                {% endif %}
              </td>
              <td>
                {% if urow.is_zdravotnik %}
                <span class="badge bg-danger">Zdravotník</span>
                {% endif %}
                {% if urow.is_ridic %}
                <span class="badge bg-primary">Řidič sanitky</span>
                {% endif %}
                {% if not urow.is_zdravotnik and not urow.is_ridic %}
                <span class="badge bg-success">Zelenáč</span>
                {% endif %}
              </td>
              <td>
                {% if urow.existing %}
                  <div class="d-flex flex-column gap-1">
                    {% if urow.is_archived %}
                    <span class="badge bg-secondary">Archivován</span>
                    {% else %}
                    <span class="badge bg-secondary">
                      Existuje
                      {% if urow.match_reason == 'name' %}(jméno){% else %}(e-mail){% endif %}
                    </span>
                    {% endif %}
                    {% if urow.qual_changes %}
                    <span class="badge bg-warning text-dark">Aktualizace kvalifikací</span>
                    {% for q in urow.qual_changes.add %}
                    <span class="small text-success">+ {{ q }}</span>
                    {% endfor %}
                    {% for q in urow.qual_changes.remove %}
                    <span class="small text-danger">− {{ q }}</span>
                    {% endfor %}
                    {% endif %}
                  </div>
                {% elif not urow.email %}
                {{ badge_warning('⚠ Chybí e-mail') }}
                {% else %}
                <div class="d-flex flex-column gap-1">
                  <span class="badge bg-success">Nový</span>
                  <label class="small text-muted d-flex align-items-center gap-1">
                    <input type="checkbox" name="user_{{ j }}_archived" value="1">
                    archivovat
                  </label>
                </div>
                {% endif %}
              </td>
            </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
    </div>
  </div>
  {% else %}
  <input type="hidden" name="user_count" value="0">
  {% endif %}

  {# ── Global defaults ────────────────────────────────────────────────── #}
  <div class="card mb-4">
    <div class="card-header fw-semibold">
      Výchozí nastavení pro všechny importované akce
      {{ help_icon(
        "Zde nastavíte výchozí hodnoty. Každou akci lze přepsat individuálně v tabulce níže. "
        "Nadřazená akce a kvalifikace jsou povinné pro správné vytvoření pozic.",
        title="Výchozí hodnoty"
      ) }}
    </div>
    <div class="card-body">
      <div class="row g-3">
        <div class="col-12 col-md-4">
          <label class="form-label fw-semibold">
            Nadřazená akce <span class="text-danger">*</span>
            {{ help_icon("Výchozí nadřazená akce. Každou akci lze přepsat v tabulce.") }}
          </label>
          <select class="form-select" name="global_master_event_id" id="globalMasterEvent" required>
            <option value="">— Vyberte —</option>
            {% for me in master_events %}
            <option value="{{ me.id }}"
              {% if me.is_general %}selected{% endif %}>
              {{ me.name }}{% if me.is_general %} (Výchozí){% endif %}
            </option>
            {% endfor %}
          </select>
        </div>
        <div class="col-12 col-md-4">
          <label class="form-label fw-semibold">
            Kvalifikace: Zdravotník
            {{ help_icon("Požadovaná kvalifikace pro pozici Zdravotník. Ponechte prázdné pro bez požadavku.") }}
          </label>
          <select class="form-select" name="global_zdravotnik_qual_id" id="globalZdravotnikQual">
            <option value="">— bez požadavku —</option>
            {% for q in qualifications %}
            <option value="{{ q.id }}"
              {% if default_zdravotnik_qual and q.id == default_zdravotnik_qual.id %}selected{% endif %}>
              {{ q.name }}
            </option>
            {% endfor %}
          </select>
        </div>
        <div class="col-12 col-md-4">
          <label class="form-label fw-semibold">
            Kvalifikace: Zelenáč
            {{ help_icon("Požadovaná kvalifikace pro pozice Zelenáč (1 povinná + 1 volitelná). Ponechte prázdné pro bez požadavku.") }}
          </label>
          <select class="form-select" name="global_zelenac_qual_id" id="globalZelenacQual">
            <option value="">— bez požadavku —</option>
            {% for q in qualifications %}
            <option value="{{ q.id }}"
              {% if default_zelenac_qual and q.id == default_zelenac_qual.id %}selected{% endif %}>
              {{ q.name }}
            </option>
            {% endfor %}
          </select>
        </div>
      </div>
      <div class="mt-3 text-muted" class="font-85">
        <strong>Pozice:</strong>
        Akce s ≤3 přihlášenými → 1× <em>Zdravotník (povinná)</em>, 1× <em>Zelenáč (povinná)</em>, 1× <em>Zelenáč (volitelná)</em>.
        Akce s více přihlášenými → počet pozic odpovídá počtu přihlášených.
        Akce bez zadaného času budou vytvořeny bez pozic.
      </div>
    </div>
  </div>

  {# ── Preview table ──────────────────────────────────────────────────── #}
  <div class="import-scroll mb-4">
    <table class="table table-sm table-hover import-table align-middle" class="minw-1200">
      <thead class="table-secondary">
        <tr>
          <th class="col-2p5r">
            <input type="checkbox" class="form-check-input" id="checkAll" checked
                   title="Zaškrtnout / odznačit vše">
          </th>
          <th class="minw-200">Název</th>
          <th class="col-100">Datum</th>
          <th class="col-90">Začátek</th>
          <th class="col-90">Konec</th>
          <th class="minw-140">Místo konání</th>
          <th class="col-80">Placená</th>
          <th class="minw-180">
            Nadřazená akce
            {{ help_icon("Přepíše výchozí hodnotu jen pro tuto akci.") }}
          </th>
          <th class="minw-180">
            Zodpovědná osoba
            {{ help_icon("Osoba spárovaná z GS. Upravte pokud shoda není správná.") }}
          </th>
          <th class="col-60">Varování</th>
        </tr>
      </thead>
      <tbody>
        {% for row in preview_rows %}
        {% set i = loop.index0 %}
        <tr class="event-row {% if row.is_duplicate %}table-warning{% endif %}" data-idx="{{ i }}">

          {# Include checkbox #}
          <td class="text-center">
            <input type="checkbox" class="form-check-input row-include"
                   name="ev_{{ i }}_include" value="1" checked>
          </td>

          {# Name #}
          <td>
            <input type="text" class="form-control form-control-sm {% if row.cancelled %}text-decoration-line-through text-muted{% endif %}"
                   name="ev_{{ i }}_name" value="{{ row.name }}" required>
            {% if row.cancelled %}
            <span class="badge bg-secondary mt-1">Zrušeno</span>
            {% endif %}
            {% if row.signups %}
            <div class="text-muted mt-1" class="font-75"
                 title="{{ row.signups | join(', ') }}">
              👥 {{ row.signups | length }}× přihlášeni
            </div>
            {% endif %}
            {# Hidden signup fields for assignments #}
            <input type="hidden" name="ev_{{ i }}_signup_count"
                   value="{{ row.signups | length }}">
            {% for s in row.signups %}
            <input type="hidden" name="ev_{{ i }}_signup_{{ loop.index0 }}"
                   value="{{ s }}">
            {% endfor %}
          </td>

          {# Date (read-only display + hidden) #}
          <td>
            <input type="hidden" name="ev_{{ i }}_date" value="{{ row.date }}">
            {% if row.end_date %}<input type="hidden" name="ev_{{ i }}_end_date" value="{{ row.end_date }}">{% endif %}
            <span class="small">{{ row.date }}{% if row.end_date %} → {{ row.end_date }}{% endif %}</span>
          </td>

          {# Start time #}
          <td>
            <input type="text" class="form-control form-control-sm"
                   name="ev_{{ i }}_start_time"
                   value="{{ row.start_time or '' }}"
                   placeholder="HH:MM" pattern="^([01]\d|2[0-3]):[0-5]\d$">
          </td>

          {# End time #}
          <td>
            <input type="text" class="form-control form-control-sm"
                   name="ev_{{ i }}_end_time"
                   value="{{ row.end_time or '' }}"
                   placeholder="HH:MM" pattern="^([01]\d|2[0-3]):[0-5]\d$">
          </td>

          {# Location #}
          <td>
            <input type="text" class="form-control form-control-sm"
                   name="ev_{{ i }}_location" value="{{ row.location or '' }}">
          </td>

          {# Paid #}
          <td class="text-center">
            <input type="checkbox" class="form-check-input"
                   name="ev_{{ i }}_paid" value="1" {% if row.paid %}checked{% endif %}>
          </td>

          {# Master event — empty = use global default #}
          <td>
            <select class="form-select form-select-sm" name="ev_{{ i }}_master_event_id">
              <option value="">— Výchozí —</option>
              {% for me in master_events %}
              <option value="{{ me.id }}">{{ me.name }}</option>
              {% endfor %}
            </select>
          </td>

          {# Responsible person #}
          <td>
            <select class="form-select form-select-sm" name="ev_{{ i }}_responsible_person_id">
              <option value="">— Nepřiřazen —</option>
              {% for u in users %}
              <option value="{{ u.id }}"
                {% if row.rp_user and u.id == row.rp_user.id %}selected{% endif %}>
                {{ u.name }}
              </option>
              {% endfor %}
              {# New users being imported in this batch (no DB id yet) #}
              {% for new_u in users_preview_rows if not new_u.existing %}
              <option value="name:{{ new_u.name }}"
                {% if not row.rp_user and row.responsible_person and new_u.name|lower == row.responsible_person|lower %}selected{% endif %}>
                {{ new_u.name }} ✨
              </option>
              {% endfor %}
            </select>
          </td>

          {# Warnings #}
          <td>
            {% if row.warnings %}
            <span class="warn-badge badge bg-warning text-black"
                  data-bs-toggle="tooltip"
                  data-bs-placement="left"
                  title="{{ row.warnings | join(' | ') }}">
              ⚠ {{ row.warnings | length }}
            </span>
            {% endif %}
          </td>

          {# Hidden fields #}
          <input type="hidden" name="ev_{{ i }}_contact_person" value="{{ row.contact_person or '' }}">
          <input type="hidden" name="ev_{{ i }}_description" value="{{ row.description or '' }}">
          <input type="hidden" name="ev_{{ i }}_time_missing" value="{{ '1' if row.time_missing else '0' }}">
          <input type="hidden" name="ev_{{ i }}_cancelled" value="{{ '1' if row.cancelled else '0' }}">
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>

  {# ── Action buttons ─────────────────────────────────────────────────── #}
  <div class="d-flex gap-3 align-items-center">
    <button type="submit" class="btn btn-success btn-lg" id="btnImport">
      Importovat
    </button>
    <a href="{{ url_for('import_events.events_paste') }}" class="btn btn-outline-secondary">
      Zpět — upravit data
    </a>
    <span class="text-muted small ms-auto" id="selectedCount"></span>
  </div>

</form>
{% endblock %}

{% block extra_scripts %}
<script src="{{ url_for('static', filename='js/import-preview.js') }}?v={{ static_ver }}"></script>
{% endblock %}