@extends('theme::layout')

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

@section('content')
    <div class="container pb-5 pt-5">
        <div class="row justify-content-center mb-3">
            <div class="col-md-8">
                <h1 class="fw-bold text-tertiary text-uppercase text-center">{{ __('Reset Password') }}</h1>
            </div>
        </div>
        <div class="row justify-content-center">
            <div class="col-md-8">
                <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 col-md-10 col-lg-8 py-2">
                                <div class="form-floating">
                                    <input class="form-control @if ($errors->has('email')) is-invalid @endif mx-auto" 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>

                        <div class="row justify-content-center">
                            <div class="col col-md-10 col-lg-8 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 rounded-0 rounded-start @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>

                        <div class="row justify-content-center">
                            <div class="col col-md-10 col-lg-8 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 rounded-0 rounded-start @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')

                        <div class="row mb-0">
                            <div class="col-md-6 offset-md-4">
                                <button class="btn btn-primary" type="submit">
                                    {{ __('Reset Password') }}
                                </button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection