{% 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 }} · {{ card.schedule|horario }}</p>
    </div>
    <a class="button secondary" href="{{ app_path('/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="{{ app_path('/login') }}">Entrar</a></div>
{% endif %}
{% endblock %}