@extends('web_layouts.layout')
{{-- title --}}
@section('title','Forgot-Password page')

@section('content')
<section class="midd-inner-banner shadow-bottom">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="inner-banner-area-pages">
                    <!-- <h1 class="cmn-hd-inner"><span></span>Login</h1>
                    <p>Welcome Back!</p>

                    <div class="breadcrumb"><a href="http://103.1.100.53/Bursato/public">Home</a> <em></em> Login</div> -->
                </div>

            </div>
        </div>
    </div>
</section>

@if (session('out_of_control'))
<div class="alert alert-danger" role="alert">
    {{ session('out_of_control') }}
</div>
@endif

<section class="common-section formarea-section">
    <div class="container">
        <div class="row">
            <div class="col-lg-6" style="margin:auto;">
                @if (session('forgot-success'))
                <div class="col-lg-12 alert alert-success" role="alert">
                    <button class="close" data-dismiss="alert">x</button>
                    {{ session('forgot-success') }}
                </div>
                @endif
                <h2 class="cmn-hd text-center">{{ __('messages.forgot_password_text')}} </h2>
                <div class="col-lg-12">
                    <form method="POST" id="forgotForm" action="{{route('forgot-password.save')}}">
                        @csrf
                        <div class="cmn-form-area">
                            <div class="row">
                                <div class="col-md-12">
                                    <input name="email" type="text" class="forgotEmail form-control" placeholder="{{ __('messages.email_placeholder')}}">
                                    @error('email')
                                    <label class="error text-danger mt-2">
                                        {{ $message }}
                                    </label>
                                    @enderror
                                </div>
                                <div class="col-md-12">
                                    <div class="cmn-frm-desc">
                                        {{ __('messages.reset_link_text')}}
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="form-btn"><input name="submit" id="submit" type="submit" value="{{ __('messages.send_reset_link')}}" class="btn btn-secondary" disabled></div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    </div>
</section>

</div>
@endsection

@section('topup-home.script')
<script src="https://randojs.com/1.0.0.js"></script>
<script src="{{ asset('js/scripts/jquery.validate.min.js') }}"></script>
<script>
    $('document').ready(function() {
        $('.forgotEmail').focus();
        $("#submit").attr('disabled', true);
    });

    $('body').on('input','.forgotEmail',function(){
        var email = $(".forgotEmail").val();
        if(email === ""){
            $("#submit").attr('disabled', true);
            return false;
        }else{
            if(IsEmail(email) == true){
                $("#submit").attr('disabled', false);
            }else{
                $("#submit").attr('disabled', true);
                return false;
            }
        }
    });

    function IsEmail(email) {
        var regex = /^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
        if(!regex.test(email)) {
            return false;
        }else{
            return true;
        }
    }
    // $('#forgotForm').validate({
    //             rules: {
    //                 email: {
    //                     required: true,
    //                     email: true
    //                 },
    //             },
    //             messages: {
    //                 email: {
    //                     required: "Please provide an email address",
    //                     email: "Please enter a valid email address",
    //                 },
    //             },
    //             submitHandler: function(form) {
    //        //         // payFunction();
    //                 form.submit();
    //             }
    //         });
</script>
@endsection