{{-- <x-app-layout>
    <x-slot name="header">
        <h2 class="font-semibold text-xl text-gray-800 leading-tight">
            {{ __('Profile') }}
        </h2>
    </x-slot>

    <div class="py-12">
        <div class="max-w-7xl mx-auto sm:px-6 lg:px-8 space-y-6">
            <div class="p-4 sm:p-8 bg-white shadow sm:rounded-lg">
                <div class="max-w-xl">
                    @include('profile.partials.update-profile-information-form')
                </div>
            </div>

            <div class="p-4 sm:p-8 bg-white shadow sm:rounded-lg">
                <div class="max-w-xl">
                    @include('profile.partials.update-password-form')
                </div>
            </div>

            <div class="p-4 sm:p-8 bg-white shadow sm:rounded-lg">
                <div class="max-w-xl">
                    @include('profile.partials.delete-user-form')
                </div>
            </div>
        </div>
    </div>
</x-app-layout> --}}

@extends('layouts.admin')

@section('title', 'Mon profil')

@section('breadcrumb')
    <li class="breadcrumb-item active" aria-current="page">Mon profil</li>
@endsection

@section('content')
    <h1 class="page-title">Mon profil</h1>

    @if (session('status') === 'profile-updated' || session('status') === 'password-updated')
        <div class="alert alert-success alert-dismissible fade show" role="alert">
            Information mise à jour avec succès!
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
    @endif

    <div class="content-card">
        <h4 class="fw-bold">Informations de Profil</h4>
        <p class="text-muted mb-0">Mettez à jour les informations de votre profil et votre adresse e-mail.</p>

        <form method="post" class="needs-validation" novalidate>
            @csrf
            @method('patch')

            <div class="mb-4">
                <label for="name" class="form-label">Nom</label>
                <input type="text" class="form-control" id="name" name="name" value="{{ $user->name }}"
                    required>
                <div class="invalid-feedback">
                    Veuillez entrer votre nom.
                </div>
            </div>

            <div class="mb-4">
                <label for="email" class="form-label">Email</label>
                <input type="email" class="form-control" id="email" name="email" value="{{ $user->email }}"
                    required>
                <div class="invalid-feedback">
                    Veuillez entrer une adresse email valide.
                </div>
            </div>

            <div class="d-flex justify-content-between align-items-center mt-4">
                <button type="submit" class="btn btn-primary px-4 py-2">
                    <i class="fas fa-save me-2"></i>Enregistrer
                    </button>
            </div>
        </form>
    </div>

    <div class="content-card">
        <h4 class="fw-bold">Mise à jour du mot de passe</h4>
        <p class="text-muted mb-0">Assurez-vous que votre compte utilise un mot de passe long et aléatoire pour rester sécurisé.</p>

        <form method="post" action="{{ route('password.update') }}" class="needs-validation" novalidate>
            @csrf
            @method('put')

            <div class="mb-4">
                <label for="update_password_current_password" class="form-label">Mot de passe actuel</label>
                <input type="password" class="form-control" id="update_password_current_password" name="current_password" autocomplete="current-password" required>
                @if($errors->updatePassword->get('current_password'))
                    <div class="text-error mt-2">
                        {{ $errors->updatePassword->get('current_password')[0] }}
                    </div>
                @endif
            </div>

            <div class="mb-4">
                <label for="update_password_password" class="form-label">Nouveau mot de passe</label>
                <input type="password" class="form-control" id="update_password_password" name="password" autocomplete="new-password" required>
                @if($errors->updatePassword->get('password'))
                    <div class="text-error mt-2">
                        {{ $errors->updatePassword->get('password')[0] }}
                    </div>
                @endif
            </div>

            <div class="mb-4">
                <label for="update_password_password_confirmation" class="form-label">Confirmer le mot de passe</label>
                <input type="password" class="form-control" id="update_password_password_confirmation" name="password_confirmation" autocomplete="new-password" required>
                @if($errors->updatePassword->get('password_confirmation'))
                    <div class="text-error mt-2">
                        {{ $errors->updatePassword->get('password_confirmation')[0] }}
                    </div>
                @endif
            </div>

            <div class="d-flex align-items-center gap-3 mt-4">
                <button type="submit" class="btn btn-primary px-4 py-2">
                    <i class="fas fa-save me-2"></i>Enregistrer
                </button>
            </div>
        </form>
    </div>
@endsection