{% extends "base.html" %}
{% block title %}Users · psppt{% endblock %}
{% block content %}
<h1>Users</h1>
<h2>Add user</h2>
<form method="post" action="/users" class="inline">
  <input name="username" placeholder="username" required>
  <input name="password" type="password" placeholder="password" required>
  <select name="role">
    <option value="user">user</option>
    <option value="editor">editor</option>
    <option value="admin">admin</option>
  </select>
  <button>Add</button>
</form>

<h2>Existing</h2>
<table>
  <tr><th>Username</th><th>Role</th><th>Active</th><th>Actions</th></tr>
  {% for u in users %}
  <tr>
    <td>{{ u.username }}</td>
    <td>{{ u.role }}</td>
    <td>{{ 'yes' if u.is_active else 'no' }}</td>
    <td>
      <form method="post" action="/users/{{ u.id }}" class="inline">
        <select name="role">
          <option value="user" {% if u.role == 'user' %}selected{% endif %}>user</option>
          <option value="editor" {% if u.role == 'editor' %}selected{% endif %}>editor</option>
          <option value="admin" {% if u.role == 'admin' %}selected{% endif %}>admin</option>
        </select>
        <input name="password" type="password" placeholder="new password">
        <label class="check"><input type="checkbox" name="is_active" {% if u.is_active %}checked{% endif %}> active</label>
        <button name="action" value="save">Save</button>
        <button name="action" value="delete" class="danger">Delete</button>
      </form>
    </td>
  </tr>
  {% endfor %}
</table>
{% endblock %}