{% extends "base.html" %}
{% block titre %}Nouveau compte{% endblock %}
{% block contenu %}
<h1 class="h3 mb-3">Nouveau compte utilisateur</h1>

{% if erreur %}<div class="alert alert-danger">{{ erreur }}</div>{% endif %}

<form method="post" class="card p-4 bg-white" style="max-width: 480px;">
  <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
  <div class="mb-3">
    <label class="form-label">Nom complet *</label>
    <input type="text" name="nom_complet" class="form-control" required>
  </div>
  <div class="mb-3">
    <label class="form-label">Identifiant *</label>
    <input type="text" name="identifiant" class="form-control" required>
  </div>
  <div class="mb-3">
    <label class="form-label">Mot de passe (8 caractères minimum) *</label>
    <input type="password" name="mot_de_passe" class="form-control" minlength="8" required>
  </div>
  <div class="mb-3">
    <label class="form-label">Confirmer le mot de passe *</label>
    <input type="password" name="confirmation_mot_de_passe" class="form-control" minlength="8" required>
  </div>
  <div class="form-check mb-3">
    <input type="checkbox" name="est_admin" value="true" class="form-check-input" id="estAdmin">
    <label class="form-check-label" for="estAdmin">Compte administrateur (gestion des utilisateurs et sauvegardes)</label>
  </div>
  <div class="d-flex gap-2">
    <button type="submit" class="btn btn-success">Créer le compte</button>
    <a href="/utilisateurs" class="btn btn-outline-secondary">Annuler</a>
  </div>
</form>
{% endblock %}