{% extends "base.html" %}
{% block content %}
{% set schedule = card.schedule %}
<div class="page-head">
  <div>
    <p class="eyebrow"><a href="{{ app_path('/admin/schedules') }}">Escalas</a></p>
    <h1>{{ schedule.name }}</h1>
    <p class="muted">{{ card.kind_label }} · {{ schedule|horario }}</p>
  </div>
  <form method="post" action="{{ app_path('/admin/schedules/' ~  schedule.id  ~ '/settings') }}" class="inline-form">
    <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
    <label>Das horas<input type="time" name="start_time" value="{{ schedule.start_time.strftime('%H:%M') }}" required></label>
    <label>Às horas<input type="time" name="end_time" value="{{ schedule.end_time.strftime('%H:%M') }}" required></label>
    <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="{{ app_path('/admin/schedules/' ~  schedule.id  ~ '?year=' ~  prev[0]  ~ '&month=' ~  prev[1] ) }}">← Anterior</a>
        <a class="button secondary" href="{{ app_path('/admin/schedules/' ~  schedule.id  ~ '?year=' ~  nxt[0]  ~ '&month=' ~  nxt[1] ) }}">Seguinte →</a>
      </div>
    </div>
    <form method="post" action="{{ app_path('/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="{{ app_path('/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="{{ app_path('/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="{{ app_path('/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="{{ app_path('/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="{{ app_path('/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="{{ app_path('/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="{{ app_path('/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="{{ app_path('/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 %}

  <section class="panel" id="swap-requests">
    <h3>Pedidos de troca</h3>
    <p class="muted">Um administrador pode atribuir o turno a outra pessoa, mesmo que essa pessoa não entre na aplicação. Só se aplica se quem pediu a troca continuar a ser o titular do turno.</p>
    <ul class="link-list">
    {% for item in swap_requests %}
      <li>
        <div>
          <strong>{{ item.assignment.date|dia }}</strong> · {{ item.assignment.schedule.name }}
          — pedido por {{ item.requester.name }}
          {% if item.target_assignment %}em troca de <strong>{{ item.target_assignment.date|dia }}</strong>{% endif %}
          {% if item.target_user %}para {{ item.target_user.name }}{% endif %}
          {% if item.accepted_by %}, aceite por {{ item.accepted_by.name }}{% endif %}
          {% if item.message %}<br><span class="muted">“{{ item.message }}”</span>{% endif %}
        </div>
        <form method="post" action="{{ app_path('/admin/schedules/' ~  schedule.id  ~ '/swaps/' ~  item.id  ~ '/assign') }}" 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 }}">
          <select name="user_id" required>
            <option value="">Atribuir a…</option>
            {% for person in schedule_people %}
              {% if person.id != item.requester_id %}
              <option value="{{ person.id }}" {% if person.id == (item.accepted_by_id or item.target_user_id) %}selected{% endif %}>{{ person.name }}</option>
              {% endif %}
            {% endfor %}
          </select>
          <button class="secondary small" type="submit">Atribuir turno</button>
        </form>
      </li>
    {% else %}
      <li class="muted">Não há pedidos de troca nesta escala.</li>
    {% endfor %}
    </ul>
  </section>
</div>
{% endblock %}