$(window).scroll(function () {
    let scrollTop = $(window).scrollTop();

    if (scrollTop > 25) {
        $('header').addClass('scrolled');
    } else {
        $('header').removeClass('scrolled');
    }

});

$(document).ready(function () {
    $('.testimonials').slick({
        slidesToShow: 3,
        slidesToScroll: 1,
        autoplay: true,
        autoplaySpeed: 4000,
        infinite: true,
        responsive: [
            {
                breakpoint: 991,
                settings: {
                    slidesToShow: 2,
                    slidesToScroll: 1,
                    infinite: true,
                }
            },
            {
                breakpoint: 550,
                settings: {
                    slidesToShow: 1,
                    slidesToScroll: 1,
                    infinite: true,
                    arrows: false
                }
            },
        ]
    });

    $('#toggle-menu').click(function () {
        $('#topnav').toggleClass('open');
        $(this).toggleClass('open');
    });

    $('#submitContact').click(function () {
        let name = $('#name').val();
        let company = $('#company').val();
        let email = $('#email').val();
        let phone = $('#phone').val();
        let message = $('#message').val();
        let referral = $('#referral').val();
        let comments = $('#comments').val();

        const data = {
            name: name,
            company: company,
            email: email,
            phone: phone,
            message: message,
            referral: referral,
            comments: comments
        }

        $.ajax({
            type: "POST",
            url: '/contact/sendcontact',
            data: data,
            success: ()=>{
                $('#submit-success').show();
                $('#contact-form').hide();
            },
            dataType: 'json'
        });
    });

    $('#submitResume').click(function () {
        $('#submitResume').prop("disabled",true);
        $('span[id^="err"]').hide();

        let jobtitle = $('#jobtitle').val();
        let name = $('#name').val();
        let email = $('#email').val();
        let phone = $('#phone').val();
        let message = $('#message').val();
        let comments = $('#comments').val();
        let salary = $('#salary').val();
        let salaryTerm = $('#salaryTerm').val();
        let eligibility = $('#eligibility').val();
        let employStatus = $('#employStatus').val();

        let pattern = /^\b[A-Z0-9._%-]+@[A-Z0-9.-]+\.[A-Z]{2,4}\b$/i

        let fd = new FormData();
        let files = $('#resumeFile')[0].files;

        let okToSubmit = true;

        if (name.length < 3) {
            $('#errName').show();
            okToSubmit = false;
        }
        if (!pattern.test(email)) {
            $('#errEmail').show();
            okToSubmit = false;
        }
        if (phone.length < 10) {
            $('#errPhone').show();
            okToSubmit = false;
        }
        if (message.length < 20) {
            $('#errMessage').show();
            okToSubmit = false;
        }
        if (salary.length < 1) {
            $('#errSalary').show();
            okToSubmit = false;
        }
        if (eligibility === '0') {
            $('#errEligibility').show();
            okToSubmit = false;
        }
        if (salaryTerm === '0') {
            $('#errSalary').show();
            okToSubmit = false;
        }
        if (employStatus === '0') {
            $('#errEmployStatus').show();
            okToSubmit = false;
        }
        if (files.length === 0) {
            $('#errResume').show();
            okToSubmit = false;
        }

        if (okToSubmit) {
            fd.append('jobtitle', jobtitle);
            fd.append('name', name);
            fd.append('email', email);
            fd.append('phone', phone);
            fd.append('comments', comments);
            fd.append('message', message);
            fd.append('salary', '$'+salary.toLocaleString("en-US")+' / '+salaryTerm);
            fd.append('salaryNum', salary);
            fd.append('salaryTerm', salaryTerm);
            fd.append('eligibility', eligibility);
            fd.append('employStatus', employStatus);
            fd.append('file', files[0]);

            $.ajax({
                type: "POST",
                url: '/contact/sendresume',
                data: fd,
                contentType: false,
                processData: false,
                success: ()=>{
                    $('#submit-success').show();
                    $('#resume-form').hide();
                },
                dataType: 'json'
            });
        }
        $('#submitResume').prop("disabled",false);

    });
});