{% extends "base.html" %}
{% from 'macros/badges.html' import badge_secondary %}
{% block title %}Přehled za období — MedCover{% endblock %}

{% block content %}
<div class="d-flex justify-content-between align-items-center mb-3">
  <h2 class="mb-0">Přehled za období</h2>
  <a href="{{ url_for('reports.index') }}" class="btn btn-outline-secondary btn-sm">← Zpět na přehledy</a>
</div>

{# Date-range form #}
<div class="card mb-4">
  <div class="card-body">
    <form method="GET" action="{{ url_for('reports.date_range_report') }}" 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">
        <button type="submit" class="btn btn-danger w-100">Zobrazit přehled</button>
      </div>
    </form>
    <div class="d-flex flex-wrap gap-2 mt-3">
      {% for label, fd, td in quick_ranges %}
      <a href="{{ url_for('reports.date_range_report', from_date=fd, to_date=td) }}"
         class="btn btn-outline-secondary btn-sm">{{ label }}</a>
      {% endfor %}
    </div>
  </div>
</div>

{% if error is defined and error %}
<div class="alert alert-danger">{{ error }}</div>
{% endif %}

{% if results is not none %}

{# CSV download button #}
<div class="mb-3 text-end">
  <a href="{{ url_for('reports.date_range_report', from_date=from_date, to_date=to_date, format='csv') }}"
     class="btn btn-outline-success btn-sm">⬇ Stáhnout CSV</a>
</div>

{# Summary cards #}
<div class="row g-3 mb-4">
  <div class="col-6 col-md-2">
    <div class="card text-center">
      <div class="card-body py-3">
        <div class="fs-3 fw-bold text-danger">{{ results.total_events }}</div>
        <div class="text-muted small">Akcí celkem</div>
      </div>
    </div>
  </div>
  <div class="col-6 col-md-2">
    <div class="card text-center">
      <div class="card-body py-3">
        <div class="fs-3 fw-bold text-danger">{{ results.filled_spots }} / {{ results.total_spots }}</div>
        <div class="text-muted small">Obsazeno pozic</div>
      </div>
    </div>
  </div>
  <div class="col-6 col-md-2">
    <div class="card text-center">
      <div class="card-body py-3">
        <div class="fs-3 fw-bold text-danger">{{ results.total_worked_hours | cznum }}</div>
        <div class="text-muted small">Odprac. hodin</div>
      </div>
    </div>
  </div>
  <div class="col-6 col-md-2">
    <div class="card text-center">
      <div class="card-body py-3">
        <div class="fs-3 fw-bold text-danger">{{ results.total_patients }}</div>
        <div class="text-muted small">Ošetřených / účastníků</div>
      </div>
    </div>
  </div>
  <div class="col-12 col-md-4">
    <div class="card h-100">
      <div class="card-body py-3">
        <div class="text-muted small mb-1">Akce podle stavu</div>
        {% if results.status_counts %}
          {% for status, cnt in results.status_counts.items() %}
            {{ badge_secondary(status ~ ': ' ~ cnt, extra_classes='me-1') }}
          {% endfor %}
        {% else %}
          <span class="text-muted">—</span>
        {% endif %}
      </div>
    </div>
  </div>
</div>

{# Results grouped by ME #}
{% if results.me_groups %}
  {% for group in results.me_groups %}
  <h5 class="mt-4 mb-2">
    <a href="{{ url_for('reports.me_report', me_id=group.master_event.id) }}">{{ group.master_event.name }}</a>
  </h5>
  <div class="table-responsive mb-3">
    <table class="table table-hover table-sm align-middle">
      <thead class="table-light">
        <tr>
          <th>Akce</th>
          <th>Datum</th>
          <th>Stav</th>
          <th class="text-end">Pozice (obsaz./celkem)</th>
          <th class="text-end">Odprac. hodiny</th>
          <th class="text-end">Ošetřených / účastníků</th>
        </tr>
      </thead>
      <tbody>
        {% for ev in group.events %}
        <tr>
          <td>
            <a href="{{ url_for('events.detail', event_id=ev.id) }}">{{ ev.name }}</a>
          </td>
          <td class="text-nowrap">{{ ev.start_datetime | localdt("%d.%m.%Y") }}</td>
          <td>
            <span class="badge
              {% if ev.status.value == 'Dokončena' %}bg-success
              {% elif ev.status.value == 'Zrušena' %}bg-danger
              {% elif ev.status.value == 'Koncept' %}bg-secondary
              {% else %}bg-primary{% endif %}">
              {{ ev.status.value }}
            </span>
          </td>
          <td class="text-end">{{ ev.filled_spots }} / {{ ev.total_spots }}</td>
          <td class="text-end">
            {% if ev.actual_hours is not none %}{{ ev.actual_hours | cznum }}{% else %}<span class="text-muted">—</span>{% endif %}
          </td>
          <td class="text-end">{{ ev.post_event_count or 0 if ev.event_type.name != 'PRESENTATION' else '—' }}</td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
  {% endfor %}
{% else %}
  <div class="alert alert-info">Ve zvoleném období nebyly nalezeny žádné akce.</div>
{% endif %}

{# Per-user statistics across the date range #}
{% if results.user_stat_rows %}
<h4 class="mt-4 mb-3">Statistiky účastníků za období</h4>
<div class="table-responsive">
  <table class="table table-hover table-sm align-middle">
    <thead class="table-light">
      <tr>
        <th>Účastník</th>
        <th class="text-end">Směny odsloužené</th>
        <th class="text-end">Směny plánované</th>
        <th class="text-end">Hodiny odsloužené</th>
        <th class="text-end">Hodiny plánované</th>
        <th class="text-end">Hodiny celkem</th>
        <th class="text-end">Hodiny zdarma</th>
        <th class="text-end">Poslední směna</th>
        <th class="text-end">Příští směna</th>
      </tr>
    </thead>
    <tbody>
      {% for u, s in results.user_stat_rows %}
      <tr>
        <td>
          {% if current_user.has_permission("report.view") %}
            <a href="{{ url_for('reports.user_report', user_id=u.id) }}">{{ u.name }}</a>
          {% else %}{{ u.name }}{% endif %}
        </td>
        <td class="text-end">{{ s.shifts_served }}</td>
        <td class="text-end">{{ s.shifts_planned }}</td>
        <td class="text-end">{{ s.hours_served | cznum }}</td>
        <td class="text-end">{{ s.hours_planned | cznum }}</td>
        <td class="text-end fw-semibold">{{ s.hours_total | cznum }}</td>
        <td class="text-end">{{ s.hours_free | cznum }}</td>
        <td class="text-end text-nowrap">
          {% if s.last_shift %}{{ s.last_shift | localdt("%d.%m.%Y") }}{% else %}<span class="text-muted">—</span>{% endif %}
        </td>
        <td class="text-end text-nowrap">
          {% if s.next_shift %}{{ s.next_shift | localdt("%d.%m.%Y") }}{% else %}<span class="text-muted">—</span>{% endif %}
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endif %}

{% elif from_date or to_date %}
  {# Form was shown but no results rendered — empty state already handled above #}
{% else %}
<div class="alert alert-info">Zadejte rozsah dat a klikněte na <strong>Zobrazit přehled</strong>.</div>
{% endif %}
{% endblock %}