@extends('layouts.frontend')
@section('content')
    {{-- Loader Call--}}
    <div class="overlay d-none" id="loader">
        <div class="overlay__inner">
            <div class='pac-man'></div>
            <div class="overlay__content d-none"><span class="spinner"></span></div>
        </div>
    </div>
    {{--Loader End--}}
    <div class="wrapper login-page">
        <div class="container">
            <div class="order-steps-section">
                <div class="steps-box-outer">
                    <div class="steps-box active">
                        <div class="steps-box-inner">
                            <div class="section-title">
                                <h2>Reset Password</h2>
                                <p>Our all-in-one academic writing service is just one click away!</p>
                            </div>
                            <form action="{{ route('password.email') }}" method="POST" class="ajax-password-submit">
                                @csrf
                                @if (session('status'))
                                    <div class="alert alert-success" role="alert">
                                        {{ session('status') }}
                                    </div>
                                @endif
                                <div class="steps-box-form-inner">
                                    <div class="form-group">
                                        <label>Email Address</label>
                                        <input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" placeholder="Enter Email Address" required autocomplete="email" autofocus>

                                        @error('email')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                         </span>
                                        @enderror
                                    </div>
                                </div>
                                <div class="steps-box-bottom-btn-outer">
                                    <button class="btn btn-main w-100">{{__trans('send_password_reset_link')}}</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection