{% extends "base.html" %}
{% block title %}Equipas · {{ settings.app_name }}{% endblock %}
{% block content %}
<div class="page-head">
  <div>
    <h1>Equipas</h1>
    <p class="muted">Quem entra na rota. Uma equipa é quem fica com um turno, e pode ser uma pessoa ou várias. Os utilizadores que entram na aplicação criam-se em <a href="{{ app_path('/admin/users') }}">Utilizadores</a>; aqui escolhe-se apenas quem entra para cada equipa.</p>
  </div>
</div>
<section class="panel">
  <div class="row between wrap gap">
    <h2>Adicionar equipa</h2>
    <button class="primary" type="submit" form="add-team">Adicionar equipa</button>
  </div>
  <form id="add-team" method="post" action="{{ app_path('/admin/teams') }}" class="form-grid">
    <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
    <div class="form-col">
      <label>Nome<input name="name" required></label>
      <label>Telefone<input name="phone"></label>
      <label>E-mail<input type="email" name="email"></label>
    </div>
    <fieldset class="form-col">
      <legend>Utilizador <span class="muted">(opcional)</span></legend>
      <label>Entra com
        <select name="assigned_user_id">
          <option value="">Ninguém — só aparece na escala</option>
          {% for account in users_by_id.values() %}<option value="{{ account.id }}">@{{ account.username }} — {{ account.name }}</option>{% endfor %}
        </select>
      </label>
    </fieldset>
    <label class="check"><input type="checkbox" name="notify_email" checked> Notificações por e-mail</label>
  </form>
</section>
<div class="stack gap-lg top-space">
{% for team in teams %}
<details class="panel">
  <summary><strong>{{ team.name }}</strong> <span class="muted">{% if team.user %}@{{ team.user.username }}{% if team.user.teams|length > 1 %} · partilhada com {{ team.user.teams|length - 1 }}{% endif %}{% else %}sem utilizador{% endif %}{% if not team.is_active %} · inativa{% endif %}</span></summary>
  <form method="post" action="{{ app_path('/admin/teams/' ~  team.id  ~ '/update') }}" class="form-grid top-space">
    <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
    <div class="form-col">
      <label>Nome<input name="name" value="{{ team.name }}" required></label>
      <label>Telefone<input name="phone" value="{{ team.phone or '' }}"></label>
      <label>E-mail<input type="email" name="email" value="{{ team.email or '' }}"></label>
    </div>
    <fieldset class="form-col">
      <legend>Utilizador</legend>
      <label>Entra com
        <select name="assigned_user_id">
          <option value="">Ninguém — só aparece na escala</option>
          {% for account in users_by_id.values() %}<option value="{{ account.id }}" {% if team.user and team.user.id == account.id %}selected{% endif %}>@{{ account.username }} — {{ account.name }}</option>{% endfor %}
        </select>
      </label>
      <p class="muted">O mesmo utilizador pode entrar em várias equipas: vê e controla os turnos de todas elas.</p>
    </fieldset>
    <label class="check"><input type="checkbox" name="notify_email" {% if team.notify_email %}checked{% endif %}> Notificações por e-mail</label>
    <label class="check"><input type="checkbox" name="is_active" {% if team.is_active %}checked{% endif %}> Ativa</label>
    <div><button class="primary" type="submit">Guardar</button></div>
    {% if team.id in removable_ids %}<div><a class="button danger" href="{{ app_path('/admin/teams/' ~  team.id  ~ '/delete') }}">Remover</a></div>{% endif %}
  </form>
</details>
{% endfor %}
</div>
{% endblock %}