@extends('admin.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-4 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>{{__('admin/auth/forgot-password.heading-text')}}</h4>
                        <h6>{!! __('admin/auth/forgot-password.sign-text', ['loginUrl' => route('admin.auth.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 px-0">
                        <h6>{{ __('admin/auth/forgot-password.recover-text') }}</h6>
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 px-0"><p
                            class="small">{{ __('admin/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 px-0">
                        <form id="login-form" action="{{ route('admin.auth.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 px-0">
                                <label class="float-left"
                                       for="email">{!! __('admin/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 px-0">
                                <input class="btn btn-primary" type="submit"
                                       value="{{ __('admin/auth/forgot-password.forgot-password-btn-text') }}">
                            </div>
                        </form>
                    </div>

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

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

@endsection