{% extends "base.html" %}
{% block title %}Users · {{ app_name }}{% endblock %}
{% block body %}
{% include "_nav.html" %}
<main class="container">
  <h1>Users</h1>

  <div class="card">
    <h2>Create user</h2>
    <form hx-post="/admin/users" hx-target="#user-list" hx-swap="outerHTML" class="form-grid">
      <label>Email <input type="email" name="email" required></label>
      <label>Full name <input type="text" name="full_name"></label>
      <label>Password <input type="password" name="password" required></label>
      <label class="check">
        <input type="checkbox" name="is_superuser" value="true"> Superuser
      </label>
      <fieldset class="roles-field">
        <legend>Roles</legend>
        {% for role in roles %}
          <label class="check"><input type="checkbox" name="role_ids" value="{{ role.id }}"> {{ role.name }}</label>
        {% endfor %}
      </fieldset>
      <button type="submit" class="btn btn-primary">Add user</button>
    </form>
  </div>

  {% include "admin/_users_table.html" %}
</main>
{% endblock %}