@extends('layout.app')

@section('title', 'Ajouter utilisateur')
@section('page_title', 'Nouvel utilisateur')

@section('content')
<div class="container-fluid">
    <div class="card border-0 shadow-sm rounded-4">
        <div class="card-body">
            <a href="{{ route('admin.users.index') }}" class="btn btn-secondary mb-3">
                <i class="fa fa-arrow-left"></i> Retour
            </a>

            @if ($errors->any())
                <div class="alert alert-danger">
                    <strong>Erreurs :</strong>
                    <ul class="mb-0">
                        @foreach ($errors->all() as $err)
                            <li>{{ $err }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif

            <form method="POST" action="{{ route('admin.users.store') }}" class="row g-3">
                @csrf

                <div class="col-md-6">
                    <label class="form-label fw-semibold">Nom complet *</label>
                    <input type="text" name="name" class="form-control" value="{{ old('name') }}" required>
                </div>

                <div class="col-md-6">
                    <label class="form-label fw-semibold">Email *</label>
                    <input type="email" name="email" class="form-control" value="{{ old('email') }}" required>
                </div>

                <div class="col-md-6">
                    <label class="form-label fw-semibold">Mot de passe *</label>
                    <input type="password" name="password" class="form-control" required>
                </div>

                <div class="col-md-6">
                    <label class="form-label fw-semibold">Confirmer le mot de passe *</label>
                    <input type="password" name="password_confirmation" class="form-control" required>
                </div>

                <div class="col-md-4">
                    <label class="form-label fw-semibold">Rôle *</label>
                    <select name="role" class="form-select" required>
                        <option value="">-- Sélectionner --</option>
                        <option value="admin">Admin</option>
                        <option value="manager">Manager</option>
                        <option value="delegue">Délégué</option>
                        <option value="visitor">Visiteur</option>
                    </select>
                </div>

                <div class="col-md-4">
                    <label class="form-label fw-semibold">Téléphone</label>
                    <input type="text" name="phone" class="form-control" value="{{ old('phone') }}">
                </div>

                <div class="col-md-4">
                    <label class="form-label fw-semibold">Mobile</label>
                    <input type="text" name="mobile" class="form-control" value="{{ old('mobile') }}">
                </div>

                <div class="col-md-6">
                    <label class="form-label fw-semibold">Adresse</label>
                    <input type="text" name="address" class="form-control" value="{{ old('address') }}">
                </div>

                <div class="col-md-3">
                    <label class="form-label fw-semibold">Type de contrat</label>
                    <select name="contract_type" class="form-select">
                        <option value="permanent">Permanent</option>
                        <option value="temporary">Temporaire</option>
                        <option value="freelance">Freelance</option>
                    </select>
                </div>

                <div class="col-md-3">
                    <label class="form-label fw-semibold">Date d’embauche</label>
                    <input type="date" name="hire_date" class="form-control" value="{{ old('hire_date') }}">
                </div>

                <div class="col-md-4">
                    <label class="form-label fw-semibold">Département</label>
                    <input type="text" name="department" class="form-control" value="{{ old('department') }}">
                </div>

                <div class="col-md-4">
                    <label class="form-label fw-semibold">Compte actif</label>
                    <select name="is_active" class="form-select">
                        <option value="1" {{ old('is_active','1')=='1'?'selected':'' }}>Oui</option>
                        <option value="0" {{ old('is_active')=='0'?'selected':'' }}>Non</option>
                    </select>
                </div>

                <div class="col-12 text-end mt-3">
                    <button type="submit" class="btn btn-glo-success">
                        <i class="fa fa-check"></i> Enregistrer
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection