@extends('web_site.auth.layout')

@php($sentTo = session('password_link_sent'))

@section('auth_title', trans('site.password.forgot_title'))

@section('auth_form')
    @if ($sentTo)
        {{-- Link sent: Figma "check your email" screen. --}}
        <div class="form-wrap1 bg-white">
            <div class="form-title-box bg-title">
                <h2 class="h4 mb-1 text-white">{{ trans('site.password.sent_title') }}</h2>
            </div>
            <div class="form-box text-center">
                <span class="auth-state-icon"><i class="far fa-envelope-open-text"></i></span>
                <p class="mb-4">{{ trans('site.password.sent_text', ['email' => $sentTo]) }}</p>
                <a href="{{ route('signin') }}" class="vs-btn style2 w-100">{{ trans('site.password.back_to_signin') }} <i class="far fa-sign-in-alt"></i></a>
                <form action="{{ route('password.email') }}" method="POST" class="mt-4">
                    @csrf
                    <input type="hidden" name="email" value="{{ $sentTo }}">
                    {{ trans('site.password.not_received') }}
                    <button type="submit" class="border-0 bg-transparent p-0 text-theme1 fw-bold">{{ trans('site.password.resend') }}</button>
                </form>
            </div>
        </div>
    @else
        <form id="ForgotPasswordForm" action="{{ route('password.email') }}" method="POST" class="form-wrap1 bg-white" novalidate>
            @csrf
            <div class="form-title-box bg-title">
                <h2 class="h4 mb-1 text-white">{{ trans('site.password.forgot_title') }}</h2>
                <p class="mb-0 text-white-light">{{ trans('site.password.forgot_subtitle') }}</p>
            </div>
            <div class="form-box">
                <div class="form-group">
                    <input type="email" name="email" value="{{ old('email') }}" autocomplete="email" dir="ltr"
                           class="form-control style2 @error('email') is-invalid @enderror"
                           placeholder="{{ trans('site.auth.email') }}" aria-label="{{ trans('site.auth.email') }}" required autofocus>
                    <i class="fal small fa-envelope"></i>
                    @error('email')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>
                <button type="submit" class="vs-btn style2 w-100">{{ trans('site.password.send_link') }} <i class="far fa-paper-plane"></i></button>
                <p class="mt-4 mb-0 text-center">
                    <a href="{{ route('signin') }}" class="text-theme1 fw-bold">{{ trans('site.password.back_to_signin') }}</a>
                </p>
            </div>
        </form>
    @endif
@endsection

@section('auth_js')
    @unless ($sentTo)
        @include('partials.jsvalidation', ['request' => 'App\Http\Requests\Site\Auth\ForgotPasswordRequest', 'selector' => '#ForgotPasswordForm'])
    @endunless
@endsection