@extends('customer.layout.master')

@section('pageTitle', (isset($pageTitle)) ? $pageTitle : config('app.APP_NAME') )

@section('pageDescription', (isset($pageDescription)) ? $pageDescription : config('app.APP_NAME') )

@section('content')
    <div class="container">
        <div class="row text-center justify-content-center">
            <div class="col-xs-12 col-sm-12 col-md-6 text-center">
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-4">
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 text-center">
                        <h4>{{__('customer/auth/forgot-password.heading-text')}}</h4>
                        <h6>{!! __('customer/auth/forgot-password.sign-text', ['loginUrl' => route('customer.login')]) !!}</h6>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-3 border shadow mb-4"
                     style="background:#f9f9f9">
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-3">
                        <h6>{{ __('customer/auth/forgot-password.recover-text') }}</h6>
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12"><p
                            class="small">{{ __('customer/auth/forgot-password.note-text') }}</p>
                    </div>

                    <div class="mt-2 mb-2 border border-light"></div>

                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                        <form id="login-form" action="{{ route('customer.forgot-password') }}" method="POST"
                              class="d-grid">
                            @method('POST')
                            @csrf()
                            <div class="form-group col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                                <label class="float-left"
                                       for="email">{!! __('customer/auth/forgot-password.form-control-labels.email') !!}</label>
                                <input
                                    type="text"
                                    class="form-control"
                                    id="email"
                                    name="email"
                                    value="{{ old('email') }}"
                                >
                                @if($errors->has('email'))
                                    {!! __('shared.error.show', ['errorMessage' => $errors->first('email')]) !!}
                                @endif
                            </div>

                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 text-center">
                                <input class="btn btn-primary btn-block" type="submit"
                                       value="{{ __('customer/auth/forgot-password.forgot-password-btn-text') }}">
                            </div>
                        </form>
                    </div>

                    <div class="border border-light mt-3 mb-3"></div>
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mb-4 text-center">
                        <a class="btn btn-success" rel="noopener"
                           href="https://wa.me/919609870000?text=Need%20help%20with%20Sign-in%3F" target="_blank">
                            Need help? Talk to our Experts <i aria-hidden="true" class="fa fa-whatsapp"></i>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>

{{--    <script defer type="text/javascript" src="{{asset('/js/customer/forgot-password.js')}}"></script>--}}
@endsection