{% extends "base.html" %}
{% block content %}
{% set schedule = card.schedule %}
<div class="page-head">
  <div>
    <p class="eyebrow"><a href="/admin/schedules">Escalas</a></p>
    <h1>{{ schedule.name }}</h1>
    <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 %}> Aprovação da gestão</label>
    <label class="check"><input type="checkbox" name="is_active" {% if schedule.is_active %}checked{% endif %}> Ativa</label>
    <button class="secondary" type="submit">Guardar</button>
  </form>
</div>
<div class="stack gap-lg">
{% if card.kind == 'rotation' %}
  <section class="panel">
    <div class="row between wrap gap">
      <div><h3>{{ month_name }} {{ year }}</h3><p class="muted">Pré-preenchido com a ordem da rotação abaixo. Alterar uma data nunca reescreve as outras.</p></div>
      <div class="month-nav">
        <a class="button secondary" href="/admin/schedules/{{ schedule.id }}?year={{ prev[0] }}&month={{ prev[1] }}">← Anterior</a>
        <a class="button secondary" href="/admin/schedules/{{ schedule.id }}?year={{ nxt[0] }}&month={{ nxt[1] }}">Seguinte →</a>
      </div>
    </div>
    <form method="post" action="/admin/schedules/{{ schedule.id }}/apply-rotation" class="inline-form">
      <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
      <input type="hidden" name="year" value="{{ year }}"><input type="hidden" name="month" value="{{ month }}">
      <button class="secondary" type="submit">Aplicar rotação em {{ month_name }}</button>
    </form>
    <p class="muted">Cada turno automático é dado à próxima pessoa ativa a seguir à responsável pelo turno anterior desta escala, com retorno ao início da rotação. Aplicar a rotação mantém as atribuições manuais e as trocas concluídas. Recalcular substitui a atribuição de uma data, incluindo uma atribuição manual ou uma troca. Uma rotação vazia deixa os turnos automáticos sem atribuição.</p>
    <form method="post" action="/admin/schedules/{{ schedule.id }}/generate-after" class="inline-form">
      <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
      <label>Depois da data<input type="date" name="after_date" value="{{ generate_after.isoformat() }}" min="1999-12-31" max="2100-12-30" required></label>
      <label>Até à data<input type="date" name="through_date" value="{{ generate_through.isoformat() }}" min="2000-01-01" max="2100-12-31" required></label>
      <button class="secondary" type="submit">Gerar depois da data</button>
    </form>
    <p class="muted">Cria os turnos em falta e atualiza as atribuições automáticas depois da data de referência, até à data final (inclusive). As atribuições manuais e as trocas concluídas são mantidas e usadas como referência.</p>
    <form method="post" action="/admin/schedules/{{ schedule.id }}/assignments">
      <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
      <input type="hidden" name="year" value="{{ year }}"><input type="hidden" name="month" value="{{ month }}">
      <div class="table-wrap"><table><thead><tr><th>Data</th><th>Pessoa</th><th>Origem</th><th>Ação</th></tr></thead><tbody>
      {% for assignment in assignments %}
        <tr><td>{{ assignment.date|dia }}</td><td><select name="assignment_{{ assignment.id }}"><option value="">Sem atribuição</option>{% for person in users %}<option value="{{ person.id }}" {% if assignment.user_id == person.id %}selected{% endif %}>{{ person.name }}</option>{% endfor %}</select></td><td><span class="badge">{{ assignment.source|origem }}</span></td><td><button class="secondary small" type="submit" form="regenerate-{{ assignment.id }}" aria-label="Recalcular o turno de {{ assignment.date|dia }}">Recalcular</button></td></tr>
      {% endfor %}
      </tbody></table></div>
      <div class="sticky-actions"><button class="primary" type="submit">Guardar {{ month_name }}</button></div>
    </form>
    {% for assignment in assignments %}
    <form id="regenerate-{{ assignment.id }}" method="post" action="/admin/schedules/{{ schedule.id }}/assignments/{{ assignment.id }}/regenerate">
      <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
    </form>
    {% endfor %}
  </section>
  <section class="panel">
    <h3>Próximas datas</h3>
    <p class="date-list">{{ card.dates | join(' · ') }}</p>
  </section>
  <section class="panel" id="rotation-order">
    <h3>Ordem da rotação</h3>
    <p class="muted">Rotação independente, preenchida por ordem. Depois de alterar a ordem, use Aplicar rotação acima para atualizar os turnos automáticos deste mês.</p>
    <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" aria-label="Subir {{ member.user.name }}">↑</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" aria-label="Descer {{ member.user.name }}">↓</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">Remover</button></form>
        </div>
      </li>
      {% else %}<li class="muted">Ainda não há membros.</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="">Adicionar pessoa…</option>{% for person in users %}<option value="{{ person.id }}">{{ person.name }}</option>{% endfor %}</select>
      <button class="primary" type="submit">Adicionar à rotação</button>
    </form>
  </section>
{% else %}
  <section class="panel">
    <h3>Repete todos os meses</h3>
    <form method="post" action="/admin/schedules/{{ schedule.id }}/pattern">
      <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
      <div class="pattern-grid">
      {% for day in pattern_days %}
        <label class="pattern-day"><span>{{ day }}</span>
          <select name="day_{{ day }}">
            <option value="">—</option>
            {% for person in users %}<option value="{{ person.id }}" {% if pattern.get(day) == person.id %}selected{% endif %}>{{ person.name }}</option>{% endfor %}
          </select>
        </label>
      {% endfor %}
      </div>
      <div class="sticky-actions"><button class="primary" type="submit">Guardar padrão</button></div>
    </form>
  </section>
{% endif %}
</div>
{% endblock %}