{# templates/app/utilisateurs/form.html.twig #}
{% extends 'app/base.html.twig' %}

{% set is_edit = utilisateur and utilisateur.id is defined %}

{% block title %}{{ is_edit ? 'Modifier l\'utilisateur' : 'Nouvel utilisateur' }} — GestRestoSco{% endblock %}

{% block body %}

<div class="d-flex align-items-center justify-content-between mb-4">
    <h1 class="h4 fw-bold mb-0 page-title">
        <i class="fas fa-user-cog me-2"></i>
        {{ is_edit ? 'Modifier « ' ~ utilisateur.username ~ ' »' : 'Nouvel utilisateur' }}
    </h1>
    <a href="{{ path('tenant_utilisateurs_index') }}" class="btn btn-outline-secondary">
        <i class="fas fa-arrow-left me-1"></i>Retour
    </a>
</div>

<div class="row justify-content-center">
    <div class="col-lg-7">
        <div class="card border-0 shadow-sm rounded-3">
            <div class="card-body p-4">

                <form method="post" action="{{ action }}" novalidate>
                    <input type="hidden" name="_token" value="{{ csrf_token(token) }}">

                    <div class="row g-3">

                        {% if not is_edit %}
                        <div class="col-12">
                            <label for="username" class="form-label fw-semibold">
                                Identifiant <span class="text-danger">*</span>
                            </label>
                            <input type="text" id="username" name="username" class="form-control"
                                   value="{{ utilisateur.username ?? '' }}" required autofocus
                                   autocomplete="username" placeholder="loginunique">
                            <div class="form-text">Doit être unique, sans espace.</div>
                        </div>
                        {% else %}
                        <div class="col-12">
                            <div class="alert alert-light py-2 mb-0">
                                <strong>Identifiant :</strong> {{ utilisateur.username }}
                            </div>
                        </div>
                        {% endif %}

                        <div class="col-sm-6">
                            <label for="prenom" class="form-label fw-semibold">Prénom</label>
                            <input type="text" id="prenom" name="prenom" class="form-control"
                                   value="{{ utilisateur.prenom ?? '' }}" autocomplete="given-name">
                        </div>

                        <div class="col-sm-6">
                            <label for="nom" class="form-label fw-semibold">Nom</label>
                            <input type="text" id="nom" name="nom" class="form-control"
                                   value="{{ utilisateur.nom ?? '' }}" autocomplete="family-name">
                        </div>

                        <div class="col-12">
                            <label for="email" class="form-label fw-semibold">
                                Adresse email <span class="text-danger">*</span>
                            </label>
                            <input type="email" id="email" name="email" class="form-control"
                                   value="{{ utilisateur.email ?? '' }}" required
                                   autocomplete="email" placeholder="prenom.nom@example.fr">
                            <div class="form-text">
                                <i class="fas fa-shield-alt me-1 text-primary"></i>
                                Utilisée pour envoyer le code de double authentification (2FA).
                            </div>
                        </div>

                        <div class="col-12">
                            <label for="role" class="form-label fw-semibold">Rôle</label>
                            <select id="role" name="role" class="form-select">
                                <option value="lecture"    {{ (utilisateur.role ?? '') == 'lecture'    ? 'selected' }}>Lecture seule</option>
                                <option value="cuisinier"   {{ (utilisateur.role ?? '') == 'cuisinier'   ? 'selected' }}>Cuisinier</option>
                                <option value="gestionnaire"{{ (utilisateur.role ?? '') == 'gestionnaire'? 'selected' }}>Gestionnaire</option>
                                <option value="admin"       {{ (utilisateur.role ?? '') == 'admin'       ? 'selected' }}>Administrateur</option>
                            </select>
                        </div>

                        <div class="col-12">
                            <label for="password" class="form-label fw-semibold">
                                {{ is_edit ? 'Nouveau mot de passe' : 'Mot de passe' }}
                                {% if not is_edit %}<span class="text-danger">*</span>{% endif %}
                            </label>
                            <input type="password" id="password" name="password" class="form-control"
                                   autocomplete="new-password" minlength="6"
                                   {{ not is_edit ? 'required' : '' }}
                                   placeholder="{{ is_edit ? 'Laisser vide pour ne pas changer' : 'Minimum 6 caractères' }}">
                        </div>

                        <div class="col-12">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" id="password_must_change"
                                       name="password_must_change" value="1"
                                       {{ (utilisateur.password_must_change ?? 0) ? 'checked' }}>
                                <label class="form-check-label" for="password_must_change">
                                    Forcer le changement de mot de passe à la prochaine connexion
                                </label>
                            </div>
                        </div>

                    </div>{# /row #}

                    <hr class="my-4">

                    <div class="d-flex gap-2 justify-content-end">
                        <a href="{{ path('tenant_utilisateurs_index') }}" class="btn btn-outline-secondary">Annuler</a>
                        <button type="submit" class="btn btn-primary">
                            <i class="fas fa-save me-1"></i>{{ is_edit ? 'Enregistrer les modifications' : 'Créer l\'utilisateur' }}
                        </button>
                    </div>

                </form>
            </div>
        </div>
    </div>
</div>

{% endblock body %}