{% extends 'base.html' %}
{% block title %}{{ u.name or 'Nieuwe gebruiker' }}{% endblock %}
{% block content %}
<div class="head">
  <div><a class="label" href="{{ url_for('users') }}">← Gebruikers</a><h1>{{ 'Gebruiker bewerken' if u.id else 'Nieuwe gebruiker' }}</h1></div>
</div>
<form method="post" class="card">
  <div class="fields">
    <div><label for="name">Naam *</label><input id="name" name="name" value="{{ u.name }}" required></div>
    <div><label for="email">E-mailadres (inlognaam) *</label><input id="email" type="email" name="email" value="{{ u.email }}" required></div>
    <div><label for="role">Rol</label>
      <select id="role" name="role">{% for k, l in ROLES %}<option value="{{ k }}" {{ 'selected' if u.role == k }}>{{ l }}</option>{% endfor %}</select>
    </div>
    <div><label for="password">{{ 'Nieuw wachtwoord' if u.id else 'Wachtwoord *' }}</label>
      <input id="password" type="password" name="password" minlength="8" {{ 'required' if not u.id }} autocomplete="new-password">
      {% if u.id %}<p class="hint">Leeg laten om het huidige wachtwoord te houden.</p>{% endif %}</div>
    <div class="full"><label><input type="checkbox" name="active" value="1" {{ 'checked' if u.active }}>Actief (mag inloggen)</label></div>
  </div>
  <div class="actions">
    <button class="btn">Opslaan</button>
    <a class="btn quiet" href="{{ url_for('users') }}">Annuleren</a>
  </div>
</form>
{% endblock %}