{% extends "base.html" %}
{% from 'macros/badges.html' import badge_secondary, badge_warning, badge_status %}
{% block title %}{{ me.name }} — MedCover{% endblock %}

{% block content %}
<div class="d-flex justify-content-between align-items-start mb-3">
  <div>
    <h2 class="mb-1">
      {{ me.name }}
      {% if me.is_general %}
        {{ badge_secondary('Výchozí', extra_classes='ms-1 fs-6') }}
      {% endif %}
      {% if me.archived %}
        {{ badge_warning('Archivováno', extra_classes='ms-1 fs-6') }}
      {% endif %}
    </h2>
    {% if me.coordinator %}
      <p class="text-muted mb-0">Koordinátor: <strong>{{ me.coordinator.name }}</strong></p>
    {% endif %}
  </div>
  <div class="d-flex gap-2 flex-wrap justify-content-end">
    {% if current_user.has_permission('event.view') %}
      <a href="{{ url_for('master_events.table_manager', me_id=me.id) }}" class="btn btn-outline-primary btn-sm">
        Tabulkový manažer
      </a>
    {% endif %}
    {% if current_user.has_permission('report.view') %}
      <a href="{{ url_for('reports.me_report', me_id=me.id) }}" class="btn btn-outline-info btn-sm">
        Přehled akce
      </a>
    {% endif %}
    {% if current_user.has_permission('master_event.edit') %}
      <a href="{{ url_for('master_events.edit', me_id=me.id) }}" class="btn btn-outline-secondary btn-sm">
        Upravit
      </a>
    {% endif %}
    {% if current_user.has_permission('master_event.archive') and not me.archived and not me.is_general %}
      <form method="POST" action="{{ url_for('master_events.archive', me_id=me.id) }}"
            data-confirm="Opravdu archivovat „{{ me.name }}“? Všechny akce této nadřazené akce budou archivovány.">
          <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
        <button class="btn btn-outline-warning btn-sm">Archivovat</button>
      </form>
    {% endif %}
    {% if current_user.has_permission('master_event.unarchive') and me.archived %}
      <form method="POST" action="{{ url_for('master_events.unarchive', me_id=me.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>

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

{# Stats row #}
<div class="row g-3 mb-4">
  <div class="col-6 col-md-3">
    <div class="card text-center border-0 bg-secondary bg-opacity-10">
      <div class="card-body py-2">
        <div class="fs-3 fw-bold">{{ stats.total }}</div>
        <div class="small text-muted">Celkem akcí</div>
      </div>
    </div>
  </div>
  <div class="col-6 col-md-3">
    <div class="card text-center border-0 bg-success bg-opacity-10">
      <div class="card-body py-2">
        <div class="fs-3 fw-bold text-success">{{ stats.completed }}</div>
        <div class="small text-muted">Dokončeno</div>
      </div>
    </div>
  </div>
  <div class="col-6 col-md-3">
    <div class="card text-center border-0 bg-primary bg-opacity-10">
      <div class="card-body py-2">
        <div class="fs-3 fw-bold text-primary">{{ stats.assignments_open + stats.assignments_closed + stats.published }}</div>
        <div class="small text-muted">Otevřeno</div>
      </div>
    </div>
  </div>
  <div class="col-6 col-md-3">
    <div class="card text-center border-0 bg-danger bg-opacity-10">
      <div class="card-body py-2">
        <div class="fs-3 fw-bold text-danger">{{ stats.cancelled }}</div>
        <div class="small text-muted">Zrušeno</div>
      </div>
    </div>
  </div>
  {% if stats.archived %}
  <div class="col-6 col-md-3">
    <div class="card text-center border-0 bg-warning bg-opacity-10">
      <div class="card-body py-2">
        <div class="fs-3 fw-bold text-warning-emphasis">{{ stats.archived }}</div>
        <div class="small text-muted">Archivováno</div>
      </div>
    </div>
  </div>
  {% endif %}
</div>

{# Events table #}
<div class="d-flex justify-content-between align-items-center mb-2">
  <h5 class="mb-0">Akce</h5>
  {% if current_user.has_permission('event.create') %}
    <a href="{{ url_for('events.create', master_event_id=me.id) }}" class="btn btn-danger btn-sm">Nová akce</a>
  {% endif %}
</div>

{% if events %}
<div class="table-responsive">
  <table class="table table-hover align-middle table-sm" id="me-events-table">
    <thead class="table-light">
      <tr>
        <th class="sortable cursor-pointer text-nowrap" data-col="start">
          Začátek <span class="sort-icon text-muted">↕</span>
        </th>
        <th class="sortable cursor-pointer" data-col="name">
          Název <span class="sort-icon text-muted">↕</span>
        </th>
        <th class="sortable cursor-pointer" data-col="status">
          Stav <span class="sort-icon text-muted">↕</span>
        </th>
        <th class="sortable cursor-pointer text-nowrap" data-col="filled">
          Obsazení <span class="sort-icon text-muted">↕</span>
        </th>
        <th>Zodpovědná osoba</th>
      </tr>
    </thead>
    <tbody>
      {% for event in events %}
      <tr data-sv='{"start": "{{ event.start_datetime.isoformat() }}", "name": {{ event.name | tojson }}, "status": {{ event.status.value | tojson }}, "filled": {{ event.filled_spots }}}'>
        <td class="text-nowrap">{{ event.start_datetime | localdt }}</td>
        <td>
          <a href="{{ url_for('events.detail', event_id=event.id) }}" class="text-decoration-none">{{ event.name }}</a>
          {% if event.archived %}{{ badge_warning('Archivováno', extra_classes='ms-1') }}{% endif %}
        </td>
        <td>
          {% 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'
          } %}
          {{ badge_status(event.status.value, status_colors) }}
        </td>
        <td>{{ event.filled_spots }}/{{ event.total_spots }}</td>
        <td>{{ event.responsible_person.name if event.responsible_person else '—' }}</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% else %}
  <p class="text-muted">Žádné akce zatím neexistují.</p>
{% endif %}

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

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