var p1;
var a1;

var ckP1;
var ckA1;

var data;
var pre = [];

document.addEventListener('DOMContentLoaded', function () {
    setForm();
    p1 = getParameterByName('p1');
    a1 = getParameterByName('a1');
    p1 = checkCookie('p1', p1);
    a1 = checkCookie('a1', a1);
    report();
    //preload();
});

function setForm() {
    var form = document.getElementById('flow-form');
    if (form) {
        form.addEventListener("submit", function (e) {
            e.preventDefault();
            var fields = document.getElementsByClassName("fl-field");
            //var data = { scope: form.classList[0], organisationId: 95, token: null, fields: [] };
            data = getData();
            for (var i = 0; i < fields.length; i++) {
                var field = fields.item(i);
                data.fields.push({ field: field.id, value: field.value });
            }
            //submitForm(); -- ROBOT checkbox
            grecaptcha.execute();
        });
    }
}

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 createCookie(cookieName, cookieValue, daysToExpire) {
    var date = new Date();
    date.setTime(date.getTime() + (daysToExpire * 24 * 60 * 60 * 1000));
    document.cookie = cookieName + "=" + cookieValue + "; overwrite: true; expires=" + date.toGMTString();
}

function accessCookie(key) {
    var cArr = document.cookie.split(';');
    for (var i = 0; i < cArr.length; i++) {
        if (cArr[i]) {
            var p = cArr[i].split('=');
            if (p[0].trim() == key) {
                return p[1];
            }
        }
    }
}

function checkCookie(key,val) {
    var ck = accessCookie(key);
    if ((ck && val && ck !== val) || (!ck && val)) {
        createCookie(key, val, 1000);
        return val;
    }
    if (ck && !val) {
        return ck;
    }
    return val;    
}

function submitForm(token) {    
    loading(true);
    data.token = token;
    var xhr = new XMLHttpRequest();

    xhr.onreadystatechange = function () {
        if (xhr.readyState === 4) {
            loading(false);
            var form = document.getElementById('flow-form');
            form.style.visibility = "hidden";
            var formText = document.getElementById('form-text');
            var response = xhr.responseText ? JSON.parse(xhr.responseText) : null;
            if (response && response.message) {
                formText.innerHTML = response.message;
            } else {
                formText.innerHTML = data.message ? data.message : '<h3>Thankyou</h3><p class="paragraph-large">We will be in touch shortly.</p >';
            }
            formText.focus();
        }
    };

    xhr.open("POST", "https://flowcx-app-staging.azurewebsites.net/api/site/form");
    xhr.setRequestHeader("Content-Type", "application/json;");
    xhr.setRequestHeader("Access-Control-Allow-Origin", "*");
    xhr.send(JSON.stringify(data));     
}

function loading(isLoading) {
    var container = document.getElementById('flow-form-container');
    if (isLoading) {
        container.classList.add('fl-disable-overlay');
    } else {
        container.classList.remove('fl-disable-overlay');
    }
}

function report() {
    if (p1) {
        var xhr = new XMLHttpRequest();
        xhr.open("POST", "https://flowcx-web-utility.azurewebsites.net/api/report");
        xhr.setRequestHeader("Content-Type", "application/json;");
        xhr.send(JSON.stringify({ "personId": p1, "activityId": a1, "type": "web", "detail1": location.pathname }));
    }
}

//function preload() {
//    getPreload();
//    var images = [];
//    for (var i = 0; i < pre.length; i++) {
//        images[i] = new Image();
//        images[i].src = pre[i];
//    }
//}

//function getPreload() {
//    pre = [
//        "https://www.flowcx.com/images/optimised-stock-photo-portrait-of-confident-businessman.jpg",
//        "https://www.flowcx.com/images/optimised-stock-photo-happy-co-workers.jpg"
//    ];
//}



//function submitForm() {
//    var v = grecaptcha.getResponse();
//    if (v.length > 0) {
//        var token = $("#g-recaptcha-response").val();

//        loading(true);
//        data.token = token;
//        var xhr = new XMLHttpRequest();

//        xhr.onreadystatechange = function () {
//            if (xhr.readyState === 4) {
//                loading(false);
//                var form = document.getElementById('flow-form');
//                form.style.visibility = "hidden";
//                var formText = document.getElementById('form-text');
//                var response = xhr.responseText ? JSON.parse(xhr.responseText) : null;
//                if (response && response.message) {
//                    formText.innerHTML = response.message;
//                } else {
//                    formText.innerHTML = data.message ? data.message : '<h3>Thankyou</h3><p class="paragraph-large">We will be in touch shortly.</p >';
//                }
//                formText.focus();
//            }
//        };

//        xhr.open("POST", "https://flowcx-app-staging.azurewebsites.net/api/site/form");
//        xhr.setRequestHeader("Content-Type", "application/json;");
//        xhr.setRequestHeader("Access-Control-Allow-Origin", "*");
//        xhr.send(JSON.stringify(data));
//    }
//}