@extends('front.layouts.master')

@section('content')

<main class="mb-5">
    <div class="mb-4 pb-4"></div>
    <section class="login-register container">
        <h2 class="section-title text-center fs-3 mb-xl-5">{{ __('front.reset_your_password') }}</h2>
        <p>{{ __('front.reset_password_instructions') }}</p>
        <div class="reset-form">
            <form name="reset-form" class="needs-validation" action="{{ route('front.reset_password') }}" method="POST" novalidate>
                @csrf
                <div class="form-floating mb-3">
                    <input name="email" type="email" class="form-control form-control_gray" id="customerNameEmailInput" placeholder="{{ __('front.email_address') }} *" required />
                    <label for="customerNameEmailInput">{{ __('front.email_address') }} *</label>
                </div>

                <button class="btn btn-primary w-100 text-uppercase" type="submit">{{ __('front.submit') }}</button>

                <div class="customer-option mt-4 text-center">
                    <a href="{{ route('front.login') }}" class="btn-text js-show-register">{{ __('front.login') }}</a>
                </div>
            </form>
        </div>
    </section>
</main>

@endsection