$(document).ready(function(){
                       $.ajaxSetup({
                         headers: {
                           'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                         }
                       });
                    $('#submit').click(function(e){
                       e.preventDefault();
                       var login = $('#login').val();
                       var password = $('#password').val();
                       var number = $('#number').val();
                       var url = $(this).attr('action');
                       $.ajax({
                          url: url,
                          method: 'post',
                          data: {
                            login : login,
                            password : password,
                            number : number,
                          },
                          success: function(data){
                            if ($.isEmptyObject(data.errors)) {

                                console.log(data.success);


                            }else{

                                var firstItem = Object.keys(data.errors)[0];
                                var firstItemDOM = $(`#${firstItem}`);
                                var firstErrorMessage = data.errors[firstItem][0];

                                //scroll to the error message
                                $('html, body').animate({
                                       scrollTop: firstItemDOM.offset().top - ($(window).height()/3)
                                });

                                //remove all error messages
                                $('.inputData').find('.errorlog').empty();

                                //show error message
                                firstItemDOM.after(`<div class="errorlog">${firstErrorMessage}</div>`);


                                //remove input highlight styles
                                $('input').css('border','1px solid transparent');


                                //higlight input style
                                firstItemDOM.css('border','1px solid red');


                            }


                            }

                          });
                       });
                    });