{% extends "base.html" %}
{% block title %}Escalas · {{ settings.app_name }}{% endblock %}
{% block content %}
<div class="page-head"><div><h1>Escalas</h1></div></div>
<div class="stack gap-lg">
{% for card in cards %}
<section class="panel">
  <div class="row between wrap gap">
    <div>
      <h2>{{ card.schedule.name }}</h2>
      <p class="muted">{{ card.kind_label }}{% if card.schedule.label_time %} · {{ card.schedule.label_time }}{% endif %}</p>
    </div>
    <a class="button secondary" href="/schedules/{{ card.schedule.id }}">Abrir escala</a>
  </div>
  {% if card.kind == 'rotation' %}
  <p class="muted">Próximas datas</p>
  <p class="date-list">{{ card.dates | join(' · ') }}</p>
  <p class="muted">{{ card.rotation_names | length }} pessoa(s) na rotação.</p>
  {% endif %}
</section>
{% else %}
<div class="empty">Ainda não há escalas publicadas.</div>
{% endfor %}
</div>
{% if not current_user %}
<div class="top-space"><a class="button primary" href="/login">Entrar</a></div>
{% endif %}
{% endblock %}