{% extends "base.html" %}
{% block content %}
<div class="page-head"><div><h1>Schedules</h1><p class="muted">Saturday lunch and Sunday lunch rotate independently. Existing generated assignments are not rewritten when the rotation changes.</p></div></div>
<div class="stack gap-lg">
{% for schedule in schedules %}
<section class="panel">
  <div class="row between wrap gap">
    <div><h2>{{ schedule.name }}</h2><p class="muted">{{ schedule.schedule_type }} · weekdays {{ schedule.weekdays }} · {{ schedule.label_time }}</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 schedule.schedule_type == 'rotation' %}
  <h3>Rotation order</h3>
  <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>
{% endblock %}