@extends('layouts.app')

@section('content')
<div class="card">
    <div class="card-header">
        <h5 class="mb-0">{{ isset($user) ? 'Modifier l\'Utilisateur' : 'Nouvel Utilisateur' }}</h5>
    </div>
    <div class="card-body">
        <form action="{{ isset($user) ? route('users.update', $user) : route('users.store') }}" 
              method="POST">
            @csrf
            @if(isset($user))
                @method('PUT')
            @endif

            <div class="mb-3">
                <label for="name" class="form-label">Nom</label>
                <input type="text" 
                       class="form-control @error('name') is-invalid @enderror" 
                       id="name" 
                       name="name" 
                       value="{{ old('name', isset($user) ? $user->name : '') }}"
                       required>
                @error('name')
                    <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>

            <div class="mb-3">
                <label for="email" class="form-label">Email</label>
                <input type="email" 
                       class="form-control @error('email') is-invalid @enderror" 
                       id="email" 
                       name="email" 
                       value="{{ old('email', isset($user) ? $user->email : '') }}"
                       required>
                @error('email')
                    <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>

            <div class="mb-3">
                <label for="password" class="form-label">
                    {{ isset($user) ? 'Nouveau mot de passe (laisser vide pour ne pas changer)' : 'Mot de passe' }}
                </label>
                <input type="password" 
                       class="form-control @error('password') is-invalid @enderror" 
                       id="password" 
                       name="password"
                       {{ isset($user) ? '' : 'required' }}>
                @error('password')
                    <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>

            <div class="mb-3">
                <label for="password_confirmation" class="form-label">Confirmer le mot de passe</label>
                <input type="password" 
                       class="form-control" 
                       id="password_confirmation" 
                       name="password_confirmation"
                       {{ isset($user) ? '' : 'required' }}>
            </div>

            <div class="mb-3">
                <label for="role" class="form-label">Rôle</label>
                <select class="form-select @error('role') is-invalid @enderror" 
                        id="role" 
                        name="role" 
                        required>
                    <option value="">Sélectionner un rôle</option>
                    <option value="admin" {{ old('role', isset($user) ? $user->role : '') === 'admin' ? 'selected' : '' }}>
                        Administrateur
                    </option>
                    <option value="user" {{ old('role', isset($user) ? $user->role : '') === 'user' ? 'selected' : '' }}>
                        Utilisateur
                    </option>
                </select>
                @error('role')
                    <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>

           

            <div class="d-flex justify-content-end">
                <a href="{{ route('users.index') }}" class="btn btn-secondary me-2">Annuler</a>
                <button type="submit" class="btn btn-primary">
                    {{ isset($user) ? 'Modifier' : 'Créer' }}
                </button>
            </div>
        </form>
    </div>
</div>
@endsection