mesreleves-php/resources/views/admin/utilisateurs/edit.blade.php

<x-app-layout>
    <x-slot name="header">
        <div class="flex items-center gap-3">
            <a href="{{ route('admin.utilisateurs.index') }}" class="text-sm text-indigo-600 hover:underline">← Utilisateurs</a>
            <span class="text-gray-400 dark:text-gray-500">/</span>
            <h2 class="text-xl font-semibold text-gray-800 dark:text-gray-200">{{ $user->name }}</h2>
        </div>
    </x-slot>

    <div class="py-8 max-w-2xl mx-auto px-4 sm:px-6 lg:px-8 space-y-6">

        @if(session('success'))
            <div class="p-4 bg-green-50 dark:bg-green-900/30 border border-green-200 dark:border-green-700 text-green-800 dark:text-green-200 rounded-md">{{ session('success') }}</div>
        @endif
        @if(session('error'))
            <div class="p-4 bg-red-50 dark:bg-red-900/30 border border-red-200 dark:border-red-700 text-red-800 dark:text-red-200 rounded-md">{{ session('error') }}</div>
        @endif

        {{-- Formulaire principal --}}
        <div class="bg-white dark:bg-gray-800 shadow rounded-lg p-6">
            <h3 class="text-sm font-semibold text-gray-700 dark:text-gray-300 uppercase tracking-wide mb-5">Informations</h3>

            <form method="POST" action="{{ route('admin.utilisateurs.update', ['utilisateur' => $user]) }}">
                @csrf @method('PUT')

                <div class="space-y-5">
                    <div>
                        <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">
                            Nom <span class="text-red-500">*</span>
                        </label>
                        <input type="text" name="name" value="{{ old('name', $user->name) }}" required
                               class="block w-full rounded-md border-gray-300 dark:border-gray-600 shadow-sm text-sm focus:border-indigo-500 focus:ring-indigo-500">
                        @error('name')
                            <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                        @enderror
                    </div>

                    <div>
                        <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">
                            Adresse e-mail <span class="text-red-500">*</span>
                        </label>
                        <input type="email" name="email" value="{{ old('email', $user->email) }}" required
                               class="block w-full rounded-md border-gray-300 dark:border-gray-600 shadow-sm text-sm focus:border-indigo-500 focus:ring-indigo-500">
                        @error('email')
                            <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                        @enderror
                    </div>

                    <div x-data="{ open: false }">
                        <button type="button" @click="open = !open"
                                class="text-sm text-indigo-600 hover:underline">
                            <span x-show="!open">Changer le mot de passe…</span>
                            <span x-show="open">Annuler le changement de mot de passe</span>
                        </button>
                        <div x-show="open" x-cloak class="mt-3 space-y-3">
                            <div>
                                <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">
                                    Nouveau mot de passe
                                </label>
                                <input type="password" name="password" autocomplete="new-password"
                                       class="block w-full rounded-md border-gray-300 dark:border-gray-600 shadow-sm text-sm focus:border-indigo-500 focus:ring-indigo-500">
                                @error('password')
                                    <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                                @enderror
                            </div>
                            <div>
                                <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">
                                    Confirmer le nouveau mot de passe
                                </label>
                                <input type="password" name="password_confirmation" autocomplete="new-password"
                                       class="block w-full rounded-md border-gray-300 dark:border-gray-600 shadow-sm text-sm focus:border-indigo-500 focus:ring-indigo-500">
                            </div>
                        </div>
                    </div>

                    {{-- Rôle (masqué pour soi-même) --}}
                    @if($user->id !== auth()->id())
                        <div>
                            <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-3">Rôle</label>
                            <div class="space-y-2">
                                @foreach(\App\Enums\UserRole::cases() as $role)
                                    <label class="flex items-start gap-3 p-3 border rounded-lg cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-700
                                           {{ $user->role === $role ? 'border-indigo-400 bg-indigo-50 dark:bg-indigo-900/30' : 'border-gray-200 dark:border-gray-700' }}">
                                        <input type="radio" name="role" value="{{ $role->value }}"
                                               {{ $user->role === $role ? 'checked' : '' }}
                                               class="mt-0.5 text-indigo-600">
                                        <div>
                                            <p class="text-sm font-medium text-gray-900 dark:text-white">{{ $role->label() }}</p>
                                            <p class="text-xs text-gray-500 dark:text-gray-400 mt-0.5">
                                                @if($role === \App\Enums\UserRole::Admin)
                                                    Accès complet : gestion des utilisateurs, sections, dépôts, types de sources et statistiques.
                                                @elseif($role === \App\Enums\UserRole::SectionManager)
                                                    Peut créer des sources, assigner des membres et valider les relevés de sa section.
                                                @else
                                                    Peut saisir des relevés sur les sources auxquelles il est assigné.
                                                @endif
                                            </p>
                                        </div>
                                    </label>
                                @endforeach
                            </div>
                        </div>
                    @else
                        {{-- Champ caché pour ne pas perdre le rôle lors du submit --}}
                        <input type="hidden" name="role" value="{{ $user->role->value }}">
                        <p class="text-sm text-gray-500 dark:text-gray-400 italic">
                            Vous ne pouvez pas modifier votre propre rôle.
                        </p>
                    @endif
                </div>

                <div class="mt-6 flex gap-4">
                    <button type="submit"
                            class="px-5 py-2 bg-indigo-600 text-white text-sm font-medium rounded-md hover:bg-indigo-700">
                        Enregistrer
                    </button>
                    <a href="{{ route('admin.utilisateurs.index') }}"
                       class="text-sm text-gray-500 dark:text-gray-400 self-center hover:text-gray-700 dark:hover:text-gray-300">
                        Annuler
                    </a>
                </div>
            </form>
        </div>

        {{-- Statut actif / inactif --}}
        <div class="bg-white dark:bg-gray-800 shadow rounded-lg p-6 flex items-center justify-between">
            <div>
                <p class="text-sm font-medium text-gray-900 dark:text-white">Statut du compte</p>
                <p class="text-sm text-gray-500 dark:text-gray-400 mt-0.5">
                    @if($user->is_active)
                        Le compte est <span class="text-green-600 font-medium">actif</span> — l'utilisateur peut se connecter.
                    @else
                        Le compte est <span class="text-red-600 font-medium">inactif</span> — l'utilisateur ne peut pas se connecter.
                    @endif
                </p>
            </div>
            @if($user->id !== auth()->id())
                <form method="POST" action="{{ route('admin.utilisateurs.toggle-active', ['utilisateur' => $user]) }}"
                      x-data
                      @submit.prevent="if(confirm('{{ $user->is_active ? 'Désactiver' : 'Activer' }} ce compte ?')) $el.submit()">
                    @csrf
                    <button type="submit"
                            class="px-4 py-2 text-sm font-medium rounded-md
                                   {{ $user->is_active
                                       ? 'bg-red-50 dark:bg-red-900/30 text-red-700 border border-red-200 dark:border-red-700 hover:bg-red-100'
                                       : 'bg-green-50 dark:bg-green-900/30 text-green-700 border border-green-200 dark:border-green-700 hover:bg-green-100' }}">
                        {{ $user->is_active ? 'Désactiver le compte' : 'Activer le compte' }}
                    </button>
                </form>
            @endif
        </div>

        {{-- Informations complémentaires --}}
        <div class="bg-white dark:bg-gray-800 shadow rounded-lg p-6 space-y-2">
            <h3 class="text-sm font-semibold text-gray-700 dark:text-gray-300 uppercase tracking-wide mb-3">Détails</h3>
            <dl class="grid grid-cols-2 gap-x-6 gap-y-2 text-sm">
                <dt class="text-gray-500 dark:text-gray-400">Inscrit le</dt>
                <dd class="text-gray-900 dark:text-white">{{ $user->created_at->format('d/m/Y') }}</dd>
                <dt class="text-gray-500 dark:text-gray-400">Sections</dt>
                <dd class="text-gray-900 dark:text-white">
                    {{ $user->sections->isNotEmpty() ? $user->sections->pluck('nom')->join(', ') : '—' }}
                </dd>
                <dt class="text-gray-500 dark:text-gray-400">Sources assignées</dt>
                <dd class="text-gray-900 dark:text-white">{{ $user->sourcesAssignees->count() ?: '—' }}</dd>
            </dl>
        </div>

        {{-- Zone danger : suppression --}}
        @if($user->id !== auth()->id())
            <div class="bg-white dark:bg-gray-800 shadow rounded-lg p-6 border border-red-200 dark:border-red-800">
                <h3 class="text-sm font-semibold text-red-700 dark:text-red-400 uppercase tracking-wide mb-2">Zone dangereuse</h3>
                <p class="text-sm text-gray-500 dark:text-gray-400 mb-4">
                    La suppression est définitive. Les relevés et assignations liés à cet utilisateur seront également supprimés.
                </p>
                <form method="POST" action="{{ route('admin.utilisateurs.destroy', ['utilisateur' => $user]) }}"
                      x-data
                      @submit.prevent="if(confirm('Supprimer définitivement {{ addslashes($user->name) }} ? Cette action est irréversible.')) $el.submit()">
                    @csrf @method('DELETE')
                    <button type="submit"
                            class="px-4 py-2 bg-red-600 text-white text-sm font-medium rounded-md hover:bg-red-700">
                        Supprimer cet utilisateur
                    </button>
                </form>
            </div>
        @endif

    </div>
</x-app-layout>