{{--
    Forgot password — asks for an address and hands off to Fortify's reset
    link broker. The response is deliberately identical whether or not the
    address is registered (see PasswordResetTest), so the only feedback this
    page ever shows is the neutral session('status') flash.

    The one field comes from the <x-form.*> library. group-class="mb-8" widens
    the gap before the button: the library's default is mb-5 and .mb-8 is
    declared after .mb-5 in style.bundle.css, so the wider one wins.
--}}
@extends('layouts.guest')

@section('title', __('auth_pages.forgot.title'))

@section('content')

    <!--begin::Heading-->
    <div class="text-center mb-8">
        <h1 class="fs-2 fw-bold mb-2">{{ __('auth_pages.forgot.heading') }}</h1>
        <p class="text-muted fs-7 mb-0">{{ __('auth_pages.forgot.intro') }}</p>
    </div>
    <!--end::Heading-->

    <!--begin::Status-->
    @if (session('status'))
        <div class="alert alert-success fs-7 py-3" role="status">{{ session('status') }}</div>
    @endif
    <!--end::Status-->

    <x-form.open id="nrems_forgot_password_form" :action="route('password.email')" />

        <x-form.input
            name="email"
            type="email"
            :label="__('auth_pages.forgot.email')"
            required
            group-class="mb-8"
            :placeholder="__('auth_pages.forgot.email_placeholder')"
            autocomplete="email"
            inputmode="email"
            autofocus />

        <button class="btn btn-primary w-100" type="submit">{{ __('auth_pages.forgot.submit') }}</button>
    <x-form.close />

    <div class="text-center mt-6">
        <a class="fs-7 fw-semibold text-primary" href="{{ route('login') }}">{{ __('auth_pages.forgot.back') }}</a>
    </div>

    <x-form.jsvalidation :request="\App\Http\Requests\Auth\ForgotPasswordPageRequest::class" selector="#nrems_forgot_password_form" />

@endsection