{% extends "base.html" %}
{% from 'macros/help.html' import help_icon %}
{% from 'macros/badges.html' import badge_grade, badge_warning, badge_secondary %}
{% block title %}Správa debriefingů — MedCover{% endblock %}

{% block content %}
<div class="d-flex justify-content-between align-items-center mb-3">
  <h2 class="mb-0">Debriefing
    {{ help_icon("Přehled všech debriefingů ze dokončených akcí. Tato stránka je přísně důvěrná — přístup mají pouze uživatelé s rolí Debriefing Manager. Administrátoři systému tuto stránku nevidí.") }}
  </h2>
</div>

{# Date-range filter #}
<div class="card mb-4">
  <div class="card-body">
    <form method="GET" action="{{ url_for('debriefing.manage') }}" class="row g-3 align-items-end">
      <div class="col-md-4">
        <label for="from_date" class="form-label">Od data</label>
        <input type="text" class="form-control flatpickr-date" id="from_date" name="from_date"
               value="{{ from_date }}">
      </div>
      <div class="col-md-4">
        <label for="to_date" class="form-label">Do data</label>
        <input type="text" class="form-control flatpickr-date" id="to_date" name="to_date"
               value="{{ to_date }}">
      </div>
      <div class="col-md-4 d-flex gap-2">
        <button type="submit" class="btn btn-danger flex-grow-1">Filtrovat</button>
        {% if from_date or to_date %}
        <a href="{{ url_for('debriefing.manage') }}" class="btn btn-outline-secondary">Zrušit</a>
        {% endif %}
      </div>
    </form>
    <div class="d-flex flex-wrap gap-2 mt-3 align-items-center">
      {% for label, fd, td in quick_ranges %}
      <a href="{{ url_for('debriefing.manage', from_date=fd, to_date=td) }}"
         class="btn btn-outline-secondary btn-sm">{{ label }}</a>
      {% endfor %}
      <span class="text-muted small ms-auto">Zobrazeno {{ events | length }} záznamů</span>
    </div>
  </div>
</div>

{% if not events and (from_date or to_date) %}
<div class="text-muted">Žádné záznamy neodpovídají zvolenému období.</div>
{% elif not events %}
<div class="text-muted">Žádné dokončené akce.</div>
{% else %}
{% for event in events %}
{% set assignments = event.spots | map(attribute='assignment') | select | list %}
{% set submitted = assignments | selectattr('debriefing') | list %}
{% set pending = assignments | rejectattr('debriefing') | list %}
<div class="card mb-3">
  <div class="card-header d-flex justify-content-between align-items-center py-2">
    <div>
      <strong>{{ event.name }}</strong>
      <span class="text-muted small ms-2">{{ event.start_datetime | localdt }}</span>
    </div>
    <div class="d-flex gap-2 align-items-center">
      {% if pending %}
      {{ badge_warning(pending|length ~ ' čekají') }}
      {% endif %}
      <span class="badge bg-success">{{ submitted|length }} odevzdáno</span>
      {% if event.actual_start_datetime %}
      <span class="badge bg-primary">Časy uloženy</span>
      {% else %}
      {{ badge_secondary('Časy neuloženy') }}
      {% endif %}
    </div>
  </div>

  {% if event.actual_start_datetime %}
  <div class="card-body border-bottom py-2 bg-body-secondary">
    <div class="row g-2 small">
      <div class="col-auto"><strong>Skutečný začátek:</strong> {{ event.actual_start_datetime | localdt }}</div>
      <div class="col-auto"><strong>Skutečný konec:</strong> {{ event.actual_end_datetime | localdt }}</div>
      {% if event.event_type.name == 'MEDICAL_COVER' %}
        <div class="col-auto"><strong>Počet ošetřených:</strong> {{ event.post_event_count }}</div>
      {% elif event.event_type.name == 'TRAINING' and event.post_event_count is not none %}
        <div class="col-auto"><strong>Skutečný počet účastníků:</strong> {{ event.post_event_count }}</div>
      {% endif %}
    </div>
  </div>
  {% endif %}

  {% if submitted %}
  <div class="table-responsive">
    <table class="table table-sm mb-0">
      <thead class="table-light">
        <tr>
          <th>Účastník</th>
          <th class="text-center">Hodnocení</th>
          <th>Průběh akce</th>
          <th>Objednatel</th>
          <th>Kolegové</th>
          <th class="text-muted small">Odevzdáno</th>
        </tr>
      </thead>
      <tbody>
        {% for a in submitted %}
        {% set r = a.debriefing %}
        <tr>
          <td>{{ a.user.name }}</td>
          <td class="text-center">
            {{ badge_grade(r.grade) }}
          </td>
          <td class="small text-muted" class="maxw-200 text-prewrap">{{ r.feedback_event or '—' }}</td>
          <td class="small text-muted" class="maxw-200 text-prewrap">{{ r.feedback_customer or '—' }}</td>
          <td class="small text-muted" class="maxw-200 text-prewrap">{{ r.feedback_colleagues or '—' }}</td>
          <td class="text-muted small">{{ r.submitted_at | localdt }}</td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
  {% endif %}

  {% if pending %}
  <div class="card-footer text-muted small py-2">
    Čekají na odevzdání: {{ pending | map(attribute='user.name') | join(', ') }}
  </div>
  {% endif %}

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