{% extends "base.html" %}
{% from 'macros/help.html' import help_icon %}
{% block title %}Debriefing — {{ event.name }} — MedCover{% endblock %}

{% block content %}
<div class="row justify-content-center">
  <div class="col-12 col-lg-7">

    <h2 class="mb-1">Debriefing
      {{ help_icon("Povinné hodnocení po každé akci. Váš záznam je přísně důvěrný — přístup k němu mají pouze vedoucí organizace s rolí Debriefing Manager. Ani administrátoři systému ho neuvidí.") }}
    </h2>
    <p class="text-muted mb-4">
      <strong>{{ event.name }}</strong> —
      {{ event.start_datetime | localdt }}
    </p>

    <form method="POST" novalidate>
      <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">

      {# ── Part 1: Confidential feedback ─────────────────────────────────── #}
      <div class="card mb-4">
        <div class="card-header d-flex align-items-center gap-2">
          <i class="bi bi-lock-fill text-danger"></i>
          <strong>Důvěrná část</strong>
          {{ help_icon("Tato část je přísně důvěrná. Uvidí ji pouze vedení organizace (Debriefing Manager). Hodnoťte upřímně — váš záznam není přístupný koordinátorům ani ostatním účastníkům.") }}
        </div>
        <div class="card-body">

          <div class="mb-4">
            <label class="form-label fw-semibold">
              Celkové hodnocení akce <span class="text-danger">*</span>
              {{ help_icon("Ohodnoťte akci jako celek: 1 = výborná, 5 = velmi špatná.") }}
            </label>
            <div class="d-flex gap-3">
              {% for val, label in [(1, "1 — Výborná"), (2, "2 — Dobrá"), (3, "3 — Průměrná"), (4, "4 — Podprůměrná"), (5, "5 — Špatná")] %}
              <div class="form-check">
                <input class="form-check-input" type="radio" name="grade" id="grade_{{ val }}"
                       value="{{ val }}"
                       {{ 'checked' if request.form.get('grade') == val|string else '' }}
                       required>
                <label class="form-check-label" for="grade_{{ val }}">{{ label }}</label>
              </div>
              {% endfor %}
            </div>
          </div>

          <div class="mb-3">
            <label for="feedback_event" class="form-label">
              Hodnocení průběhu akce
              {{ help_icon("Volitelné. Popište průběh akce — co proběhlo dobře, co by šlo zlepšit, nestandardní situace.") }}
            </label>
            <textarea class="form-control" id="feedback_event" name="feedback_event" rows="3"
                      placeholder="Volitelné…">{{ request.form.get('feedback_event', '') }}</textarea>
          </div>

          <div class="mb-3">
            <label for="feedback_customer" class="form-label">
              Hodnocení objednatele / organizátora
              {{ help_icon("Volitelné. Jak se choval objednatel akce (zákazník, organizátor)? Přístup, komunikace, podmínky.") }}
            </label>
            <textarea class="form-control" id="feedback_customer" name="feedback_customer" rows="3"
                      placeholder="Volitelné…">{{ request.form.get('feedback_customer', '') }}</textarea>
          </div>

          <div class="mb-1">
            <label for="feedback_colleagues" class="form-label">
              Hodnocení kolegů
              {{ help_icon("Volitelné. Jak fungoval tým? Spolupráce, komunikace, odbornost kolegů.") }}
            </label>
            <textarea class="form-control" id="feedback_colleagues" name="feedback_colleagues" rows="3"
                      placeholder="Volitelné…">{{ request.form.get('feedback_colleagues', '') }}</textarea>
          </div>

        </div>
      </div>

      {# ── Part 2: RP section (actual times + post-event count) ─────────────── #}
      {% if has_rp_section %}
      <div class="card mb-4 border-primary">
        <div class="card-header bg-primary bg-opacity-10 d-flex align-items-center gap-2">
          <i class="bi bi-clipboard2-pulse-fill text-primary"></i>
          {% if event.event_type == EventType.TRAINING %}
            <strong>Část zodpovědné osoby (lektor)</strong>
            {{ help_icon("Tuto část vyplňuje zodpovědná osoba (lektor školení). Skutečné časy a počet účastníků jsou viditelné pro koordinátory a slouží pro výkazy. Všechna pole jsou nepovinná.") }}
          {% else %}
            <strong>Část zodpovědné osoby</strong>
            {{ help_icon("Tuto část vyplňuje pouze zodpovědná osoba. Skutečné časy a počet ošetřených pacientů jsou veřejné informace viditelné pro všechny uživatele na detailu akce a použijí se pro fakturaci.") }}
          {% endif %}
        </div>
        <div class="card-body">

          <div class="row g-3 mb-3">
            <div class="col-12 col-md-6">
              <label for="actual_start_datetime" class="form-label {% if event.event_type != EventType.TRAINING %}fw-semibold{% endif %}">
                Skutečný začátek akce {% if event.event_type != EventType.TRAINING %}<span class="text-danger">*</span>{% endif %}
                {{ help_icon("Skutečný čas zahájení akce — může se lišit od plánovaného.") }}
              </label>
              <div class="input-group">
                <input type="text" class="form-control flatpickr-dt"
                       id="actual_start_datetime" name="actual_start_datetime"
                       value="{{ request.form.get('actual_start_datetime', event.start_datetime | localdt(fmt='%Y-%m-%dT%H:%M')) }}"
                       {% if event.event_type != EventType.TRAINING %}required{% endif %}>
                <button class="btn btn-outline-secondary btn-fpnow" type="button">Teď</button>
              </div>
            </div>
            <div class="col-12 col-md-6">
              <label for="actual_end_datetime" class="form-label {% if event.event_type != EventType.TRAINING %}fw-semibold{% endif %}">
                Skutečný konec akce {% if event.event_type != EventType.TRAINING %}<span class="text-danger">*</span>{% endif %}
                {{ help_icon("Skutečný čas ukončení akce — může se lišit od plánovaného.") }}
              </label>
              <div class="input-group">
                <input type="text" class="form-control flatpickr-dt"
                       id="actual_end_datetime" name="actual_end_datetime"
                       value="{{ request.form.get('actual_end_datetime', event.end_datetime | localdt(fmt='%Y-%m-%dT%H:%M')) }}"
                       {% if event.event_type != EventType.TRAINING %}required{% endif %}>
                <button class="btn btn-outline-secondary btn-fpnow" type="button">Teď</button>
              </div>
            </div>
          </div>

          <div class="mb-1">
            {% if event.event_type == EventType.TRAINING %}
              <label for="post_event_count" class="form-label">
                Skutečný počet účastníků
                {{ help_icon("Celkový počet účastníků, kteří se školení zúčastnili. Nepovinné.") }}
              </label>
              <input type="number" min="0" class="form-control maxw-160"
                     id="post_event_count" name="post_event_count"
                     value="{{ request.form.get('post_event_count', '') }}">
            {% else %}
              <label for="post_event_count" class="form-label fw-semibold">
                Počet ošetřených <span class="text-danger">*</span>
                {{ help_icon("Celkový počet pacientů, kterým byla poskytnuta první pomoc nebo zdravotnická péče. Zadejte 0 pokud nebyl ošetřen žádný pacient.") }}
              </label>
              <input type="number" min="0" class="form-control maxw-160"
                     id="post_event_count" name="post_event_count"
                     value="{{ request.form.get('post_event_count', '0') }}"
                     required>
            {% endif %}
          </div>

        </div>
      </div>
      {% endif %}

      <div class="alert alert-warning py-2 small">
        <i class="bi bi-exclamation-triangle-fill me-1"></i>
        Odevzdání je <strong>nevratné</strong>. Po odeslání již debriefing nelze upravit.
      </div>

      <div class="d-flex gap-2">
        <button type="submit" class="btn btn-danger">Odevzdat debriefing</button>
        <a href="{{ url_for('events.detail', event_id=event.id) }}" class="btn btn-outline-secondary">Zpět na akci</a>
      </div>
    </form>

  </div>
</div>
{% endblock %}