{% extends "base.html" %}
{% block content %}
<div class="page-head"><div><h1>Pessoas</h1></div></div>
<section class="panel">
  <div class="row between wrap gap">
    <h2>Adicionar pessoa</h2>
    <button class="primary" type="submit" form="add-person">Adicionar pessoa</button>
  </div>
  <form id="add-person" method="post" action="{{ app_path('/admin/users') }}" 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>Acesso (opcional)</legend>
      <label>Utilizador<input name="username" pattern="[A-Za-z0-9._-]+"></label>
      <label>Palavra-passe <span class="muted">(obrigatória com o utilizador)</span><input type="password" name="password" minlength="4"></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 person in users %}
<details class="panel">
  <summary><strong>{{ person.name }}</strong> <span class="muted">{% if person.can_login %}@{{ person.username }}{% else %}sem login{% endif %}{% if not person.is_active %} · inativa{% endif %}</span></summary>
  <form method="post" action="{{ app_path('/admin/users/' ~  person.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="{{ person.name }}" required></label>
      <label>Telefone<input name="phone" value="{{ person.phone or '' }}"></label>
      <label>E-mail<input type="email" name="email" value="{{ person.email or '' }}"></label>
    </div>
    <fieldset class="form-col">
      <legend>Acesso</legend>
      <label>Utilizador <span class="muted">(vazio remove o login)</span><input name="username" pattern="[A-Za-z0-9._-]+" value="{{ person.username or '' }}"></label>
      <label>Nova palavra-passe <span class="muted">(vazio para manter)</span><input type="password" name="new_password" minlength="4"></label>
    </fieldset>
    <label class="check"><input type="checkbox" name="notify_email" {% if person.notify_email %}checked{% endif %}> Notificações por e-mail</label>
    <label class="check"><input type="checkbox" name="is_active" {% if person.is_active %}checked{% endif %}> Ativa</label>
    <label class="check"><input type="checkbox" name="is_admin" {% if person.is_admin %}checked{% endif %}> Administrador</label>
    <div><button class="primary" type="submit">Guardar</button></div>
    {% if person.id in removable_ids %}<div><a class="button danger" href="{{ app_path('/admin/users/' ~  person.id  ~ '/delete') }}">Remover</a></div>{% endif %}
  </form>
</details>
{% endfor %}
</div>
{% endblock %}