{% extends "base.html" %}
{% from 'macros/badges.html' import badge_secondary %}
{% block title %}Přehled nadřazené akce — {{ master_event.name }} — MedCover{% endblock %}

{% block content %}
<div class="d-flex justify-content-between align-items-center mb-3">
  <h2 class="mb-0">
    Přehled:
    <span class="text-muted fw-normal">{{ master_event.name }}</span>
  </h2>
  <div>
    <a href="{{ url_for('reports.index') }}" class="btn btn-outline-secondary btn-sm">← Zpět na přehledy</a>
    <a href="{{ url_for('reports.me_report', me_id=master_event.id, format='csv') }}" class="btn btn-outline-success btn-sm ms-1">⬇ Stáhnout CSV</a>
  </div>
</div>

{# ME info #}
<div class="card mb-4">
  <div class="card-body">
    <dl class="row mb-0">
      <dt class="col-sm-3">Koordinátor</dt>
      <dd class="col-sm-9">
        {% if master_event.coordinator %}{{ master_event.coordinator.name }}{% else %}<span class="text-muted">—</span>{% endif %}
      </dd>
      <dt class="col-sm-3">Stav</dt>
      <dd class="col-sm-9">
        {% if status_counts %}
          {% for status, cnt in status_counts.items() %}
            {{ badge_secondary(status ~ ': ' ~ cnt, extra_classes='me-1') }}
          {% endfor %}
        {% else %}
          <span class="text-muted">žádné akce</span>
        {% endif %}
      </dd>
    </dl>
  </div>
</div>

{# Summary cards #}
<div class="row g-3 mb-4">
  <div class="col-6 col-md-3">
    <div class="card text-center">
      <div class="card-body py-3">
        <div class="fs-3 fw-bold text-danger">{{ rows | length }}</div>
        <div class="text-muted small">Celkem akcí</div>
      </div>
    </div>
  </div>
  <div class="col-6 col-md-3">
    <div class="card text-center">
      <div class="card-body py-3">
        <div class="fs-3 fw-bold text-danger">{{ grand_filled_spots }} / {{ grand_total_spots }}</div>
        <div class="text-muted small">Obsazeno pozic</div>
      </div>
    </div>
  </div>
  <div class="col-6 col-md-3">
    <div class="card text-center">
      <div class="card-body py-3">
        <div class="fs-3 fw-bold text-danger">{{ grand_worked_hours | cznum }}</div>
        <div class="text-muted small">Odpracovaných hodin</div>
      </div>
    </div>
  </div>
  <div class="col-6 col-md-3">
    <div class="card text-center">
      <div class="card-body py-3">
        <div class="fs-3 fw-bold text-danger">{{ grand_patients }}</div>
        <div class="text-muted small">Ošetřených / účastníků</div>
      </div>
    </div>
  </div>
</div>

{# Events table #}
{% if rows %}
<div class="table-responsive">
  <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 row in rows %}
      <tr>
        <td>
          <a href="{{ url_for('events.detail', event_id=row.event.id) }}">{{ row.event.name }}</a>
        </td>
        <td class="text-nowrap">{{ row.event.start_datetime | localdt("%d.%m.%Y") }}</td>
        <td>
          <span class="badge
            {% if row.event.status.value == 'Dokončena' %}bg-success
            {% elif row.event.status.value == 'Zrušena' %}bg-danger
            {% elif row.event.status.value == 'Koncept' %}bg-secondary
            {% else %}bg-primary{% endif %}">
            {{ row.event.status.value }}
          </span>
        </td>
        <td class="text-end">{{ row.filled_spots }} / {{ row.total_spots }}</td>
        <td class="text-end">{{ row.worked_hours | cznum }}</td>
        <td class="text-end">{{ row.patients }}</td>
      </tr>
      {% endfor %}
    </tbody>
    <tfoot class="table-light fw-bold">
      <tr>
        <td colspan="3">Celkem</td>
        <td class="text-end">{{ grand_filled_spots }} / {{ grand_total_spots }}</td>
        <td class="text-end">{{ grand_worked_hours | cznum }}</td>
        <td class="text-end">{{ grand_patients }}</td>
      </tr>
    </tfoot>
  </table>
</div>
{% else %}
<div class="alert alert-info">Tato nadřazená akce nemá žádné akce.</div>
{% endif %}

{# Per-user statistics #}
<h4 class="mt-4 mb-3">Statistiky účastníků</h4>
{% if user_stat_rows %}
<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 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>
{% else %}
<div class="alert alert-info">Žádní účastníci.</div>
{% endif %}
{% endblock %}