{% extends "base.html" %}
{% block title %}{{ card.schedule.name }} · {{ settings.app_name }}{% endblock %}
{% block content %}
{% set schedule = card.schedule %}
<div class="page-head">
  <div>
    <p class="eyebrow"><a href="{{ app_path('/schedules') }}">Escalas</a></p>
    <h1>{{ schedule.name }}</h1>
    <p class="muted">{{ card.kind_label }} · {{ schedule|horario }}</p>
  </div>
</div>
<div class="stack gap-lg">
  <section class="panel">
    {% 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, person_name in card.pattern %}
      <li><span>{{ day }}</span> <strong>{{ person_name }}</strong></li>
      {% else %}<li class="muted">Ainda não há ninguém definido.</li>{% endfor %}
    </ul>
    {% endif %}
  </section>
</div>
{% if not current_user %}
<div class="top-space"><a class="button primary" href="{{ app_path('/login') }}">Entrar</a></div>
{% endif %}
{% endblock %}