{% extends "base.html" %}
{% block body %}
<h1>Пользователи</h1>
<div class="panel">
  <h2>Пользователи</h2>
  <table>
    <tr><th>ID</th><th>Логин</th><th>Роль</th><th>Создан</th><th>Активен</th><th></th></tr>
    {% for u in users %}
    <tr>
      <td>{{ u.id }}</td><td>{{ u.login }}</td><td>{{ u.role }}</td>
      <td>{{ u.created_at_fmt }}</td>
      <td>{% if u.is_active %}<span class="pill ok">yes</span>{% else %}<span class="pill bad">no</span>{% endif %}</td>
      <td>{% if user.role == "admin" and user.id != u.id %}<form method="post" action="/users/{{ u.id }}/toggle"><input type="hidden" name="csrf_token" value="{{ user.csrf_token }}"><button class="btn" type="submit">Вкл/выкл</button></form>{% endif %}</td>
    </tr>
    {% endfor %}
  </table>
  {% include "pagination.html" %}
</div>
{% if user.role == "admin" %}
<div class="panel">
  <h2>Добавить</h2>
  <form method="post" action="/users/create">
    <input type="hidden" name="csrf_token" value="{{ user.csrf_token }}">
    <div class="form-grid">
      <label><span>Логин</span><input name="login" required></label>
      <label><span>Пароль</span><input name="password" type="password" required minlength="10"></label>
      <label><span>Роль</span>
        <select name="role"><option value="editor">editor</option><option value="viewer">viewer</option><option value="admin">admin</option></select>
      </label>
    </div>
    <button class="btn primary" type="submit">Создать</button>
  </form>
</div>
{% endif %}
{% endblock %}