{% extends "base.html" %}
{% block title %}Schedules · {{ settings.app_name }}{% endblock %}
{% block content %}
<div class="page-head"><div><h1>Schedules</h1><p class="muted">The night schedule repeats every month. Saturday lunch and Sunday lunch are separate rotations that never share an order.</p></div></div>
<div class="stack gap-lg">
{% for group in groups %}
<div class="stack gap">
  <h2 class="group-title">{{ group.title }}</h2>
  <p class="muted">{{ group.muted }}</p>
  {% for card in group.cards %}
  <section class="panel">
    <div class="row between wrap gap">
      <div><h3>{{ card.schedule.name }}</h3><p class="muted">{{ card.kind_label }}{% if card.schedule.label_time %} · {{ card.schedule.label_time }}{% endif %}</p></div>
    </div>
    {% if card.kind == 'rotation' %}
    <p class="muted">Next dates</p>
    <p class="date-list">{{ card.dates | join(' · ') }}</p>
    <h4>Rotation order</h4>
    <ol class="rotation-list">
      {% for name in card.rotation_names %}
      <li><span>{{ name }}</span></li>
      {% else %}<li class="muted">No members yet.</li>{% endfor %}
    </ol>
    {% endif %}
  </section>
  {% endfor %}
</div>
{% else %}
<div class="empty">No schedules are published yet.</div>
{% endfor %}
</div>
{% if not current_user %}
<div class="top-space"><a class="button primary" href="/login">Sign in</a></div>
{% endif %}
{% endblock %}