{% extends "base.html" %}
{% block title %}{{ 'Modifica ' ~ u.nome if u else 'Nuovo utente' }}{% endblock %}
{% block content %}
<p><a href="{{ url_for('admin_utenti') }}">Torna agli utenti</a></p>
<h1>{{ 'Modifica ' ~ u.nome if u else 'Nuovo utente' }}</h1>
<form method="post" class="modulo">
  <input type="hidden" name="_csrf" value="{{ csrf_token() }}">
  {% if u %}
    <p class="campo-fisso">Nome utente: <strong>{{ u.username }}</strong></p>
  {% else %}
    <label>Nome utente
      <input name="username" value="{{ form.get('username', '') }}" required pattern="[a-z0-9._\-]{3,40}" autocomplete="off">
      <small>Lettere minuscole, numeri, punto o trattino. Ad esempio mario.rossi</small>
    </label>
  {% endif %}
  <label>Nome e cognome
    <input name="nome" value="{{ form.get('nome', u.nome if u else '') }}" required>
  </label>
  <label>Ruolo
    {% set ruolo_sel = form.get('ruolo', u.ruolo if u else 'utente') %}
    <select name="ruolo">
      {% for k, v in ROLES.items() %}<option value="{{ k }}" {% if ruolo_sel == k %}selected{% endif %}>{{ v }}</option>{% endfor %}
    </select>
    <small>L'utente gestisce solo i propri file. Il protocollatore vede e modifica i file di tutto il personale. L'amministratore di sistema gestisce gli account.</small>
  </label>
  <label>{{ 'Nuova password (lascia vuoto per non cambiarla)' if u else 'Password iniziale' }}
    <input name="password" type="password" minlength="10" autocomplete="new-password" {% if not u %}required{% endif %}>
    <small>Almeno 10 caratteri. Comunicala alla persona, che potrà cambiarla dopo il primo accesso.</small>
  </label>
  {% if u %}
  <label class="spunta">
    <input type="checkbox" name="attivo" value="1" {% if u.attivo %}checked{% endif %}>
    Account attivo (se disattivato, la persona non può più accedere ma i suoi file restano)
  </label>
  {% endif %}
  <div class="riga-pulsanti">
    <button class="primario" type="submit">{{ 'Salva modifiche' if u else 'Crea utente' }}</button>
    <a href="{{ url_for('admin_utenti') }}">Annulla</a>
  </div>
</form>
{% endblock %}