{% extends "layout.html.twig" %}

{% block title %}{{ is_edit ? 'Modifica' : 'Nuovo' }} collaboratore · {{ app_name }}{% endblock %}

{% set role_labels = {'admin': 'Amministratore', 'editor': 'Editor (può modificare)', 'viewer': 'Viewer (sola lettura)'} %}

{% block content %}
    <div class="mx-auto max-w-lg">
        <h1>{{ is_edit ? 'Modifica collaboratore' : 'Nuovo collaboratore' }}</h1>

        {% if errors._ %}
            <div class="flash flash-error mt-4">{{ errors._ }}</div>
        {% endif %}

        <form method="post" action="{{ action }}" class="card mt-4">
            {{ csrf_field() }}

            <div class="field">
                <label class="label" for="email">Email</label>
                {% if is_edit %}
                    {# L'email è l'identità di login: non modificabile. #}
                    <input class="input" id="email" value="{{ u.email }}" disabled>
                    <p class="help">L'email non è modificabile (identità di accesso).</p>
                {% else %}
                    <input class="input" type="email" id="email" name="email" value="{{ u.email }}"
                           required maxlength="255" autofocus placeholder="nome@esempio.it">
                    {% if errors.email %}<p class="mt-1 text-sm text-red-600">{{ errors.email }}</p>{% endif %}
                {% endif %}
            </div>

            <div class="field">
                <label class="label" for="nome">Nome</label>
                <input class="input" id="nome" name="nome" value="{{ u.nome }}" required maxlength="150">
                {% if errors.nome %}<p class="mt-1 text-sm text-red-600">{{ errors.nome }}</p>{% endif %}
            </div>

            <div class="field">
                <label class="label" for="ruolo">Ruolo</label>
                <select class="select" id="ruolo" name="ruolo">
                    {% for r in roles %}
                        <option value="{{ r }}" {{ u.ruolo == r ? 'selected' : '' }}>{{ role_labels[r] }}</option>
                    {% endfor %}
                </select>
                {% if errors.ruolo %}<p class="mt-1 text-sm text-red-600">{{ errors.ruolo }}</p>{% endif %}
            </div>

            <div class="field">
                <label class="check-row">
                    <input type="checkbox" name="attivo" value="1" {{ u.attivo ? 'checked' : '' }}>
                    <span class="text-sm">Attivo (può accedere)</span>
                </label>
            </div>

            <div class="flex gap-2 form-actions-sticky">
                <button type="submit" class="btn-primary">{{ is_edit ? 'Salva modifiche' : 'Crea collaboratore' }}</button>
                <a class="btn-secondary" href="{{ url('/utenti') }}">Annulla</a>
            </div>
        </form>
    </div>
{% endblock %}