@extends('theme::layout')

@section('title', __('Réinitialiser son mot de passe'))
@section('description', __('Réinitialiser son mot de passe'))

@section('content')
    <div class="container-fluid position-relative overflow-hidden">
        <img class="d-none d-lg-block details-left position-absolute img-fluid" src='{{ Vite::asset("$themeResources/assets/images/confettis.png") }}'
            alt="{{ __('Confettis positionné sur la gauche') }}">
        <img class="d-none d-lg-block details-right position-absolute img-fluid" src='{{ Vite::asset("$themeResources/assets/images/confettis.png") }}'
            alt="{{ __('Confettis positionné sur la droite') }}">
        <div class="container pb-5 pt-5">
            {{-- Title --}}
            <div class="row justify-content-center position-relative z-2 mt-5">
                <div class="col-12 col-xxl-8 text-center">
                    <h1 class="title-bikes position-relative text-primary text-uppercase fs-mid fs-md-1 f-veneer m-0 z-2">{{ __('Réinitialisation') }}</h1>
                </div>
            </div>
            {{-- Parts --}}
            <div class="gift-after row position-relative justify-content-center mb-5 text-white">
                <div class="col-12 col-xxl-8 geometric-form-background h-100"></div>
                <div class="col-12 col-xxl-8 p-2 pt-0 z-1">
                    <div class="row w-100 mx-auto">
                        <div class="col-12 bg-secondary text-center p-3 p-lg-5">
                            <form method="POST" action="{{ route('fo.password.update') }}">
                                @csrf
                                <input name="token" type="hidden" value="{{ $token }}">
                                <div class="container">
                                    <div class="row justify-content-center">
                                        <div class="col-12 py-2">
                                            <div class="form-floating">
                                                <input class="form-control mx-auto bg-white rounded-0 @if ($errors->has('email')) is-invalid @endif" id="register-email"
                                                    name="email" type="email" value="{{ $email ?? old('email') }}"
                                                    placeholder="{{ __('Votre adresse email') }}*" autocomplete="off"
                                                    @if (!empty($displayEdit)) disabled @else required @endif />
                                                <label for="register-email">{{ __('Votre adresse email') }}*</label>
                                                @foreach ($errors->get('email') as $message)
                                                    <div class="invalid-feedback">{{ $message }}</div>
                                                @endforeach
                                            </div>
                                        </div>
                                        <div class="col-12 input-group d-flex justify-content-center py-2">
                                            <div class="input-group has-validation">
                                                <div class="form-floating @if ($errors->has('password')) is-invalid @endif">
                                                    <input class="form-control bg-white rounded-0 @if ($errors->has('password')) is-invalid @endif"
                                                        id="register-password" name="password" type="password" placeholder="{{ __('Mot de passe') }}*"
                                                        autocomplete="new-password" required />
                                                    <label for="register-password">{{ __('Mot de passe') }}*</label>
                                                </div>
                                                @php $dataPassword = ['inputId' => 'register-password']; @endphp
                                                <span class="password-visibility p-0" data-json='@json($dataPassword)'></span>
                                                @foreach ($errors->get('password') as $message)
                                                    <div class="invalid-feedback">{{ $message }}</div>
                                                @endforeach
                                            </div>
                                        </div>
                                        <div class="col-12 input-group d-flex justify-content-center py-2">
                                            <div class="input-group has-validation">
                                                <div class="form-floating @if ($errors->has('password_confirmation')) is-invalid @endif">
                                                    <input class="form-control bg-white rounded-0 @if ($errors->has('password_confirmation')) is-invalid @endif"
                                                        id="register-password-confirmation" name="password_confirmation" type="password"
                                                        placeholder="{{ __('Confirmer votre mot de passe') }}*" autocomplete="new-password" required />
                                                    <label for="register-password-confirmation">{{ __('Confirmer votre mot de passe') }}*</label>
                                                </div>
                                                @php $dataConfirmPassword = ['inputId' => 'register-password-confirmation']; @endphp
                                                <span class="password-visibility p-0" data-json='@json($dataConfirmPassword)'></span>
                                                @foreach ($errors->get('password_confirmation') as $message)
                                                    <div class="invalid-feedback">{{ $message }}</div>
                                                @endforeach
                                            </div>
                                        </div>
                                    </div>
                                    @include('theme::auth.password-min-strength')
                                    <button class="btn btn-primary" type="submit">
                                        {{ __('Reset Password') }}
                                    </button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection