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

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

{% block content %}
  <h1>Dienstplan</h1>
  <p class="cp-muted">Wähle einen Zeitraum oder Einzeltermin, um Haupt- und
    Springerplätze zu besetzen.</p>

  <h2>Zeiträume</h2>
  <ul class="cp-list">
    {% for zr in zeitraeume %}
      <li class="cp-card">
        <a href="{{ url_for('dienste.zeitraum', zeitraum_id=zr.id) }}">
          <strong>{{ zr.name }}</strong>
        </a>
        <div class="cp-muted">
          {{ zr.start_datum.strftime('%d.%m.%Y') }} – {{ zr.end_datum.strftime('%d.%m.%Y') }}
        </div>
        <span class="cp-tag">
          {{ "Veröffentlicht" if zr.ist_veroeffentlicht else "In Planung" }}
        </span>
      </li>
    {% else %}
      <li class="cp-muted">Noch keine Planungszeiträume.</li>
    {% endfor %}
  </ul>

  <h2>Einzeltermine</h2>
  <ul class="cp-list">
    {% for e in einzeltermine %}
      <li class="cp-card">
        <a href="{{ url_for('dienste.einsatz', einsatz_id=e.id) }}">
          <strong>{{ e.art }}{% if e.ort %} · {{ e.ort }}{% endif %}</strong>
        </a>
        <div class="cp-muted">
          {{ e.datum.strftime('%a, %d.%m.%Y') }} ·
          {{ zeitspanne(e) }}
        </div>
        {% if e.unterbesetzt %}<span class="cp-tag cp-tag--urgent">Unterbesetzt</span>{% endif %}
      </li>
    {% else %}
      <li class="cp-muted">Keine Einzeltermine.</li>
    {% endfor %}
  </ul>
{% endblock %}