{% extends "base.html" %}
{% block title %}{{ card.schedule.name }} · {{ settings.app_name }}{% endblock %}
{% block content %}
{% set schedule = card.schedule %}
<div class="page-head">
  <div>
    <p class="eyebrow"><a href="/schedules">Schedules</a></p>
    <h1>{{ schedule.name }}</h1>
    <p class="muted">{{ card.kind_label }}{% if schedule.label_time %} · {{ schedule.label_time }}{% endif %}</p>
  </div>
</div>
<div class="stack gap-lg">
  <section class="panel">
    {% if card.kind == 'rotation' %}
    <p class="muted">Next dates</p>
    <p class="date-list">{{ card.dates | join(' · ') }}</p>
    <h3>Rotation order</h3>
    <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>
    {% else %}
    <p class="muted">The same every month: one person for each day of the month.</p>
    <h3>Pattern</h3>
    <ul class="link-list">
      {% for day, person_name in card.pattern %}
      <li><span>{{ day }}</span> <strong>{{ person_name }}</strong></li>
      {% else %}<li class="muted">Nobody set yet.</li>{% endfor %}
    </ul>
    {% endif %}
  </section>
  {% if cards | length > 1 %}
  <section class="panel">
    <h3>Other schedules</h3>
    <ul class="link-list">
      {% for other in cards %}
      {% if other.schedule.id != schedule.id %}
      <li><a href="/schedules/{{ other.schedule.id }}">{{ other.schedule.name }}</a> <span class="muted">{{ other.kind_label }}</span></li>
      {% endif %}
      {% endfor %}
    </ul>
  </section>
  {% endif %}
</div>
{% if not current_user %}
<div class="top-space"><a class="button primary" href="/login">Sign in</a></div>
{% endif %}
{% endblock %}