{% extends "base.html" %}
{% from 'macros/badges.html' import badge_secondary %}
{% block title %}Smazat kvalifikaci — MedCover{% endblock %}

{% block content %}
<div class="row justify-content-center">
  <div class="col-lg-8">

    <div class="d-flex align-items-center gap-3 mb-4">
      <a href="{{ url_for('qualifications.index') }}" class="btn btn-outline-secondary btn-sm">← Zpět</a>
      <h2 class="mb-0">Smazat kvalifikaci</h2>
    </div>

    <div class="alert alert-warning">
      <strong>Chystáte se smazat kvalifikaci „{{ cred.name }}“.</strong>
      Tato akce je nevratná. Níže je uveden přehled všech dopadů.
    </div>

    {# ── Active spots — will be unlinked ─────────────────────────────────── #}
    <div class="card mb-3 border-danger">
      <div class="card-header bg-danger text-white fw-semibold">
        Aktivní pozice — kvalifikace bude odebrána ({{ active_spots | length }})
      </div>
      <div class="card-body p-0">
        {% if active_spots %}
        <ul class="list-group list-group-flush">
          {% for spot in active_spots %}
          <li class="list-group-item">
            <a href="{{ url_for('events.detail', event_id=spot.event_id) }}" class="text-decoration-none">
              {{ spot.event.name }}
            </a>
            <span class="text-muted small ms-2">{{ spot.event.status.value }}</span>
            {% if spot.description %}
              — <span class="text-muted">{{ spot.description }}</span>
            {% endif %}
          </li>
          {% endfor %}
        </ul>
        {% else %}
        <p class="text-muted p-3 mb-0">Žádné aktivní pozice.</p>
        {% endif %}
      </div>
    </div>

    {# ── Fixed spots — kept as tombstone ──────────────────────────────────── #}
    <div class="card mb-3 border-secondary">
      <div class="card-header fw-semibold">
        Dokončené/zrušené akce — historický záznam zachován ({{ fixed_spots | length }})
      </div>
      <div class="card-body p-0">
        {% if fixed_spots %}
        <ul class="list-group list-group-flush">
          {% for spot in fixed_spots %}
          <li class="list-group-item d-flex justify-content-between align-items-start">
            <div>
              <a href="{{ url_for('events.detail', event_id=spot.event_id) }}" class="text-decoration-none">
                {{ spot.event.name }}
              </a>
              <span class="text-muted small ms-2">{{ spot.event.status.value }}</span>
              {% if spot.description %}
                — <span class="text-muted">{{ spot.description }}</span>
              {% endif %}
            </div>
            {{ badge_secondary('zachováno', extra_classes='ms-2') }}
          </li>
          {% endfor %}
        </ul>
        {% else %}
        <p class="text-muted p-3 mb-0">Žádné dokončené/zrušené akce.</p>
        {% endif %}
      </div>
    </div>

    {# ── Users ────────────────────────────────────────────────────────────── #}
    <div class="card mb-3 border-danger">
      <div class="card-header bg-danger text-white fw-semibold">
        Uživatelé — kvalifikace bude odebrána ({{ affected_users | length }})
      </div>
      <div class="card-body p-0">
        {% if affected_users %}
        <ul class="list-group list-group-flush">
          {% for u in affected_users %}
          <li class="list-group-item">
            <a href="{{ url_for('users.detail', user_id=u.id) }}" class="text-decoration-none">{{ u.name }}</a>
            <span class="text-muted small ms-1">({{ u.email }})</span>
          </li>
          {% endfor %}
        </ul>
        {% else %}
        <p class="text-muted p-3 mb-0">Žádní uživatelé.</p>
        {% endif %}
      </div>
    </div>

    {# ── Templates ────────────────────────────────────────────────────────── #}
    <div class="card mb-4 border-danger">
      <div class="card-header bg-danger text-white fw-semibold">
        Šablony akcí — kvalifikace bude odebrána ({{ affected_templates | length }})
      </div>
      <div class="card-body p-0">
        {% if affected_templates %}
        <ul class="list-group list-group-flush">
          {% for t in affected_templates %}
          <li class="list-group-item">{{ t.name }}</li>
          {% endfor %}
        </ul>
        {% else %}
        <p class="text-muted p-3 mb-0">Žádné šablony.</p>
        {% endif %}
      </div>
    </div>

    <form method="POST" action="{{ url_for('qualifications.delete', cred_id=cred.id) }}">
      <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
      <div class="d-flex gap-2">
        <button type="submit" class="btn btn-danger">Potvrdit smazání</button>
        <a href="{{ url_for('qualifications.index') }}" class="btn btn-outline-secondary">Zrušit</a>
      </div>
    </form>

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