@extends('super-admin.layouts.saas-app')
@section('content')
    <section class="sp-100 login-section" id="section-contact">
        <div class="container">
            <div class="login-box mt-5 shadow bg-white form-section">
                <h5 class="mb-0">
                    {{$pageTitle}}
                </h5>

                {!! Form::open(['id'=>'register','class'=>'form-horizontal form-material', 'method'=>'POST']) !!}
                <p>
                    {{__('subdomain::app.messages.forgotPageMessage')}}

                </p>
                <p id="alert"></p>
                <div class="form-group removeable {{ $errors->has('email') ? 'has-error' : '' }}">
                    <div class="col-xs-12">
                        <input class="form-control" id="email" type="email" name="email" value="{{ old('email') }}"
                               autofocus required="" placeholder="@lang('app.email')">
                        @if ($errors->has('email'))
                            <div class="help-block with-errors">{{ $errors->first('email') }}</div>
                        @endif

                    </div>
                </div>

                <div class="form-group removeable text-center m-t-20">
                    <div class="col-xs-6 text-center">
                        <button
                            class="btn btn-custom btn-rounded text-uppercase waves-effect waves-light pl-5 pr-5"
                            type="submit" id="submit-form"
                            onclick="confirm();return false;"
                        >@lang('app.submit')</button>
                    </div>

                </div>
                <div class="form-group mt-2">
                    <div class="col-sm-12 text-center">
                        <p class="my-2 text-dark-grey">{{__('subdomain::app.core.alreadyKnow')}}</p>

                        <span class="my-1">
                                    <a href="{{ route('front.workspace') }}"
                                       class="text-primary f-w-500">
                                        {{__('subdomain::app.core.backToSignin')}}
                                    </a>
                                </span>
                    </div>
                    {!! Form::close() !!}

                </div>

            </div>
        </div>
    </section>
@endsection
@push('footer-script')
    <script>
        function confirm() {
            $.easyAjax({
                url: '{{route('front.submit-forgot-password')}}',
                container: '.form-section',
                type: "POST",
                data: $('#register').serialize(),
                messagePosition: "inline",
                success: function (response) {
                    if (response.status === 'success') {
                        $('.removeable').remove();
                    }
                }
            })
        }

    </script>
@endpush