<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);
            }
        });
    });

    $('#form1').on('submit', function (e) {
        e.preventDefault();

        if (document.getElementById("cpatchaTextBox1").value == code) {
            console.log('Валидная капча');
        } else {
            $('#captcha_error').text('Капча неверная!');
            return false;
        }

        $('.error-message').text('');

        let formData = $(this).serialize();

        $.ajax({
            url: $(this).attr('action'),
            method: $(this).attr('method'),
            data: formData,
            success: function (response) {
                if (response.REDIRECT) {
                    successfulRegistrationWorker()
                }
            },
            error: function (jqXHR) {
                if (jqXHR.status === 422) {
                    let errors = jqXHR.responseJSON.ERRORS;

                    for (let field in errors) {
                        if (errors.hasOwnProperty(field)) {
                            $('#' + field + '_error').text(errors[field][0]);
                        }
                    }
                } else {
                    alert('Произошла ошибка при регистрации. Попробуйте снова.');
                }
            }
        });
    });

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

    $('#form2').on('submit', function (e) {
        e.preventDefault();

        if (document.getElementById("cpatchaTextBox2").value == code2) {
            console.log('Валидная капча');
        } else {
            $('#captcha_employer_error').text('Капча неверная!');
            return false;
        }

        $('.employer_error-message').text('');

        let formData = $(this).serialize();

        $.ajax({
            url: $(this).attr('action'),
            method: $(this).attr('method'),
            data: formData,
            success: function (response) {
                if (response.REDIRECT) {
                    successfulRegistrationEmployer();
                }
            },
            error: function (jqXHR) {
                if (jqXHR.status === 422) {
                    let errors = jqXHR.responseJSON.ERRORS;

                    for (let field in errors) {
                        if (errors.hasOwnProperty(field)) {
                            $('#' + field + '_employer_error').text(errors[field][0]);
                        }
                    }
                } else {
                    alert('Произошла ошибка при регистрации. Попробуйте снова.');
                }
            }
        });
    });
</script>