{% extends "base.html" %}
{% block content %}
<div class="page-head"><div><h1>Schedules</h1><p class="muted">The night schedule is fixed and repeats every month. Saturday and Sunday lunch are independent rotations. Existing generated assignments are not rewritten when a rotation changes.</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 %}
  {% set schedule = card.schedule %}
  <section class="panel">
    <div class="row between wrap gap">
      <div><h3>{{ schedule.name }}</h3><p class="muted">{{ card.kind_label }}{% if schedule.label_time %} · {{ schedule.label_time }}{% endif %}</p></div>
      <form method="post" action="/admin/schedules/{{ schedule.id }}/settings" class="inline-form">
        <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
        <label class="check"><input type="checkbox" name="requires_manager_approval" {% if schedule.requires_manager_approval %}checked{% endif %}> Manager approval</label>
        <label class="check"><input type="checkbox" name="is_active" {% if schedule.is_active %}checked{% endif %}> Active</label>
        <button class="secondary" type="submit">Save</button>
      </form>
    </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 member in schedule.rotation_members %}
      <li>
        <span>{{ member.user.name }}</span>
        <div class="actions compact">
          <form method="post" action="/admin/rotation/{{ member.id }}/move"><input type="hidden" name="csrf_token" value="{{ csrf_token }}"><input type="hidden" name="direction" value="up"><button class="secondary small" type="submit">↑</button></form>
          <form method="post" action="/admin/rotation/{{ member.id }}/move"><input type="hidden" name="csrf_token" value="{{ csrf_token }}"><input type="hidden" name="direction" value="down"><button class="secondary small" type="submit">↓</button></form>
          <form method="post" action="/admin/rotation/{{ member.id }}/remove"><input type="hidden" name="csrf_token" value="{{ csrf_token }}"><button class="danger small" type="submit">Remove</button></form>
        </div>
      </li>
      {% else %}<li class="muted">No members yet.</li>{% endfor %}
    </ol>
    <form method="post" action="/admin/schedules/{{ schedule.id }}/rotation" class="inline-form">
      <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
      <select name="user_id" required><option value="">Add person…</option>{% for person in users %}<option value="{{ person.id }}">{{ person.name }}</option>{% endfor %}</select>
      <button class="primary" type="submit">Add to rotation</button>
    </form>
    {% endif %}
  </section>
  {% endfor %}
</div>
{% endfor %}
</div>
{% endblock %}