@extends('frontend.master')
@section('content')
	<div class="content">
		<div class="container">
			<div id="forgot">
				<div>
					<div class="col-lg-4 offset-lg-4">
						<!-- <form> -->
							<div class="form-group">
								<label for="exampleInputEmail1">{{ __('messages.email_address') }}</label>
								<input type="email" class="form-control email" id="emailResetPass">
								<p class="alert-email alert-errors"></p>
							</div>
						<!-- </form> -->
						<div style="text-align: center;">
							<p class="alert-forgot" style="color: #00b8ff;text-align: center;"></p>
							<button type="button" class="btn btn-primary send-reset" id="sendResetPass">{{ __('messages.send_reset_code') }}</button>
							<!-- <button type="button" class="btn btn-danger">Cancel</button> -->
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
    <script>
        $( document ).ready(function() {

            var input = document.getElementById("emailResetPass");
            input.addEventListener("keyup", function(event) {
            if (event.keyCode === 13) {
            event.preventDefault();
            document.getElementById("sendResetPass").click();
            }
            });

            $('.send-reset').click(function(){
                $('.alert-errors').html('');
                var email = $('.email').val();
                var data = {
                    email : email
                }
                $.ajaxSetup({
                    headers:
                        {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        }
                });
                $.ajax({
                    method : "POST",
                    url : "{{ $url_link }}/for-got-ajax",
                    data : data,
                    dataType : 'json',
                    beforeSend: function(r, a){
                        $(".ajax_waiting").addClass("loading");
                    },
                    complete: function(r, a){
                        $(".ajax_waiting").removeClass("loading");
                    },
                    success: function (response) {
                        if(response.status == 200){
                            Swal.fire({
                                type: 'success',
                                text: '{{ __('messages.we_have_emailed_you_the_password_reset_link') }}.',
                                confirmButtonText: "{{ __('messages.confirm_text_ok') }}",
                            }).then((result) => {
                                top.location.href="{{ $url_link }}/location-api";
                            });
                        }
                        else{
                            Swal.fire({
                                type: 'warning',
                                text: '{{ __('messages.the_email_must_be_a_valid_email_address') }}.',
                                confirmButtonText: "{{ __('messages.confirm_text_ok') }}",
                            })
                        }
                    },
                    error: function (data) {
                        $.each(data.responseJSON.errors, function( index, value ) {
                            $('.alert-' + index).html(value);
                        });
                    }
                });
            })
        })
    </script>
@endsection