var noForm = false;
function validateForm(randJS){
  var valid=true;
  var formData=document.forms.namedItem("interfaceForm"+randJS);
  if(formData == null){
    var noForm = true;
    var wrapper = document.createElement('form');
    wrapper.name="interfaceForm"+randJS;
    var el = document.getElementById('bmbyFormWarp');
    el.parentNode.insertBefore(wrapper, el);
    wrapper.appendChild(el);
    formData=document.forms.namedItem("interfaceForm"+randJS);
  }
  formData=formData.elements;
  for(var i=0;i<formData.length;i++){
    if(formData[i].reportValidity != undefined){
      if(!formData[i].reportValidity())
        valid=false;
    }
    else{
      if(!formData[i].checkValidity())
        valid=false;
    }
  }
  return valid;
}
function submitform(randJS){
  randJS = randJS != undefined ? randJS : ''; 
  if(validateForm(randJS)){
    stamfunction();//builds hidden input - analytics
    updateMediaData();//builds hidden input - MediaData
    var form = document.forms.namedItem("interfaceForm"+randJS);
    var oData = new FormData(form);
    oData.append("action", "sendform");
    var request = new XMLHttpRequest();
    request.open("POST", "https://bmby.com/shared/AddLead/index.php",true);
    request.onload=function(){
      if (request.readyState == 4 && request.status == 200){

        data = JSON.parse(request.responseText);
        if(data["status"] == "success"){
          switch (data["responseType"]) {
            case "redirect" :

              window.location.href=data["response"];
              break;

            case "alert" :
              alert(data["response"]);
              break;

            case "msg" :
              var form=document.querySelector("#interface-embbed"+randJS+" form");
              var inform=document.querySelector("#messagerResponse"+randJS);
              
              form.style.display="none";
              inform.innerHTML=data["response"];
              inform.style.display="block";
              
              setTimeout(function(){form.reset(); inform.style.display="none"; form.style.display="block"; }, 7000);
              
              break;
          }
        }
        else{
          var alertbox=document.querySelector("#interface-embbed"+randJS+" .alert-box");
          var errbox=document.querySelector("#interface-embbed"+randJS+" .alert-box .error");
          alertbox.style.display="block";
          errbox.style.display="block";
          var inform=document.querySelector("#messagerResponse");
          inform.innerHTML=data["response"];
          setTimeout(function(){alertbox.style.display="none";errbox.style.display="none"; }, 3000);
          //break;
        }

      }
      else
        alert("error");
    }
    request.send(oData);

  }
  if(noForm){
    noForm = false;
    document.getElementById("bmbyFormWarp").outerHTML = document.getElementById("bmbyFormWarp").innerHTML;
  }
  // else
  // alert("form not validated");
}
function showCheckboxes(el) {
  //var checkboxWrap = el.parentElement.getElementsByClassName("checkboxes")[0];
  var checkboxWrap = el.nextSibling.nextSibling;
  if (checkboxWrap.expand == "true") {
    checkboxWrap.style.display="none";
    checkboxWrap.expand = "false";
  } else {
    checkboxWrap.style.display="block";
    checkboxWrap.expand = "true";
  }
}

function closeCheckboxes(checkbox) {
  var select = checkbox.previousSibling.previousSibling.childNodes[1];
  checkBoxVal = [];
  var inputs = checkbox.getElementsByTagName("input");
  for(var i=0; i<inputs.length; i++){
    if(inputs[i].getAttribute("type") == "checkbox" && inputs[i].checked){
      checkBoxVal.push(inputs[i].nextSibling.nodeValue);
    }
  }

  if(select.selectedIndex != 0){
    select.remove(select.selectedIndex);
  }

  if(checkBoxVal.length > 0){
    var option = document.createElement("option");
    option.text = checkBoxVal.join(); 
    select.add(option);
    select.selectedIndex = 1;
  }

  checkbox.style.display="none";
  checkbox.expand = "false";
}

function updateMediaData(){
  document.getElementById('media').value = GetQueryStringParams('media');
  document.getElementById('cName').value = GetQueryStringParams('cName');
  document.getElementById('adsGroup').value = GetQueryStringParams('adsGroup');
  document.getElementById('creativeName').value= GetQueryStringParams('creativeName');
}

function GetQueryStringParams(sParam){
  var sPageURL = window.location.search.substring(1);
  var sURLVariables = sPageURL.split('&');

  for (var i = 0; i < sURLVariables.length; i++){
    var sParameterName = sURLVariables[i].split('=');
    if (sParameterName[0] == sParam){
      return decodeURIComponent(sParameterName[1]);
    }
  }
}

function isNumber(evt) {
  var charCode = (evt.which) ? evt.which : event.keyCode
  if (charCode != 43 && charCode > 31 && (charCode < 48 || charCode > 57))
    return false;
  return true;
}