{% extends "layout.html" %}
{% block title %}Users ยท Arc{% endblock title %}
{% block content %}
<nav class="text-links"><a href="/admin">Admin</a><a href="/profile">Profile</a></nav>
<p class="eyebrow">Authorization</p><h1>Users</h1>
{% if error %}<div class="alert alert--error" role="alert">{{ error }}</div>{% endif %}
<h2>Create user</h2>
<form method="post" action="/admin/users">
<input type="hidden" name="csrf_token" value="{{ csrf_token }}">
<div class="field"><label for="new-user-name">Name</label><input id="new-user-name" name="name" required></div>
<div class="field"><label for="new-user-email">Email</label><input id="new-user-email" type="email" name="email" required></div>
<div class="field"><label for="new-user-password">Temporary password</label><input id="new-user-password" type="password" name="password" minlength="12" required></div>
<div class="field"><label for="new-user-roles">Roles</label><input id="new-user-roles" name="roles" value="user"></div>
<button class="button button--primary" type="submit">Create user</button>
</form>
<hr>
{% for user in users %}
<section class="panel">
<h2>{{ user.name }}</h2><p>{{ user.email }}</p>
<form method="post" action="/admin/users/{{ user.id }}/roles">
<input type="hidden" name="csrf_token" value="{{ csrf_token }}">
<div class="field"><label for="roles-{{ loop.index }}">Roles</label><input id="roles-{{ loop.index }}" name="roles" value="{{ user.roles | join(sep=',') }}"></div>
<button class="button" type="submit">Set roles</button>
</form>
</section>
{% else %}<p>No users.</p>{% endfor %}
{% endblock content %}