{% extends shell_base %}
{% from "_zeit.html" import zeitspanne %}

{% block title %}Einzeltermine · CheckPoint Ehrenamt{% endblock %}

{% block content %}
  <p><a class="cp-muted" href="{{ url_for('planung.liste') }}">← Planung</a></p>

  <h1>Einzeltermine</h1>
  <p class="cp-muted">Einzelne Termine ohne Planungszeitraum – direkt zum Besetzen.</p>

  <h2>Termine</h2>
  <ul class="cp-list">
    {% for e in termine %}
      <li class="cp-card">
        <strong>{{ e.art }}{% if e.ort %} · {{ e.ort }}{% endif %}</strong>
        <div class="cp-muted">
          {{ e.datum.strftime('%a, %d.%m.%Y') }} ·
          {{ zeitspanne(e) }}
        </div>
        <div class="cp-muted">{{ e.HAUPT_PLAETZE }} Haupt + {{ e.SPRINGER_PLAETZE }} Springer</div>

        <div class="cp-actions">
          <a class="cp-btn cp-btn--ghost"
             href="{{ url_for('planung.einsatz_bearbeiten', einsatz_id=e.id) }}">Bearbeiten</a>
          <form method="post"
                action="{{ url_for('planung.einsatz_loeschen', einsatz_id=e.id) }}"
                onsubmit="return confirm('Diesen Einzeltermin löschen?');">
            <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
            <button type="submit" class="cp-btn cp-btn--ghost">Löschen</button>
          </form>
        </div>
      </li>
    {% else %}
      <li class="cp-muted">Noch keine Einzeltermine.</li>
    {% endfor %}
  </ul>

  <h2>Einzeltermin hinzufügen</h2>
  <form method="post" action="{{ url_for('planung.einzeltermine') }}" class="cp-form">
    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
    {% include "_einsatz_felder.html" with context %}
    <button type="submit" class="cp-btn cp-btn--primary">Einzeltermin hinzufügen</button>
  </form>
{% endblock %}