{% extends "base.html" %}
{% from 'macros/badges.html' import badge_status, badge_info, badge_secondary %}
{% block title %}{{ event.name }} — 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="d-flex justify-content-between align-items-start mb-3 flex-wrap gap-2">
  <div>
    <h2 class="mb-1">
      {{ event.name }}
      {{ badge_status(event.status.value, status_colors, extra_classes='ms-1 fs-6') }}
      {% if event.archived %}
        <span class="badge bg-danger ms-1 fs-6">Archivováno</span>
      {% endif %}
      {# Event type badge #}
      {% if event.event_type == EventType.TRAINING %}
        <span class="badge bg-info text-dark ms-1 fs-6">{{ event.event_type.value }}</span>
      {% elif event.event_type == EventType.PRESENTATION %}
        <span class="badge bg-secondary ms-1 fs-6">{{ event.event_type.value }}</span>
      {% endif %}
      {% if event.paid %}<span class="badge bg-success ms-1 fs-6">Placená</span>{% else %}<span class="badge bg-primary ms-1 fs-6">Neplacená</span>{% endif %}
      <span class="badge bg-{{ 'success' if event.is_sufficiently_staffed else 'warning' }} ms-1 fs-6">{{ event.staffing_status }}</span>
    </h2>
    <p class="text-muted mb-0">
      <a href="{{ url_for('master_events.detail', me_id=event.master_event_id) }}" class="text-decoration-none">
        {{ event.master_event.name }}
      </a>
    </p>
  </div>
  <div class="d-flex gap-2 flex-wrap">
    {% if current_user.has_permission('event.edit') and event.status not in [EventStatus.COMPLETED, EventStatus.CANCELLED] %}
      <a href="{{ url_for('events.edit', event_id=event.id) }}" class="btn btn-outline-secondary btn-sm">Upravit</a>
    {% endif %}

    {# Lifecycle transition buttons #}
    {% if event.status == EventStatus.DRAFT and current_user.has_permission('event.publish') %}
      <form method="POST" action="{{ url_for('events.transition', event_id=event.id) }}">
          <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
        <input type="hidden" name="target_status" value="{{ EventStatus.PUBLISHED.value }}">
        <button class="btn btn-primary btn-sm">Zveřejnit</button>
      </form>
    {% endif %}
    {% if event.status == EventStatus.PUBLISHED and current_user.has_permission('event.assignments.open') %}
      <form method="POST" action="{{ url_for('events.transition', event_id=event.id) }}">
          <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
        <input type="hidden" name="target_status" value="{{ EventStatus.ASSIGNMENTS_OPEN.value }}">
        <button class="btn btn-success btn-sm">Otevřít přihlášky</button>
      </form>
    {% endif %}
    {% if event.status == EventStatus.ASSIGNMENTS_OPEN and current_user.has_permission('event.assignments.close') %}
      <form method="POST" action="{{ url_for('events.transition', event_id=event.id) }}">
          <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
        <input type="hidden" name="target_status" value="{{ EventStatus.ASSIGNMENTS_CLOSED.value }}">
        <button class="btn btn-warning btn-sm">Uzavřít přihlášky</button>
      </form>
    {% endif %}
    {% if event.status == EventStatus.ASSIGNMENTS_CLOSED and current_user.has_permission('event.assignments.open') %}
      <form method="POST" action="{{ url_for('events.transition', event_id=event.id) }}">
          <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
        <input type="hidden" name="target_status" value="{{ EventStatus.ASSIGNMENTS_OPEN.value }}">
        <button class="btn btn-success btn-sm">Znovu otevřít přihlášky</button>
      </form>
    {% endif %}
    {% if event.status == EventStatus.COMPLETED %}
      {% set my_assignment = event.spots | selectattr('assignment') | selectattr('assignment.user_id', 'equalto', current_user.id) | map(attribute='assignment') | first | default(none) %}
      {% if my_assignment %}
        {% if my_assignment.debriefing %}
          <a href="{{ url_for('debriefing.submit', assignment_id=my_assignment.id) }}"
             class="btn btn-outline-secondary btn-sm">Zobrazit debriefing</a>
        {% else %}
          <a href="{{ url_for('debriefing.submit', assignment_id=my_assignment.id) }}"
             class="btn btn-outline-primary btn-sm">Vyplnit debriefing</a>
        {% endif %}
      {% endif %}
      {% if current_user.has_any_permission('debriefing.view_all', 'debriefing.manage') %}
        <a href="{{ url_for('debriefing.event_overview', event_id=event.id) }}"
           class="btn btn-outline-secondary btn-sm">Přehled debriefingů</a>
      {% endif %}
    {% endif %}
    {% if event.status == EventStatus.CANCELLED and current_user.has_permission('event.restore') %}
      <form method="POST" action="{{ url_for('events.restore', event_id=event.id) }}">
          <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
        <button class="btn btn-outline-success btn-sm">Obnovit do Draftu</button>
      </form>
    {% endif %}
    {% if event.status != EventStatus.COMPLETED and event.status != EventStatus.CANCELLED and current_user.has_permission('event.cancel') %}
      <form method="POST" action="{{ url_for('events.cancel', event_id=event.id) }}"
            data-confirm="Opravdu zrušit tuto akci?">
          <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
        <button class="btn btn-danger btn-sm">Zrušit akci</button>
      </form>
    {% endif %}
    {% if event.status != EventStatus.COMPLETED and event.status != EventStatus.CANCELLED and current_user.has_permission('event.create') %}
      <button class="btn btn-outline-secondary btn-sm" data-bs-toggle="modal" data-bs-target="#splitModal">
        ✂ Rozdělit akci
      </button>
    {% endif %}
    {% if not event.archived and current_user.has_permission('event.archive_draft' if event.status == EventStatus.DRAFT else 'event.archive') %}
      <form method="POST" action="{{ url_for('events.archive_event', event_id=event.id) }}"
            data-confirm="Archivovat akci „{{ event.name }}“">
        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
        <button class="btn btn-outline-danger btn-sm">🗑 Archivovat</button>
      </form>
    {% endif %}
    {% if event.archived and current_user.has_permission('event.unarchive') %}
      <form method="POST" action="{{ url_for('events.unarchive_event', event_id=event.id) }}">
        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
        <button class="btn btn-outline-success btn-sm">↩ Obnovit z archivu</button>
      </form>
    {% endif %}
  </div>
</div>

{# ── Split modal ──────────────────────────────────────────────────────────── #}
{% if event.status != EventStatus.COMPLETED and event.status != EventStatus.CANCELLED and current_user.has_permission('event.create') %}
<div class="modal fade" id="splitModal" tabindex="-1" aria-labelledby="splitModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <form method="POST" action="{{ url_for('events.split_event', event_id=event.id) }}">
        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
        <div class="modal-header">
          <h5 class="modal-title" id="splitModalLabel">✂ Rozdělit akci</h5>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Zavřít"></button>
        </div>
        <div class="modal-body">
          <p class="text-muted small mb-3">
            Akce bude rozdělena na dvě části. První část skončí v zadaný čas, druhá
            část začne ve stejný čas a skončí v původní konec akce. Oba díly zdědí
            přihlášky, vybavení i popis ze zdrojové akce.
          </p>
          <div class="mb-3">
            <label class="form-label" for="split_datetime">Čas rozdělení</label>
            <input type="text" class="form-control flatpickr-dt" id="split_datetime" name="split_datetime"
                   value="{{ event | midpoint_iso }}" required>
            <div class="form-text">
              Začátek: {{ event.start_datetime | localdt }} &nbsp;·&nbsp;
              Konec: {{ event.end_datetime | localdt }}
            </div>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Zrušit</button>
          <button type="submit" class="btn btn-primary">Rozdělit</button>
        </div>
      </form>
    </div>
  </div>
</div>
{% endif %}

{# Event details #}
<div class="row g-3 mb-4">
  <div class="col-12 col-md-6">
    <div class="card border-0 h-100">
      <div class="card-body">
        <h6 class="card-subtitle text-muted mb-2">Termín</h6>
        <p class="mb-1"><strong>Plánovaný začátek:</strong> {{ event.start_datetime | localdt }}</p>
        <p class="mb-0"><strong>Plánovaný konec:</strong> {{ event.end_datetime | localdt }}</p>
        {% if event.assignments_open_datetime %}
          {% if event.assignments_open_datetime <= now %}
            <p class="mb-0 mt-1 small text-muted">Přihlášky otevřeny: {{ event.assignments_open_datetime | localdt }}</p>
          {% else %}
            <p class="mb-0 mt-1 small text-muted">Přihlášky se otevřou: {{ event.assignments_open_datetime | localdt }}</p>
          {% endif %}
        {% endif %}
        {% if event.actual_start_datetime %}
        <p class="mb-1 mt-2"><strong>Skutečný začátek:</strong> {{ event.actual_start_datetime | localdt }}</p>
        <p class="mb-0"><strong>Skutečný konec:</strong> {{ event.actual_end_datetime | localdt }}</p>
        {% if event.event_type == EventType.MEDICAL_COVER %}
          <p class="mb-0"><strong>Počet ošetřených:</strong> {{ event.post_event_count }}</p>
        {% elif event.event_type == EventType.TRAINING %}
          {% if event.post_event_count is not none %}
            <p class="mb-0"><strong>Skutečný počet účastníků:</strong> {{ event.post_event_count }}</p>
          {% endif %}
        {% endif %}
        {% endif %}
        {% if event.event_type == EventType.TRAINING and event.planned_participants_count is not none %}
          <p class="mb-0 mt-1"><strong>Plánovaný počet účastníků:</strong> {{ event.planned_participants_count }}</p>
        {% endif %}
      </div>
    </div>
  </div>
  <div class="col-12 col-md-6">
    <div class="card border-0 h-100">
      <div class="card-body">
        <h6 class="card-subtitle text-muted mb-2">Obsazení</h6>
        <p class="mb-1">
          <strong>{{ event.filled_spots }}/{{ event.total_spots }}</strong> pozic obsazeno
        </p>
        <p class="mb-0">
          <strong>Zodpovědná osoba:</strong>
          {% if event.responsible_person %}
            <span class="badge bg-success ms-1">{{ event.responsible_person.name }}</span>
          {% else %}
            <span class="badge bg-danger ms-1">
              <i class="bi bi-exclamation-triangle-fill me-1"></i>Chybí zodpovědná osoba
            </span>
          {% endif %}
        </p>
        {% if current_user.has_any_permission("event.set_responsible_person") %}
          {% if rp_eligible_attendees | length > 1 or (rp_eligible_attendees | length == 1 and event.responsible_person_id != rp_eligible_attendees[0].id) %}
            <form method="post" action="{{ url_for('events.set_rp', event_id=event.id) }}" class="mt-2 d-flex gap-2 align-items-center">
              <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
              <select name="user_id" class="form-select form-select-sm maxw-220 rp-select"
                      data-original="{{ event.responsible_person_id or '' }}">
                {% for u in rp_eligible_attendees %}
                  <option value="{{ u.id }}" {% if u.id == event.responsible_person_id %}selected{% endif %}>{{ u.name }}</option>
                {% endfor %}
              </select>
              <button type="submit" class="btn btn-sm btn-outline-primary"
                      {% if event.responsible_person_id in rp_eligible_attendees | map(attribute='id') | list %}disabled{% endif %}>
                Nastavit zodpovědnou osobu
              </button>
            </form>
          {% endif %}
        {% endif %}
      </div>
    </div>
  </div>
  {% if event.address or event.contact_person %}
  <div class="col-12 col-md-6">
    <div class="card border-0 h-100">
      <div class="card-body">
        <h6 class="card-subtitle text-muted mb-2">Místo a kontakt</h6>
        {% if event.address %}<p class="mb-1"><strong>Adresa:</strong> {{ event.address }}</p>{% endif %}
        {% if event.contact_person %}<p class="mb-0"><strong>Kontakt:</strong> {{ event.contact_person }}</p>{% endif %}
      </div>
    </div>
  </div>
  {% endif %}
</div>

{% if event.description %}
  <p class="text-muted">{{ event.description }}</p>
{% endif %}

{# Spots #}
<div class="d-flex justify-content-between align-items-center mb-2">
  <h5 class="mb-0">Pozice ({{ event.total_spots }})</h5>
  {% if current_user.has_permission('event.edit') and event.status not in [EventStatus.COMPLETED, EventStatus.CANCELLED] %}
    <button class="btn btn-outline-danger btn-sm" type="button"
            data-bs-toggle="collapse" data-bs-target="#addSpotPanel">Přidat pozici</button>
  {% endif %}
</div>

{% if current_user.has_permission('event.edit') and event.status not in [EventStatus.COMPLETED, EventStatus.CANCELLED] %}
<div class="collapse mb-3" id="addSpotPanel">
  <div class="card card-body">
    <form method="POST" action="{{ url_for('events.add_spot', event_id=event.id) }}">
      <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
      <div class="row g-2 align-items-end">
        <div class="col-12 col-md-4">
          <label class="form-label small mb-1" for="add_spot_description">Popis pozice</label>
          <input type="text" class="form-control form-control-sm" name="description" id="add_spot_description" placeholder="např. Záchranář — stanoviště 1">
        </div>
        <div class="col-auto">
          <label class="form-label small mb-1" for="add_spot_quantity">Počet</label>
          <select class="form-select form-select-sm col-80" name="quantity" id="add_spot_quantity">
            {% for n in range(1, 11) %}<option value="{{ n }}">{{ n }}</option>{% endfor %}
          </select>
        </div>
        <div class="col-12 col-md-5">
          <span class="form-label small mb-1">Požadovaná kvalifikace</span>
          <div class="d-flex flex-wrap gap-2">
            {% for cred in all_qualifications %}
            <div class="form-check form-check-inline">
              <input class="form-check-input" type="checkbox" name="qualification_ids"
                     value="{{ cred.id }}" id="add_qual_{{ cred.id }}">
              <label class="form-check-label small" for="add_qual_{{ cred.id }}">{{ cred.name }}</label>
            </div>
            {% endfor %}
          </div>
        </div>
        <div class="col-auto align-self-end">
          <div class="form-check mb-2">
            <input class="form-check-input" type="checkbox" name="is_optional" value="1" id="add_spot_optional">
            <label class="form-check-label small text-muted" for="add_spot_optional">Volitelná pozice</label>
          </div>
        </div>
        <div class="col-auto">
          <button class="btn btn-danger btn-sm">Přidat</button>
        </div>
      </div>
    </form>
  </div>
</div>
{% endif %}

{% if event.spots %}
<div class="table-responsive">
  <table class="table table-sm align-middle">
    <thead>
      <tr>
        <th>#</th>
        <th>Popis</th>
        <th>Požadovaná kvalifikace</th>
        <th>Přihlášen</th>
        <th></th>
      </tr>
    </thead>
    <tbody>
      {% for spot in event.spots %}
      <tr>
        <td class="text-muted small">{{ loop.index }}</td>
        <td class="text-break text-wrap">
          {{ spot.description or '—' }}
          {% if spot.is_optional %}
            {{ badge_info('volitelná', extra_classes='ms-1 font-65') }}
          {% endif %}
        </td>
        <td class="text-break text-wrap maxw-180">
          {% if spot.required_qualifications %}
            {% for q in spot.required_qualifications %}
              {% if q.is_deleted %}
                <span class="text-decoration-line-through text-muted">{{ q.name }}</span>
                {{ badge_secondary('odstraněna', extra_classes='font-65') }}{% if not loop.last %}, {% endif %}
              {% else %}
                {{ q.name }}{% if not loop.last %}, {% endif %}
              {% endif %}
            {% endfor %}
          {% else %}
            —
          {% endif %}
        </td>
        <td>
          {% if spot.assignment %}
            <a href="{{ url_for('users.detail', user_id=spot.assignment.user_id) }}" class="text-decoration-none">{{ spot.assignment.user.name }}</a>
          {% else %}
            Volné
          {% endif %}
        </td>
        <td class="text-end">
          {# Show ineligible message as plain text outside the button group #}
          {% if not me_coordinated and not spot.assignment and event.status == EventStatus.ASSIGNMENTS_OPEN and current_user.has_permission('event.assign_own') %}
            {% set already_assigned = namespace(val=false) %}
            {% for s in event.spots %}{% if s.assignment and s.assignment.user_id == current_user.id %}{% set already_assigned.val = true %}{% endif %}{% endfor %}
            {% if not already_assigned.val and not spot.is_eligible(current_user) %}
              <span title="Nemáte požadovanou kvalifikaci">Nekvalifikován</span>
            {% endif %}
          {% endif %}
          <div class="d-flex gap-1 justify-content-end flex-wrap">
            {# Claim own spot — blocked when ME is centrally coordinated (members only) #}
            {% if not me_coordinated and not spot.assignment and event.status == EventStatus.ASSIGNMENTS_OPEN and current_user.has_permission('event.assign_own') %}
              {% set already_assigned = namespace(val=false) %}
              {% for s in event.spots %}{% if s.assignment and s.assignment.user_id == current_user.id %}{% set already_assigned.val = true %}{% endif %}{% endfor %}
              {% if not already_assigned.val %}
                {% if spot.is_eligible(current_user) %}
                  <form method="POST" action="{{ url_for('assignments.claim', spot_id=spot.id) }}">
          <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
                    <button class="btn btn-success btn-sm py-0">Přihlásit se</button>
                  </form>
                {% endif %}
              {% endif %}
            {% endif %}

            {# Release own assignment — blocked when ME is centrally coordinated #}
            {% if not me_coordinated and spot.assignment and spot.assignment.user_id == current_user.id and event.status != EventStatus.COMPLETED %}
              <form method="POST" action="{{ url_for('assignments.release', assignment_id=spot.assignment.id) }}"
                    data-confirm="Odhlásit se z této pozice?">
                <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
                <button class="btn btn-outline-warning btn-sm py-0">Odhlásit se</button>
              </form>
            {% endif %}

            {# Coordinator/elevated RP: assign another user #}
            {% if not spot.assignment and can_assign and event.status in [EventStatus.ASSIGNMENTS_OPEN, EventStatus.ASSIGNMENTS_CLOSED] %}
              <button class="btn btn-outline-primary btn-sm py-0" type="button"
                      data-bs-toggle="collapse" data-bs-target="#assign-form-{{ spot.id }}">
                Přiřadit
              </button>
            {% endif %}

            {# Coordinator/elevated RP: unassign another user #}
            {% if spot.assignment and can_assign and event.status != EventStatus.COMPLETED %}
              <form method="POST" action="{{ url_for('assignments.unassign_other', assignment_id=spot.assignment.id) }}"
                    data-confirm="Odhlásit tohoto uživatele?">
                <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
                <button class="btn btn-outline-danger btn-sm py-0">Odhlásit</button>
              </form>
            {% endif %}

            {# Delete spot (no assignment, editor) #}
            {% if current_user.has_permission('event.edit') and not spot.assignment and event.status not in [EventStatus.COMPLETED, EventStatus.CANCELLED] %}
              <form method="POST" action="{{ url_for('events.delete_spot', event_id=event.id, spot_id=spot.id) }}"
                    data-confirm="Smazat tuto pozici?">
                <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
                <button class="btn btn-outline-danger btn-sm py-0">Smazat</button>
              </form>
            {% endif %}

            {# Edit spot (editor) #}
            {% if current_user.has_permission('event.edit') and event.status not in [EventStatus.COMPLETED, EventStatus.CANCELLED] %}
              <button class="btn btn-outline-secondary btn-sm py-0" type="button"
                      data-bs-toggle="collapse" data-bs-target="#edit-spot-{{ spot.id }}">Upravit</button>
            {% endif %}
          </div>

          {# Collapse: assign another user form #}
          {% if can_assign and not spot.assignment %}
          <div class="collapse mt-1" id="assign-form-{{ spot.id }}">
            <form method="POST" action="{{ url_for('assignments.assign_other', spot_id=spot.id) }}" class="d-flex gap-1">
          <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
              <select name="user_id" class="form-select form-select-sm" required>
                <option value="">— vyberte uživatele —</option>
                {% for u in eligible_users if u.id not in assigned_user_ids and spot.is_eligible(u) %}
                  <option value="{{ u.id }}">{{ u.name }}</option>
                {% else %}
                  <option disabled>Žádní kvalifikovaní uživatelé</option>
                {% endfor %}
              </select>
              <button type="submit" class="btn btn-primary btn-sm py-0">OK</button>
            </form>
          </div>
          {% endif %}

          {# Collapse: edit spot form #}
          {% if current_user.has_permission('event.edit') and event.status not in [EventStatus.COMPLETED, EventStatus.CANCELLED] %}
          <div class="collapse mt-2 spot-edit-panel" id="edit-spot-{{ spot.id }}"
               data-spot-id="{{ spot.id }}"
               {% if spot.assignment %}data-user-cred-ids='{{ spot.assignment.user.qualifications | map(attribute="id") | list | tojson }}'{% endif %}>
            <form method="POST" action="{{ url_for('events.edit_spot', event_id=event.id, spot_id=spot.id) }}">
              <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
              <div class="mb-2">
                <input type="text" class="form-control form-control-sm" name="description"
                       value="{{ spot.description or '' }}" placeholder="Popis pozice">
              </div>
              <div class="form-check mb-2 text-start">
                <input class="form-check-input" type="checkbox" name="is_optional" value="1"
                       id="edit_optional_{{ spot.id }}" {{ 'checked' if spot.is_optional }}>
                <label class="form-check-label small text-muted" for="edit_optional_{{ spot.id }}">Volitelná pozice</label>
              </div>
              <div class="d-flex flex-wrap gap-2 mb-2">
                {% for cred in all_qualifications %}
                <div class="form-check form-check-inline">
                  <input class="form-check-input" type="checkbox" name="qualification_ids"
                         value="{{ cred.id }}" id="edit_qual_{{ spot.id }}_{{ cred.id }}"
                         {{ 'checked' if cred in spot.required_qualifications }}>
                  <label class="form-check-label small" for="edit_qual_{{ spot.id }}_{{ cred.id }}">{{ cred.name }}</label>
                </div>
                {% endfor %}
              </div>
              {% if spot.assignment %}
              <div class="alert alert-warning py-2 px-3 mb-2 d-none text-start" id="unassign-warning-{{ spot.id }}">
                <p class="mb-1 small">
                  ⚠️ Uživatel <strong>{{ spot.assignment.user.name }}</strong> nesplňuje nové požadavky a bude automaticky odhlášen.
                </p>
                <div class="form-check">
                  <input class="form-check-input" type="checkbox" name="confirm_unassign" value="1"
                         id="confirm_unassign_{{ spot.id }}">
                  <label class="form-check-label small" for="confirm_unassign_{{ spot.id }}">
                    Rozumím, odhlásit uživatele pokud nebude kvalifikován
                  </label>
                </div>
              </div>
              {% endif %}
              <button type="submit" class="btn btn-sm btn-danger">Uložit</button>
              <button type="button" class="btn btn-sm btn-outline-secondary"
                      data-bs-toggle="collapse" data-bs-target="#edit-spot-{{ spot.id }}">Zrušit</button>
            </form>
          </div>
          {% endif %}
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% else %}
  <p class="text-muted">Žádné pozice zatím nejsou přidány.</p>
{% endif %}

<div class="mt-3">
  <a href="{{ url_for('events.index') }}" class="text-decoration-none text-muted small">← Zpět na seznam</a>
</div>

{# Equipment section #}
<div class="mt-4">
  <h5 class="mb-3">Vybavení</h5>

  {# Equipment plan #}
  <h6 class="text-muted mb-2">Plán vybavení</h6>
  {% if event.equipment_plans %}
  <div class="table-responsive mb-2">
    <table class="table table-sm align-middle">
      <thead>
        <tr>
          <th>Typ</th>
          <th class="text-center">Požadované množství</th>
          <th class="text-center">Volné kusy</th>
          <th></th>
        </tr>
      </thead>
      <tbody>
        {% for plan in event.equipment_plans %}
        {% set avail = equipment_availability.get(plan.equipment_type_id, 0) %}
        <tr {% if avail < plan.quantity_required %}class="table-danger"{% endif %}>
          <td>{{ plan.equipment_type.name }}</td>
          <td class="text-center">{{ plan.quantity_required }}</td>
          <td class="text-center">
            {% if avail < plan.quantity_required %}
              <span class="text-danger fw-bold">{{ avail }}</span>
              <span class="badge text-bg-danger ms-1">Nedostatek</span>
            {% else %}
              {{ avail }}
            {% endif %}
          </td>
          <td class="text-end">
            {% if current_user.has_permission('event.equipment.plan') and event.status != EventStatus.CANCELLED %}
              <form method="POST" action="{{ url_for('events.equipment_plan_remove', event_id=event.id) }}" class="d-inline">
          <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
                <input type="hidden" name="type_id" value="{{ plan.equipment_type_id }}">
                <button class="btn btn-outline-danger btn-sm py-0">Odebrat</button>
              </form>
            {% endif %}
          </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
  {% else %}
    <p class="text-muted small">Žádný plán vybavení.</p>
  {% endif %}

  {% if current_user.has_permission('event.equipment.plan') and event.status != EventStatus.CANCELLED %}
  <form method="POST" action="{{ url_for('events.equipment_plan_add', event_id=event.id) }}" class="d-flex gap-2 mb-3">
          <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
    <select name="type_id" class="form-select form-select-sm maxw-200" required>
      <option value="">— typ —</option>
      {% for et in all_equipment_types %}
        <option value="{{ et.id }}">{{ et.name }}</option>
      {% endfor %}
    </select>
    <input type="number" name="quantity" value="1" min="1" class="form-control form-control-sm maxw-80">
    <button class="btn btn-outline-danger btn-sm">Přidat</button>
  </form>
  {% endif %}
</div>

<div id="fillers-map-data" data-fillers-map='{{ fillers_map | tojson }}' hidden></div>

{% endblock %}

{% block extra_scripts %}
<script nonce="{{ g.csp_nonce }}">
document.querySelectorAll('select.rp-select').forEach(function (sel) {
  function sync() { sel.nextElementSibling.disabled = sel.value === sel.dataset.original; }
  sel.addEventListener('change', sync);
});
</script>
<script src="{{ url_for('static', filename='js/events-detail.js') }}?v={{ static_ver }}"></script>
<div id="event-nav-config" style="display:none" data-event-id="{{ event.id }}"></div>
<script src="{{ url_for('static', filename='js/events-detail-nav.js') }}?v={{ static_ver }}" nonce="{{ g.csp_nonce }}"></script>

{% endblock %}