{% 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 card in cards %}
<section class="panel">
  <div class="row between wrap gap">
    <div>
      <h2>{{ card.schedule.name }}</h2>
      <p class="muted">{{ card.kind_label }}{% if card.schedule.label_time %} · {{ card.schedule.label_time }}{% endif %}</p>
    </div>
    <a class="button secondary" href="/schedules/{{ card.schedule.id }}">Open schedule</a>
  </div>
  {% if card.kind == 'rotation' %}
  <p class="muted">Next dates</p>
  <p class="date-list">{{ card.dates | join(' · ') }}</p>
  <p class="muted">{{ card.rotation_names | length }} in the rotation.</p>
  {% endif %}
</section>
{% 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 %}