@extends('layouts.app')

@section('js_after')
    <script src="{{ asset('js/validation/user.js') }}"></script>

@endsection

@section('title', 'Profile')

@section('content')
    <!-- Page Content -->
    <div class="content">
        @if(Session::has('message'))
            <div id="alert" class="alert alert-success">
                {{ Session::get('message') }}
            </div>
        @endif

        <div class="block block-rounded">
            <div class="block-header block-header-default">
                <h3 class="block-title">Modifier vos donnees</h3>
            </div>
            <div class="block-content block-content-full">
                <form action="{{ route('profile.update', $user->id) }}" method="POST"
                    class="js-validation-user-profile">
                    {{ csrf_field() }}
                    {{ method_field('PUT') }}
                    <div class="row">
                        <div class="col-lg-4">
                            <p class="fs-sm text-muted">
                                Veuillez remplir les informations pour modifier l'utilisateur
                            </p>
                        </div>
                        <div class="col-lg-8 col-xl-5">
                            <div class="mb-4">
                                <label class="form-label required"
                                    for="first_name">Prénom</label>
                                <input type="text"
                                    class="form-control @if ($errors->has('first_name')) is-invalid @endif"
                                    value="{{ old('first_name') ?? $user->first_name }}" id="first_name" name="first_name"
                                    placeholder="Veuillez entrer le Prénom">
                                @if ($errors->has('first_name'))
                                    <div class="invalid-feedback">{{ $errors->first('first_name') }}</div>
                                @endif
                            </div>
                            <div class="mb-4">
                                <label class="form-label required"
                                    for="last_name">Nom de famille</label>
                                <input type="text"
                                    class="form-control @if ($errors->has('last_name')) is-invalid @endif"
                                    value="{{ old('last_name') ?? $user->last_name }}" id="last_name" name="last_name"
                                    placeholder="Veuillez entrer le nom de famille">
                                @if ($errors->has('last_name'))
                                    <div class="invalid-feedback">{{ $errors->first('last_name') }}</div>
                                @endif
                            </div>
                            <div class="mb-4">
                                <label class="form-label required"
                                    for="example-text-input-alt">E-mail</label>
                                <input type="email"
                                    class="form-control @if ($errors->has('email')) is-invalid @endif"
                                    value="{{ old('email') ?? $user->email }}" id="email" name="email"
                                    placeholder="Veuillez saisir un e-mail">
                                @if ($errors->has('email'))
                                    <div class="invalid-feedback">{{ $errors->first('email') }}</div>
                                @endif
                            </div>

                            <hr style="margin-top:40px; margin-bottom:40px">

                            <div class="mb-4">
                                <label class="form-label" for="example-text-input-alt">Mot de passe</label>
                                <input type="password"
                                    class="form-control @if ($errors->has('password')) is-invalid @endif"
                                    value="{{ old('password') ?? '' }}" id="password" name="password"
                                    placeholder="Veuillez entrer un mot de passe">
                                @if ($errors->has('password'))
                                    <div class="invalid-feedback">{{ $errors->first('password') }}</div>
                                @endif
                            </div>
                            <div class="mb-4">
                                <label class="form-label"
                                    for="example-text-input-alt">Confirmez le mot de passe</label>
                                <input type="password"
                                    class="form-control @if ($errors->has('password_confirmation')) is-invalid @endif"
                                    value="{{ old('password_confirmation') ?? '' }}" id="password_confirmation"
                                    name="password_confirmation"
                                    placeholder="Veuillez entrer une confirmation de mot de passe">
                                @if ($errors->has('password_confirmation'))
                                    <div class="invalid-feedback">{{ $errors->first('password_confirmation') }}</div>
                                @endif
                            </div>
                        </div>
                        <div class="mb-4 text-end">
                            <a href="{{ route('home') }}" class="btn btn-alt-secondary">
                                Annuler'
                            </a>
                            <button type="submit" class="btn btn-alt-primary" id="saveBtn">
                                Enregistrer
                            </button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!-- END Page Content -->
@endsection