var formEn = document.getElementById('formEn');
var formRu = document.getElementById('formRu');
var formGuideline = document.getElementById('formGuideline');
var formSupport = document.getElementById('formSupport');

if (formRu) {
    setTimeout(function () {
        handleForm(formRu, "/email-sender/contact-ru");
    }, 5000);
}

if (formGuideline) {
    setTimeout(function () {
        handleForm(formGuideline, "/email-sender/guideline");
    }, 5000);
}

if (formEn) {
    setTimeout(function () {
        handleForm(formEn, "/email-sender/contact-en");
    }, 5000);
}
if (formSupport) {
    setTimeout(function () {
        handleForm(formSupport, "/email-sender/support");
    }, 5000);
}

function getParameterByName(name, url) {
    if (!url) url = window.location.href;
    name = name.replace(/[\[\]]/g, '\\$&');
    var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'),
        results = regex.exec(url);
    if (!results) return null;
    if (!results[2]) return '';
    return decodeURIComponent(results[2].replace(/\+/g, ' '));
}

function sendData(formData, url) {
    var XHR = new XMLHttpRequest();
    var form = formData;
    var FD = new FormData(formData);
    var utmSource = getParameterByName('utm_source');
    if (FD.has('Solutions')) {
        var solutions = FD.getAll('Solutions');
        FD.delete('Solutions');
        FD.append('Solutions', solutions);
    }
    // if(utmSource && utmSource.length > 0){
    //     FD.append('Источник', utmSource);
    // }
    XHR.addEventListener("load", function (event) {
        if (event.target.readyState === 4) {
            if (event.target.status === 200) {
                form.querySelector('.c-button__text-submit').classList.add('hidden');
                form.querySelector('.c-button__text-message-sent').classList.remove('hidden');
                form.querySelector("button[type='submit']").setAttribute('disabled', 'disabled');
                $('.show-after-submit').show();
                // sendPersonToCrm();
                try {
                    gtag('event', 'sendForm', {
                        'event_category': 'sendForm'
                    });
                    dataLayer.push({
                        'event': 'zayavka'
                    });
                } catch (err) {
                    console.log(err);
                }
            } else {
                form.querySelector('.c-button__text-submit').classList.add('hidden');
                form.querySelector('.c-button__text-message-not-sent').classList.remove('hidden');
            }
        }
    });
    XHR.addEventListener("error", function (event) {
        form.querySelector('.c-button__text-submit').classList.add('hidden');
        form.querySelector('.c-button__text-message-not-sent').classList.remove('hidden');
    });
    XHR.open("POST", url);
    XHR.send(FD);
}

function handleForm(form, actionUrl) {
    var action = actionUrl;
    // var formElements = form.querySelectorAll(':required');
    form.addEventListener('submit', function (event) {
        event.preventDefault();
        sendData(event.target, action);
    });

}
var cookUtm = document.querySelectorAll('input[name=UrlProps]');

var analyticsCookie = [
    // [cookVisit, 'hasVisited'],
    // [cookContact, 'hasSentContactForm'],
    // [cookSupport, 'hasSentSupportForm'],
    [cookUtm, 'utmSourceSbc']
    // [[cookiesAlert.strYesOrNo], 'hasNotifiedUser']
];

var utmCookieValue = "";
handleUtmCookie(analyticsCookie[0], false, "");


// get utm params, send them in cookies and forms, and add source of contact to pipedrive

var paramsFromUrl = window.location.href;
if (paramsFromUrl.search(/\?/) !== -1) {
    paramsFromUrl = paramsFromUrl.replace(/^.+\?/, '');
    paramsFromUrl = paramsFromUrl.replace(/\&/g, ', ');
    handleUtmCookie(analyticsCookie[0], true, paramsFromUrl);
}




function handleUtmCookie(arr, setCookie, paramsFromUrl) {
    var regexp = RegExp("^.*" + arr[1] + "=");
    var paramsFromUrl = paramsFromUrl;

    if (setCookie) {
        var expirationDate = new Date(new Date().getTime() + 1 * 1 * 24 * 60 * 60 * 1000);
        var setCookieDate = new Date();
        if (utmCookieValue !== "") {
            utmCookieValue = utmCookieValue + ". ";
        }
        document.cookie = arr[1] + "=" + utmCookieValue + paramsFromUrl + " - " + setCookieDate.toUTCString() + "; path=/; expires=" + expirationDate.toUTCString();
    }
    if (regexp.test(document.cookie)) {
        paramsFromUrl = document.cookie.replace(regexp, '');
        paramsFromUrl = paramsFromUrl.replace(/;.*/, '');
        utmCookieValue = paramsFromUrl;
        arr[0].forEach(function (el) {
            el.value = paramsFromUrl;
        });
    }
}

// set owner for new contact in pipedrive crm
// var owner_id = 4605599;

// function sendPersonToCrm() {
//     var XHR = new XMLHttpRequest();
//     var FD = new FormData();
//     FD.append('name', document.querySelector('input[name=Name]').value);
//     FD.append('email', document.querySelector('input[name=Email]').value);
//     FD.append('phone', document.querySelector('input[name=Phone]').value);
//     FD.append('owner_id', owner_id);
//
//
//     XHR.addEventListener("load", function(event) {
//         if (event.target.readyState === 4) {
//             if (event.target.status === 200) {
//                 // console.log('success');
//                 var responseTextObject = JSON.parse(event.target.responseText);
//                 // console.log(responseTextObject.data.id);
//                 var person_id = +responseTextObject.data.id;
//                 sendNewDealToCrm(person_id);
//             } else {
//                 console.log('error');
//                 console.error(event.target.statusText);
//             }
//         }
//     });
//     XHR.open("POST", '/crm/add_person');
//     XHR.send(FD);
// }

// function sendNewDealToCrm(person_id) {
//     var XHR = new XMLHttpRequest();
//     var FD = new FormData();
//     FD.append('title', 'Request from site ' + window.location.hostname + ' from ' + document.querySelector('input[name=Email]').value);
//     FD.append('user_id', owner_id);
//     FD.append('person_id', person_id);
//
//     XHR.addEventListener("load", function(event) {
//         if (event.target.readyState === 4) {
//             if (event.target.status === 200) {
//                 // console.log('success');
//                 // console.log(responseTextObject.data.id);
//             } else {
//                 console.log('error');
//                 console.error(event.target.statusText);
//             }
//         }
//     });
//     XHR.open("POST", '/crm/add_new_deal');
//     XHR.send(FD);
// }
//