{% extends "base.html" %}
{% from 'macros/help.html' import help_icon %}
{% from 'macros/badges.html' import badge_status, badge_secondary %}
{% block title %}Přehled — MedCover{% endblock %}

{% block content %}
{% set status_colors = {
  'Koncept': 'secondary',
  'Zveřejněná': 'primary',
  'Přihlášky otevřeny': 'success',
  'Přihlášky uzavřeny': 'warning',
  'Dokončena': 'dark',
  'Zrušena': 'danger'
} %}

<div class="mb-3">
  <h2 class="mb-0">Přehled</h2>
  <div class="text-muted small">Horizont: {{ horizon_days }} dní</div>
</div>

{# ── Quick actions ────────────────────────────────────────────────────────── #}
<div class="d-flex gap-2 flex-wrap mb-3">
  <a href="{{ url_for('reports.own_report') }}" class="btn btn-outline-primary btn-sm">
    <i class="bi bi-bar-chart-line me-1"></i>Moje statistiky
  </a>
  {% if current_user.has_permission("work_report.generate") %}
  <a href="{{ url_for('work_report.index') }}" class="btn btn-outline-success btn-sm">
    <i class="bi bi-file-earmark-excel me-1"></i>Výkaz práce
  </a>
  {% endif %}
</div>

{# ── Pending debriefings ──────────────────────────────────────────────────── #}
{% if pending_debriefings %}
<div class="card border-danger mb-3">
  <div class="card-header bg-danger bg-opacity-10 d-flex justify-content-between align-items-center py-2">
    <span class="fw-semibold text-danger">
      <i class="bi bi-clipboard2-pulse-fill me-1"></i>
      Nevyplněný debriefing ({{ pending_debriefings|length }})
    </span>
  </div>
  <ul class="list-group list-group-flush">
    {% for a in pending_debriefings %}
    {% set ev = a.spot.event %}
    <li class="list-group-item list-group-item-action py-2">
      <div class="d-flex justify-content-between align-items-center">
        <div>
          <div class="fw-semibold">{{ ev.name }}</div>
          <div class="text-muted small">{{ ev.start_datetime | localdt }}</div>
        </div>
        <a href="{{ url_for('debriefing.submit', assignment_id=a.id) }}" class="btn btn-danger btn-sm py-0">Vyplnit debriefing</a>
      </div>
    </li>
    {% endfor %}
  </ul>
</div>
{% endif %}

{# ── Pending activations (admin) ──────────────────────────────────────────── #}
{% if pending_activations %}
<div class="card border-warning mb-3">
  <div class="card-header bg-warning bg-opacity-25 d-flex justify-content-between align-items-center py-2">
    <span class="fw-semibold">⚠ Čekající aktivace účtů ({{ pending_activations|length }})</span>
    <a href="{{ url_for('users.index') }}" class="btn btn-warning btn-sm py-0">Spravovat</a>
  </div>
  <ul class="list-group list-group-flush">
    {% for u in pending_activations %}
    <li class="list-group-item list-group-item-action d-flex justify-content-between align-items-center py-2">
      <div>
        <div class="fw-semibold"><a href="{{ url_for('users.detail', user_id=u.id) }}" class="text-decoration-none text-body">{{ u.name }}</a></div>
        <div class="text-muted small">{{ u.email }}</div>
      </div>
      <form method="POST" action="{{ url_for('users.activate', user_id=u.id) }}">
          <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
        <button class="btn btn-success btn-sm py-0">Aktivovat</button>
      </form>
    </li>
    {% endfor %}
  </ul>
</div>
{% endif %}

{# ── Missing RP warning (coordinator / admin) ─────────────────────────────── #}
{% if missing_rp_events %}
<div class="card border-danger mb-3">
  <div class="card-header bg-danger bg-opacity-10 d-flex justify-content-between align-items-center py-2">
    <span class="fw-semibold text-danger">
      <i class="bi bi-exclamation-triangle-fill me-1"></i>
      Akce bez zodpovědné osoby v příštích 7 dnech ({{ missing_rp_events|length }})
    </span>
    <a href="{{ url_for('events.index') }}" class="text-decoration-none small">Všechny akce →</a>
  </div>
  <ul class="list-group list-group-flush">
    {% for e in missing_rp_events %}
    <li class="list-group-item d-flex justify-content-between align-items-center py-2">
      <div>
        <a href="{{ url_for('events.detail', event_id=e.id) }}" class="fw-semibold text-decoration-none">{{ e.name }}</a>
        <small class="text-muted ms-2">{{ e.start_datetime.strftime('%d.%m.%Y %H:%M') }}</small>
      </div>
      <span class="badge bg-danger">Chybí zodp. osoba</span>
    </li>
    {% endfor %}
  </ul>
</div>
{% endif %}

{# ── Attention events (coordinator / admin) ───────────────────────────────── #}
{% if attention_events %}
<div class="card border-primary mb-3">
  <div class="card-header bg-primary bg-opacity-10 d-flex justify-content-between align-items-center py-2">
    <span class="fw-semibold">Vyžaduje pozornost ({{ attention_events|length }})</span>
    <a href="{{ url_for('events.index') }}" class="text-decoration-none small">Všechny akce →</a>
  </div>
  <ul class="list-group list-group-flush">
    {% for e in attention_events %}
    <li class="list-group-item list-group-item-action py-2">
      <a href="{{ url_for('events.detail', event_id=e.id) }}" class="text-decoration-none stretched-link"></a>
      <div class="d-flex justify-content-between align-items-start">
        <div>
          <div class="d-flex align-items-baseline gap-1 overflow-hidden">
            <span class="fw-semibold flex-shrink-0">{{ e.name }}</span>
            {% if not e.master_event.is_general %}
            <span class="text-muted fw-normal small text-truncate">({{ e.master_event.name }})</span>
            {% endif %}
          </div>
          <div class="text-muted small">{{ e.start_datetime | localdt }}</div>
        </div>
        <div class="text-end">
          {{ badge_status(e.status.value, status_colors, extra_classes='mb-1') }}
          {% if e.status == EventStatus.ASSIGNMENTS_OPEN %}
          <div class="text-muted small">{{ e.filled_spots }}/{{ e.total_spots }} obsazeno</div>
          {% endif %}
        </div>
      </div>
    </li>
    {% endfor %}
  </ul>
</div>
{% endif %}

{% if equipment_shortage_events %}
<div class="card border-warning mb-3">
  <div class="card-header bg-warning bg-opacity-10 d-flex justify-content-between align-items-center py-2">
    <span class="fw-semibold">⚠ Nedostatek vybavení ({{ equipment_shortage_events|length }})</span>
    <a href="{{ url_for('equipment.items') }}" class="text-decoration-none small">Vybavení →</a>
  </div>
  <ul class="list-group list-group-flush">
    {% for e, type_name, required, available, extra in equipment_shortage_events %}
    <li class="list-group-item list-group-item-action py-2">
      <a href="{{ url_for('events.detail', event_id=e.id) }}" class="text-decoration-none stretched-link" aria-label="{{ e.name }}"></a>
      <div class="d-flex justify-content-between align-items-start">
        <div>
          <div class="fw-semibold">{{ e.name }}</div>
          <div class="text-muted small">{{ e.start_datetime | localdt }}</div>
        </div>
        <div class="text-end text-warning-emphasis small">
          {{ type_name }}: {{ available }}/{{ required }} ks
          {% if extra %}<br><span class="text-muted">… a {{ extra }} další</span>{% endif %}
        </div>
      </div>
    </li>
    {% endfor %}
  </ul>
</div>
{% endif %}

{# ── Moje akce ─────────────────────────────────────────────────────────────── #}
<div class="card mb-3">
  <div class="card-header d-flex justify-content-between align-items-center py-2">
    <span class="fw-semibold">Moje akce {{ help_icon("Akce, na které jste přihlášeni v příštích " ~ horizon_days ~ " dnech. Kliknutím na akci zobrazíte detail a případně se odhlásíte.") }} <span class="text-muted fw-normal small">(příštích {{ horizon_days }} dní)</span></span>
    <a href="{{ url_for('events.index') }}" class="text-decoration-none small">Všechny →</a>
  </div>
  {% if my_events %}
  <ul class="list-group list-group-flush">
    {% for event, tags in my_events %}
    <li class="list-group-item list-group-item-action py-2">
      <a href="{{ url_for('events.detail', event_id=event.id) }}" class="text-decoration-none stretched-link"></a>
      <div class="d-flex justify-content-between align-items-start">
        <div>
          <div class="d-flex align-items-baseline gap-1 overflow-hidden">
            <span class="fw-semibold flex-shrink-0">{{ event.name }}</span>
            {% if not event.master_event.is_general %}
            <span class="text-muted fw-normal small text-truncate">({{ event.master_event.name }})</span>
            {% endif %}
          </div>
          <div class="text-muted small">{{ event.start_datetime | localdt }}
            — {{ event.end_datetime | localdt }}</div>
          <div class="mt-1">
            {% for tag in tags %}
            <span class="badge bg-secondary me-1">{{ tag }}</span>
            {% endfor %}
          </div>
        </div>
        <div class="text-end flex-shrink-0 ms-2 d-flex flex-column align-items-end gap-1">
          {% set fully_staffed = event.total_spots > 0 and event.filled_spots == event.total_spots %}
          {% if not (event.status == EventStatus.ASSIGNMENTS_OPEN and fully_staffed) %}
          {{ badge_status(event.status.value, status_colors) }}
          {% endif %}
          {% if event.paid %}
          <span class="badge bg-success">Placená</span>
          {% else %}
          <span class="badge bg-primary">Neplacená</span>
          {% endif %}
          {% if event.total_spots > 0 %}
          <span class="badge bg-{{ 'success' if event.is_sufficiently_staffed else 'warning' }}">
            {{ event.staffing_status }}
          </span>
          {% endif %}
          {% if event.status not in [EventStatus.DRAFT, EventStatus.CANCELLED] %}
            {% if event.responsible_person %}
            <span class="badge bg-success">ZO: {{ event.responsible_person.name }}</span>
            {% else %}
            <span class="badge bg-danger">Chybí zodp. osoba</span>
            {% endif %}
          {% endif %}
        </div>
      </div>
    </li>
    {% endfor %}
  </ul>
  {% else %}
  <div class="card-body text-muted small py-2">Žádné nadcházející akce v příštích {{ horizon_days }} dnech.</div>
  {% endif %}
</div>

{# ── Otevřené přihlášky ────────────────────────────────────────────────────── #}
{% if current_user.has_permission('event.assign_own') %}
<div class="card mb-3">
  <div class="card-header d-flex justify-content-between align-items-center py-2">
    <span class="fw-semibold">Otevřené přihlášky
      {{ help_icon("Akce, na které se lze přihlásit. Výchozí zobrazení filtruje jen akce, pro které máte potřebnou kvalifikaci. Tlačítkem 'Zobrazit vše' vidíte i ostatní akce — přihlásit se ale půjde jen na pozice odpovídající vaší kvalifikaci.") }}
      <span class="text-muted fw-normal small" id="open-label">(jen vaše kvalifikace)</span>
    </span>
    {% if open_events_all | length > open_events | length %}
    <button class="btn btn-outline-secondary btn-sm py-0" id="btn-show-all"
            data-open-count="{{ open_events_all|length }}"
            >Zobrazit vše ({{ open_events_all|length }})</button>
    {% endif %}
  </div>

  {# Eligible only #}
  <ul class="list-group list-group-flush" id="open-eligible">
    {% if open_events %}
      {% for e in open_events %}
      <li class="list-group-item list-group-item-action py-2">
        <a href="{{ url_for('events.detail', event_id=e.id) }}" class="text-decoration-none stretched-link"></a>
        <div class="d-flex justify-content-between align-items-start">
          <div class="overflow-hidden me-2">
            <div class="d-flex align-items-baseline gap-1 overflow-hidden">
              <span class="fw-semibold flex-shrink-0">{{ e.name }}</span>
              {% if not e.master_event.is_general %}
              <span class="text-muted fw-normal small text-truncate">({{ e.master_event.name }})</span>
              {% endif %}
            </div>
            <div class="text-muted small">{{ e.start_datetime | localdt }}</div>
          </div>
          <div class="text-muted small text-end flex-shrink-0">
            {% set free_spots = e.spots | selectattr('assignment', 'none') | list %}
            {% if free_spots %}
              {% for desc, grp in free_spots | groupby_safe('description') %}
              <div>{{ desc or 'Pozice' }}&nbsp;({{ grp | list | length }}×)</div>
              {% endfor %}
            {% else %}
              <span class="text-muted">obsazeno</span>
            {% endif %}
          </div>
        </div>
      </li>
      {% endfor %}
    {% else %}
      <li class="list-group-item text-muted small py-2">Žádné otevřené akce pro vaši kvalifikaci.</li>
    {% endif %}
  </ul>

  {# All open events (hidden by default) #}
  {% if open_events_all | length > open_events | length %}
  <ul class="list-group list-group-flush d-none" id="open-all">
    {% for e in open_events_all %}
    <li class="list-group-item list-group-item-action py-2">
      <a href="{{ url_for('events.detail', event_id=e.id) }}" class="text-decoration-none stretched-link"></a>
      <div class="d-flex justify-content-between align-items-start">
        <div class="overflow-hidden me-2">
          <div class="d-flex align-items-baseline gap-1 overflow-hidden">
            <span class="fw-semibold flex-shrink-0">{{ e.name }}</span>
            {% if not e.master_event.is_general %}
            <span class="text-muted fw-normal small text-truncate">({{ e.master_event.name }})</span>
            {% endif %}
          </div>
          <div class="text-muted small">{{ e.start_datetime | localdt }}</div>
        </div>
        <div class="text-muted small text-end flex-shrink-0 ms-2">
          {% set free_spots = e.spots | selectattr('assignment', 'none') | list %}
          {% if free_spots %}
            {% for desc, grp in free_spots | groupby_safe('description') %}
            <div>{{ desc or 'Pozice' }}&nbsp;({{ grp | list | length }}×)</div>
            {% endfor %}
          {% else %}
            <span class="text-muted">obsazeno</span>
          {% endif %}
        </div>
      </div>
    </li>
    {% endfor %}
  </ul>
  {% endif %}
</div>
{% endif %}
{% endblock %}

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