<script>

      var code;
      var code2;
  
      function createCaptcha() {
          //clear the contents of captcha div first
          var captha1 = $('#captcha1').html();

          document.getElementById('captcha1').innerHTML = "";
          document.getElementById('captcha2').innerHTML = "";
          var charsArray =
              "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ@!#$%^&*";
          var lengthOtp = 6;
          var captcha = [];
          for (var i = 0; i < lengthOtp; i++) {
              //below code will not allow Repetition of Characters
              var index = Math.floor(Math.random() * charsArray.length + 1); //get the next character from the array
              if (captcha.indexOf(charsArray[index]) == -1)
                  captcha.push(charsArray[index]);
              else i--;
          }
          var canv = document.createElement("canvas");
          canv.id = "captcha";
          canv.width = 100;
          canv.height = 50;
          var ctx = canv.getContext("2d");
          ctx.font = "25px Georgia";
          ctx.strokeText(captcha.join(""), 0, 30);
          //storing captcha so that can validate you can save it somewhere else according to your specific requirements
          code = captcha.join("");
  
          document.getElementById("captcha1").appendChild(canv);
          // adds the canvas to the body element
  
          createCaptcha2()
      }
  
      function createCaptcha2() {
          //clear the contents of captcha div first
          document.getElementById('captcha2').innerHTML = "";
  
          var captha2 = $('#captcha2').html();
  
          var charsArray =
              "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ@!#$%^&*";
          var lengthOtp = 6;
          var captcha = [];
          for (var i = 0; i < lengthOtp; i++) {
              //below code will not allow Repetition of Characters
              var index = Math.floor(Math.random() * charsArray.length + 1); //get the next character from the array
              if (captcha.indexOf(charsArray[index]) == -1)
                  captcha.push(charsArray[index]);
              else i--;
          }
          var canv = document.createElement("canvas");
          canv.id = "captcha";
          canv.width = 100;
          canv.height = 50;
          var ctx = canv.getContext("2d");
          ctx.font = "25px Georgia";
          ctx.strokeText(captcha.join(""), 0, 30);
          //storing captcha so that can validate you can save it somewhere else according to your specific requirements
          code2 = captcha.join("");
  
          document.getElementById("captcha2").appendChild(canv);
          // adds the canvas to the body element
      }
  
      function validateCaptcha() {
  
          if (document.getElementById("cpatchaTextBox").value == code) {
              console.log('Валидная капча 1!');
          }else{
              alert("Неверная капча! Повторите вновь");
              createCaptcha();
          }
      }
  
      function validateCaptcha2() {
          if (document.getElementById("cpatchaTextBox2").value == code2) {
              console.log('Валидная капча 2!');
          }else{
              alert("Неверная капча! Повторите вновь");
              createCaptcha();
          }
      }

      function successfulRegistrationWorker() {
          $.fancybox.close();
  
          $('#email_worker').val('');
          $('#password_worker').val('');
          $('#password_confirmation_worker').val('');
          $('#politik').prop('checked', false);
          $('#telephone_worker').val('');
          $('#job_titles_worker').val('').trigger('change');
          $('#surname_worker').val('');
          $('#name_man_worker').val('');
          $('#surname2_worker').val('');
          $('#cpatchaTextBox1').val('');
  
          $('#block-info').hide();
          $('#messages_error_reg').html('');
  
          $.fancybox.open({

              src: '#successful-registration-worker',

              type: 'inline',
              opts: {touch: false}
          });
      }
  
      function successfulRegistrationEmployer() {
          $.fancybox.close();
  
          $('#email_employer').val('');
          $('#password_employer').val('');
          $('#password_confirmation_employer').val('');
          $('#politik').prop('checked', false);
          $('#telephone_employer').val('');
          $('#surname_employer').val('');
          $('#name_man_employer').val('');
          $('#surname2_employer').val('');
          $('#company_employer').val('');
          $('#cpatchaTextBox1').val('');
  
          $('#block-info').hide();
          $('#messages_error_reg').html('');
  
          $.fancybox.open({

              src: '#successful-registration-employer',

              type: 'inline',
              opts: {touch: false}
          });
      }

      $(document).on('click', '#button_send', function() {

          var field_login = $('#email_input');

          var field_pwd = $('#password');
          var login_val = field_login.val();
          var pwd_val = field_pwd.val();
  
          console.log('login: '+login_val+' password: '+pwd_val);
  
          $.ajax({
              type: "GET",
              url: "{{ route('login') }}",
              data: "email="+login_val+"&password="+pwd_val,
              success: function (data) {
                  console.log('Вход в систему');

                  console.log(data);

                  let d = JSON.parse(data);
                  if(typeof d['REDIRECT'] !== "undefined") {
                      location.href = d['REDIRECT'];
                      console.log(d['REDIRECT']);
                  }
                  if (typeof d['ERROR'] !== "undefined") {
                      console.log(d['ERROR']);
                      $('#message_error').html(d['ERROR']);
                  }

                  //console.log(d['REDIRECT']);

                  //$('#block_1').html(data);
              },
              headers: {
                  'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
              },
              error: function (data) {
                  data = JSON.stringify(data);
                  console.log('Error: ' + data);
              }
          });
      });
  
      $(document).on('click', '#button_reg_worker', function() {

          $('#messages_error_reg').html('');

          var field_login = $('#email_worker');
          var field_pwd = $('#password_worker');
          var field_confirm_pwd = $('#password_confirmation_worker');

          var field_politik_worker = $('#politik');

          var field_telephone_worker = $('#telephone_worker');
          var field_job_titles_worker = $('#job_titles_worker');
          var field_surname_worker = $('#surname_worker');
          var field_name_man = $('#name_man_worker');
          var field_surname2_worker = $('#surname2_worker');
  
          var login = field_login.val();
          var pwd = field_pwd.val();
          var confirm_pwd = field_confirm_pwd.val();
          var politik = field_politik_worker.val();
          var telephone = field_telephone_worker.val();
          var job_titles = field_job_titles_worker.val();
          var surname = field_surname_worker.val();
          var name_man = field_name_man.val();
          var surname2 = field_surname2_worker.val();

          if (document.getElementById("cpatchaTextBox1").value == code) {
              console.log('Валидный кот');
  
          } else {
              console.log('Ошибка1');
              event.preventDefault();
              $('#block-info').css({'display': 'block'});
              $('#messages_error_reg').html('ERROR: Капча неверная!');
  
              return false;
          }

          if (!document.getElementById('politik').checked) {
              event.preventDefault();
              $('#block-info').css({'display': 'block'});
              $('#messages_error_reg').html('ERROR: Вы не согласились с политикой конфидициальности!');
              return false;

          }

          $.ajax({
              type: "GET",
              url: "{{ route('register_worker') }}",
              data: "email="+login+"&password="+pwd+"&confirmed="+confirm_pwd+"&politik="+politik+
                  "&telephone="+telephone+"&job_titles="+job_titles+"&surname="+surname+"&name_man="+name_man+
                  "&surname2="+surname2+"&subscribe_email="+login,
              success: function (data) {

                  let d = JSON.parse(data);

                  if (typeof d['REDIRECT'] !== "undefined") {

                      successfulRegistrationWorker()

                  }

                  if (typeof d['ERROR'] !== "undefined") {
                      console.log(d['ERROR']);
                      $('#block-info').css({'display': 'block'});
                      $('#messages_error_reg').html(d['ERROR']);
                  }
                  console.log(d['REDIRECT']);
  
              },
              headers: {
                  'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
              },
              error: function (data) {
                  data = JSON.stringify(data);
                  console.log('Error: ' + data);
              }
          });
  
          return false;
      });

      $(document).on('click', '.open-login-modal', function(e) {
          e.preventDefault();
          $.fancybox.close();
          $.fancybox.open({
              src: '#sign',
              type: 'inline',
              opts: {touch: false}
          });
      });

      $(document).on('click', '#button_reg_employer', function() {

  
          $('#messages_error_reg').html('');

          var field_login = $('#email_employer');
          var field_pwd = $('#password_employer');
          var field_confirm_pwd = $('#password_confirmation_employer');
          var field_politik_employer = $('#politik_employer');
          var field_telephone_employer = $('#telephone_employer');
          var field_company_employer = $('#company_employer');
          var field_surname_employer = $('#surname_employer');
          var field_name_man_employer = $('#name_man_employer');
          var field_surname2_employer = $('#surname2_employer');
  
          var login = field_login.val();
          var pwd = field_pwd.val();
          var confirm_pwd = field_confirm_pwd.val();
          var politik = field_politik_employer.val();
          var telephone = field_telephone_employer.val();
          var company_employer = field_company_employer.val();
          var surname = field_surname_employer.val();
          var name_man = field_name_man_employer.val();
          var surname2 = field_surname2_employer.val();

          if (document.getElementById("cpatchaTextBox2").value == code2) {
              console.log('Валидный кот');
  
          } else {
              console.log('Ошибка2');
              event.preventDefault();
              $('#block-info').css({'display': 'block'});
              $('#messages_error_reg').html('ERROR: Капча неверная!');
              return false;
          }

  
          console.log('login: '+login+' password: '+pwd);

          if (!document.getElementById('politik_employer').checked) {
              event.preventDefault();
              $('#block-info').css({'display': 'block'});
              $('#messages_error_reg').html('ERROR: Вы не согласились с политикой конфидициальности!');
              return false;

          }

          $.ajax({
              type: "GET",
              url: "{{ route('register_employer') }}",
              data: "email="+login+"&password="+pwd+"&confirmed="+confirm_pwd+"&politik="+politik+
                  "&telephone="+telephone+"&name_company="+company_employer+"&surname="+surname+"&name_man="+name_man+
                  "&surname2="+surname2+"&subscribe_email="+login,
              success: function (data) {
                  console.log('Вход в систему');
                  let d = JSON.parse(data);
                  if(typeof d['REDIRECT'] !== "undefined") {

                      successfulRegistrationEmployer()

                  }
                  if (typeof d['ERROR'] !== "undefined") {
                      console.log(d['ERROR']);
                      $('#block-info').css({'display': 'block'});
                      $('#messages_error_reg').html(d['ERROR']);
                  }
                  console.log(d['REDIRECT']);

              },
              headers: {
                  'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
              },
              error: function (data) {
                  data = JSON.stringify(data);
                  console.log('Error: ' + data);
              }
          });

          return false;
      });

  </script>