var bzFormatSource = function(referer){
  if(!referer || referer == ""){
    return "";
  }
  if(referer.charAt(referer.length-1) == "/"){ //remove trailing slashes
    referer = referer.slice(0, -1);
  }
  //remove protocols
  referer = referer.replace(/http\:\/\//,"");
  referer = referer.replace(/https\:\/\//,"");
  return 'source=' + referer;
}

var bzPopupCenter = function (url, title, w, h) {
    var dualScreenLeft = window.screenLeft != undefined ? window.screenLeft : screen.left;
    var dualScreenTop = window.screenTop != undefined ? window.screenTop : screen.top;
    var width = window.innerWidth ? window.innerWidth : document.documentElement.clientWidth ? document.documentElement.clientWidth : screen.width;
    var height = window.innerHeight ? window.innerHeight : document.documentElement.clientHeight ? document.documentElement.clientHeight : screen.height;
    var left = ((width / 2) - (w / 2)) + dualScreenLeft;
    var top = ((height / 2) - (h / 2)) + dualScreenTop;
    // local test
    // url = url.replace('https', 'http')
    // url = url.replace('breezy.hr', 'breezy.hr:8090')
    var newWindow = window.open(url + "&popup=true", title, 'scrollbars=yes, width=' + w + ', height=' + h + ', top=' + top + ', left=' + left);
    if (window.focus) {
        newWindow.focus();
    }
};

var bzBuildOpeningsMarkup = function (openings, category) {
    let isMultipleLocationsEnabled = false;
    var html = '<ul class="bzOpeningsList">';
    var i;
    for(i = 0; i < openings.length; i++) {
        var opening = openings[i];
        if (Array.isArray(opening.locations) && opening.locations.length > 1 && opening.company.isMultipleLocationsEnabled) {
            isMultipleLocationsEnabled = true;
        }
        if(bzFilterBy && bzFilterValue) {
            if(bzFilterBy === "department") {
                if(!opening.department) continue;
                if(opening.department.toLowerCase().trim() !== bzFilterValue.toLowerCase().trim()) continue;
            }
            if(bzFilterBy === "location") {
                if(!opening.location || !opening.location.name) continue;
                if (opening.location.name.toLowerCase().trim() !== bzFilterValue.toLowerCase().trim() && !opening.locations) continue;
                if (opening.locations && !opening.locations.filter(loc => loc.name.toLowerCase().trim() === bzFilterValue.toLowerCase().trim()).length) continue;
            }
            if(bzFilterBy === "jobtype") {
                if(!opening.type || !opening.type.name) continue;
                if(opening.type.name.toLowerCase().trim() !== bzFilterValue.toLowerCase().trim()) continue;
            }
        }
        let isPositionMultipleLocationsEnabled = (isMultipleLocationsEnabled && Array.isArray(opening.locations) && opening.locations.length > 1) ? true : false;
        html += '<li class="bzOpening">';
        if(bzPopupEnabled) {
            html += '<a href="#" onclick="bzPopupCenter(\'' + opening.url + "?" + bzSource + '\',\'\',' + bzPopupWidth + ',' + bzPopupHeight + '); return false;">';
        } else {
            html += '<a href="' + opening.url + "?" + bzSource + '" target="_blank">';
        }
        html += '<button class="bzButtonApply" type="button">Apply</button>';
        html += '<h2>' + opening.name + '</h2>';
        html += '<ul class="bzMeta">';

        if(opening.location && !isPositionMultipleLocationsEnabled) {
            let locationName = (opening.location.name && opening.location.state && opening.location.state.id && !opening.location.city && opening.location.country) ? opening.location.state.id.concat(', ', opening.location.country.id) : opening.location.name
            html += '<li class="bzLocation"><span>' + locationName + '</span></li>';
        }

        if (isPositionMultipleLocationsEnabled) {
            let allLocations = []
            opening.locations.forEach(location => {
                if (location.name) allLocations.push(location.name)
            })
            if (allLocations.length) {
                if (!category || (category && category !== 'loc')) html += '<li class="bzLocation"><span>' + 'Multiple Locations (' + allLocations.length + ')' + '</span></li>';
                if (category && category === 'loc') html += '<li class="bzLocation"><span>' + opening.location.name + '</span></li>';
            }
        }
        if(opening.location && opening.location.is_remote) {
            html += '<li class="bzRemote"><span>Remote OK</span></li>';
        }
        if(opening.type) {
            html += '<li class="bzType"><span>' + opening.type.name + '</span></li>';
        }
        if(opening.department) {
            html += '<li class="bzDepartment"><span>' + opening.department + '</span></li>';
        }
        if(opening.salary) {
            html += '<li class="bzSalary"><span>' + opening.salary + '</span></li>';
        }
        html += '</ul>';
        html += '</a>';
        html += '</li>';
    }
    html += '</ul>';
    return html;
};

var bzBuildOpeningsByCategoryMarkup = function (openings, category) {
    var deptOpenings = {};
    var deptKeys = [];
    let isMultipleLocationsEnabled = false;
    for(var i in openings) {
        var opening = openings[i]
        if (opening.company.isMultipleLocationsEnabled) {
            isMultipleLocationsEnabled = true;
        }
        let isPositionMultipleLocationsEnabled = (Array.isArray(opening.locations) && opening.locations.length && isMultipleLocationsEnabled) ? true : false
        var key, name;

        const addToList = (key, name, position) => {
            if (deptKeys.indexOf(key) === -1) {
                deptKeys.push(key);
                deptOpenings[key] = {
                    'name': name,
                    'list': []
                };
            }
            deptOpenings[key].list.push(position);
        }
       
        if (!isMultipleLocationsEnabled) {
            if (category === "dept") {
                if (!opening.department) opening.department = "Other";
                key = opening.department.toLowerCase().replace(/\s/g, '');
                name = opening.department;
            } else if (category === "loc") {
                key = opening.location.name.toLowerCase().replace(/\s/g, '');
                name = opening.location.name;
            }
            addToList(key, name, opening)       
        }
        // multiple locations
        if (isMultipleLocationsEnabled) {
            if (category === "dept") {
                if (!opening.department) opening.department = "Other";
                key = opening.department.toLowerCase().replace(/\s/g, '');
                name = opening.department;
                addToList(key, name, opening);
            } else if (category === "loc") {
                if (!isPositionMultipleLocationsEnabled) {
                    key = opening.location.name.toLowerCase().replace(/\s/g, '');
                    name = opening.location.name;
                    addToList(key, name, opening)
                }
                else {
                    opening.locations.forEach(loc => {
                        key = loc.name.toLowerCase().replace(/\s/g, '');
                        name = loc.name;
                        let openingCopy = JSON.parse(JSON.stringify(opening))
                        openingCopy.location = loc;
                        addToList(key, name, openingCopy)
                    })
                }
            }
        }

    }
    var html = '<ul class="bzOpeningsCategoryList">';
    for(var k in deptKeys.sort()) {
        var dept = deptOpenings[deptKeys[k]];
        html += '<li class="bzOpeningsCategory" data-department="'+dept.name+'">';
        html += '<h1 class="bzCategory">' + dept.name + '</h1>';
        html += bzBuildOpeningsMarkup(dept.list, category);
        html += '</li>';
    }
    html += '</ul>';
    return html;
};

var bzDisplayOpenings = function (html) {
    document.getElementById("bzOpeningsContainer").innerHTML += html;
};

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

var bzDoWork = function () {
    var portalUrl = 'https://iamota.breezy.hr/json';
    // local test
    // var portalUrl = 'http://iamota.breezy.hr:8090/json';

    var xmlhttp = new XMLHttpRequest();
    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            var openings = JSON.parse(xmlhttp.responseText);
            var html;
            if(bzGroupBy === "dept") {
                //console.log('Processing group_by=dept');
                html = bzBuildOpeningsByCategoryMarkup(openings, "dept");
            } else if(bzGroupBy === "loc") {
                //console.log('Processing group_by=loc');
                html = bzBuildOpeningsByCategoryMarkup(openings, "loc");
            } else {
                //console.log('Processing...');
                html = bzBuildOpeningsMarkup(openings);
            }
            //console.log("HTML: " + html);
            bzDisplayOpenings(html);
        }
    };
    xmlhttp.open('GET', portalUrl, true);
    xmlhttp.send();
};

var bzPopupHeight = 700;
var bzPopupWidth = 1000;
var bzPopupEnabled = true;
var bzGroupBy = "none";
var bzFilterBy = "";
var bzFilterValue = "";
var bzWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
var bzSource = bzFormatSource(document.referrer);

if(bzWidth < 850) {
    bzPopupEnabled = false;
} else if(bzWidth < 1024) {
    bzPopupWidth = 750;
    bzPopupHeight = 560;
}
bzDoWork();