{% extends 'base.html' %}

{% block title %}Créer · Utilisateur · Back-office{% endblock %}

{% block content %}
<section class="section">
  <div class="container">
    <div class="panel" style="max-width:760px;margin:0 auto">
      <div style="display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap">
        <h2 style="margin:0">{{ t('Créer un utilisateur', 'Create user') }}</h2>
        <a class="btn" href="{{ url_for('web.bo_users') }}">{{ t('Retour', 'Back') }}</a>
      </div>

      {% if error %}
        <div class="alert" style="margin-top:12px">{{ error }}</div>
      {% endif %}

      <form class="form" method="post" style="margin-top:12px">
        <div class="field">
          <label for="fullname">{{ t('Nom complet', 'Full name') }}</label>
          <input id="fullname" name="fullname" required />
        </div>
        <div class="field">
          <label for="email">{{ t('Email', 'Email') }}</label>
          <input id="email" name="email" type="email" required />
        </div>
        <div class="field">
          <label for="password">{{ t('Mot de passe', 'Password') }}</label>
          <input id="password" name="password" type="password" required />
        </div>
        <div class="field">
          <label for="role">{{ t('Rôle', 'Role') }}</label>
          <select id="role" name="role" required>
            <option value="ADMIN">{{ role_label('ADMIN') }}</option>
            <option value="JURY">{{ role_label('JURY') }}</option>
          </select>
        </div>
        <div class="field">
          <label>
            <input type="checkbox" name="is_active" checked />
            {{ t('Actif', 'Active') }}
          </label>
        </div>
        <div>
          <button class="btn btn-primary" type="submit">{{ t('Créer', 'Create') }}</button>
        </div>
      </form>
    </div>
  </div>
</section>
{% endblock %}