{% extends "base.html" %}
{% block content %}
<div class="page-head">
  <div>
    <h1>Escalas</h1>
    <p class="muted">Uma página por tipo de escala. A escala da noite é fixa e repete todos os meses; o almoço de sábado e o de domingo são rotações independentes.</p>
  </div>
  <a class="button primary" href="{{ app_path('/admin/assign') }}">Atribuir por dia</a>
</div>
<div class="stack gap">
{% for card in cards %}
{% set schedule = card.schedule %}
<section class="panel">
  <div class="row between wrap gap">
    <div>
      <h2>{{ schedule.name }}</h2>
      <p class="muted">{{ card.kind_label }} · {{ schedule|horario }}{% if not schedule.is_active %} · inativa{% endif %}</p>
    </div>
    <a class="button primary" href="{{ app_path('/admin/schedules/' ~  schedule.id ) }}">Configurar</a>
  </div>
  {% if card.kind == 'rotation' %}
  <p class="muted">Próximas datas</p>
  <p class="date-list">{{ card.dates | join(' · ') }}</p>
  <h3>Ordem da rotação</h3>
  <ol class="rotation-list">
    {% for name in card.rotation_names %}
    <li><span>{{ name }}</span></li>
    {% else %}<li class="muted">Ainda não há membros.</li>{% endfor %}
  </ol>
  {% else %}
  <h3>Padrão</h3>
  <ul class="link-list">
    {% for day, team_name in card.pattern %}
    <li><span>{{ day }}</span> <strong>{{ team_name }}</strong></li>
    {% else %}<li class="muted">Ainda não há ninguém definido.</li>{% endfor %}
  </ul>
  {% endif %}
</section>
{% else %}
<div class="empty">Ainda não há escalas. Execute <code>python -m app.cli init-db</code> para criar as predefinidas.</div>
{% endfor %}
</div>
<section class="panel">
  <h2>Calendário da equipa</h2>
  <p class="muted">Um único endereço com a rota completa, para qualquer calendário.</p>
  <p><a class="button secondary" href="{{ app_path('/calendar') }}">Adicionar ao calendário do telemóvel</a></p>
  <div class="inline-form">
    <input type="text" readonly value="{{ calendar_feed_url }}" aria-label="Endereço do calendário da equipa">
    <button class="secondary" type="button" data-copy="{{ calendar_feed_url }}">Copiar</button>
  </div>
</section>
{% endblock %}