$(document).ready(function() {

    window.telConfigInd = {
        separateDialCode: true,
        autoPlaceholder: "polite",
        preferredCountries: [countryCode],
        initialCountry: countryCode,
        utilsScript: SITE_URL + 'frontend/assets/js/intl-tel/js/utils.js'
    }

    var CareerFrmNo = document.querySelector("#career_contact_number");
    if (CareerFrmNo != null) {
        var Career = window.intlTelInput(CareerFrmNo, window.telConfigInd);
    }

    $("#careerFrm").validate({
        errorElement: "i",
        ignore: [],
        rules: {
            occupation_id: {
                required: true
            },
            experience: {
                required: true
            },
            name: {
                required: true,
                minlength: 3,
                maxlength: 90
            },
            email: {
                required: true,
                singleemail: true,
                minlength: 3,
                maxlength: 90
            },
            contact_number: {
                required: true,
                number: true,
                minlength: 4,
                maxlength: 15
            },
            organisation: {
                minlength: 3,
                maxlength: 90
            },
            designation: {
                minlength: 3,
                maxlength: 90
            },
            address: {
                required: true,
                minlength: 6,
                maxlength: 300
            },
            resume: {
                required: true
            },
            agreed: {
                required: true
            }
        },
        messages: {
            occupation_id: {
                required: "Please select a job"
            },
            experience: {
                required: "Please enter your experience"
            },
            name: {
                required: "Please enter your name"
            },
            email: {
                required: "Please enter your email"
            },
            contact_number: {
                required: "Please enter your contact number"
            },
            organisation: {
                required: "Please enter your current organization"
            },
            designation: {
                required: "Please enter your current designation"
            },
            address: {
                required: "Please enter your address"
            },
            resume: {
                required: "Please upload your resume"
            },
            agreed: {
                required: "Please check this"
            }
        },
        submitHandler: function(form) {
            if (rendercaptcha == false) {
                recaptchaRender();
            }
            if (rendercaptcha) {
                const btn = $(form).find('button[type="submit"]');
                const btnTxt = btn.html();
                btn.attr('disabled', true).html(`Please Wait ...`);
                grecaptcha.ready(function() {
                    grecaptcha.execute(SITE_KEY, {
                        action: 'CareerRequestForm'
                    }).then(function(token) {
                        let data = new FormData(form);
                        data.append('recaptoken', token);
                        data.append('contact_number', Career.getNumber(intlTelInputUtils.numberFormat.E164));
                        $.ajax({
                            url: SITE_URL + 'job-request',
                            type: 'post',
                            data: data,
                            cache: false,
                            contentType: false,
                            processData: false,
                            success: function(res) {
                                if (res.success) {
                                    $('#modal--career').removeClass('showing-modal');
                                    $("#careerFrm")[0].reset();
                                    $(".footer--subscribe").find('.form-element').removeClass('has-value');
                                    $("#modal-formSuccess").addClass("showing-modal");
                                    $("#suuccess_msg_h4").html("Excellent!").removeClass("c--error");
                                    $("#suuccess_msg").html(res.message);
                                } else {
                                    $(".error-message").html(res.message).show();
                                }
                                btn.attr('disabled', false).html(btnTxt);
                            }
                        });
                    });
                });
            }
        }
    });

    $('.inputfile').on('change', function() {
        var file = this.files[0];
        var fileType = file.type;
        var fileSize = file.size;
        var validExtensions = ['application/pdf', 'application/msword', 'application/vnd.openxmlformats-officedocument.wordprocessingml.document'];
        var maxSize = 2 * 1024 * 1024;

        var $parent = $(this).parent();

        if ($.inArray(fileType, validExtensions) === -1) {
            $parent.addClass('textbox-error');
            this.value = '';
            setTimeout(() => {
                $parent.find('.text-span').html('');
            }, 4000);
        } else if (fileSize > maxSize) {
            $parent.addClass('textbox-error');
            this.value = '';
            setTimeout(() => {
                $parent.find('.text-span').html('');
            }, 4000);
        } else {
            $parent.removeClass('textbox-error');
            setTimeout(() => {
                $parent.find('.text-span').html(file.name);
            }, 4000);
        }
    });

    $('.apply').on('click', function() {
        $('.inputfile').parent().removeClass('textbox-error');
    });
})