{% extends "base.html" %}
{% from 'macros/help.html' import help_icon %}
{% from 'macros/badges.html' import badge_secondary %}
{% block title %}Šablony akcí — MedCover{% endblock %}

{% block content %}
<div class="d-flex justify-content-between align-items-center mb-3">
  <h2 class="mb-0">Šablony akcí {{ help_icon("Šablona akce předvyplní novou akci — název, pozice, poznámky atd. Ušetří čas při opakovaně pořádaných akcích stejného typu. Šablonu vyberete při vytváření nové akce.") }}</h2>
  {% if current_user.has_permission('event_template.create') %}
  <a href="{{ url_for('templates.create') }}" class="btn btn-danger btn-sm">Nová šablona</a>
  {% endif %}
</div>

{% if templates %}
<div class="table-responsive">
  <table class="table table-hover align-middle" id="templatesTable">
    <thead class="table-light">
      <tr>
        <th class="sortable" data-col="name" class="cursor-pointer">Název <span class="sort-icon text-muted">↕</span></th>
        <th>Popis</th>
        <th class="text-center sortable" data-col="paid" class="cursor-pointer">Placená <span class="sort-icon text-muted">↕</span></th>
        <th class="text-center">Připomenutí (h)</th>
        <th class="text-center sortable" data-col="spots" class="cursor-pointer">Pozice <span class="sort-icon text-muted">↕</span></th>
        <th></th>
      </tr>
    </thead>
    <tbody>
      {% for tmpl in templates %}
      <tr data-sv='{"name":{{ tmpl.name | lower | tojson }},"paid":{{ (1 if tmpl.paid else 0) }},"spots":{{ tmpl.spot_templates | length }}}'
          {% if current_user.has_permission('event_template.edit') %}
          class="cursor-pointer"
          data-href="{{ url_for('templates.edit', template_id=tmpl.id) }}"
          {% endif %}>
        <td class="fw-semibold">{{ tmpl.name }}</td>
        <td class="text-muted small">{{ tmpl.description or '—' }}</td>
        <td class="text-center">
          {% if tmpl.paid %}
            <span class="badge bg-success">Ano</span>
          {% else %}
            {{ badge_secondary('Ne') }}
          {% endif %}
        </td>
        <td class="text-center">{{ tmpl.reminder_schedule or '24' }}</td>
        <td class="text-center">{{ tmpl.spot_templates | length }}</td>
        <td class="text-end">
          {% if current_user.has_permission('event.create') %}
          <a href="{{ url_for('events.create_from_template', template_id=tmpl.id) }}"
             class="btn btn-outline-danger btn-sm" >Použít</a>
          {% endif %}
          {% if current_user.has_permission('event_template.delete') %}
          <form method="POST" action="{{ url_for('templates.delete', template_id=tmpl.id) }}"
                class="d-inline"
                data-confirm="Opravdu smazat šablonu „{{ tmpl.name }}"?">
            <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
            <button class="btn btn-outline-warning btn-sm">Smazat</button>
          </form>
          {% endif %}
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% else %}
<p class="text-muted">Žádné šablony nebyly vytvořeny.</p>
{% endif %}
{% endblock %}

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