$(function () {

    window.verifyRecaptchaCallback = function (response) {
        $('input[data-recaptcha]').val(response).trigger('change')
    }

    window.expiredRecaptchaCallback = function () {
        $('input[data-recaptcha]').val("").trigger('change')
    }
});

$("#subscribeForm").validator().on("submit", function (event) {
  $("#msgSubmit").removeClass();
  submitMSG(false, "");
  
  if (event.isDefaultPrevented()) {
    // handle the invalid form...
    //formError();
    submitMSG(false, "Some fields of the form do not comply. Please, correct them.");
  } else {
    // everything looks good!
    event.preventDefault();
    submitForm();
  }
});


function submitForm(){

  var spinner = $('#loader');
  spinner.show();

  // Initiate Variables With Form Content
  var name = $("#name").val();
  var idnum = $("#idnum").val();
  var lawform = $("#lawform").val();
  var activitytype = $("#activitytype").val();
  var collabnb = $("#collabnb").val();
  var address1 = $("#address1").val();
  var address2 = $("#address2").val();
  var postalcode = $("#postalcode").val();
  var ville = $("#ville").val();
  var state = $("#state").val();
  var tel = $("#tel").val();
  var email1 = $("#email1").val();
  var repname = $("#repname").val();
  var reffunction = $("#reffunction").val();
  var reptel = $("#reptel").val();
  var email = $("#email").val();
  var referer1 = $("#referer1").val();
  var referer2 = $("#referer2").val();
  var camount = $("#camount").val();
  var ptype = $("#ptype").val();
  var dcp = $("#dcp").val();
  var newsletter = $("#newsletter").val();
  var logo = $("#logo").val();
  var ftype = $("#ftype").val();
  var chapter = $("#chapter").val();
  var ipfrom = $("#ipfrom").val();
  var response = grecaptcha.getResponse();
  var datenow = new Date(); 

  function dateToLocalISO(date) {
    const off    = date.getTimezoneOffset();
    const absoff = Math.abs(off);
    return (new Date(date.getTime() - off*60*1000).toISOString().substr(0,23) +
      (off > 0 ? '-' : '+') + 
      (absoff / 60).toFixed(0).padStart(2,'0') + ':' + 
      (absoff % 60).toString().padStart(2,'0'));
  }
  var datenow = new Date();
  var localdate = dateToLocalISO(datenow);
  //console.log(localdate);
  
  $.ajax({
    
      type: "POST",
      url: "form-subscribe-process.php",
      data: "name=" + name + "&idnum=" + idnum + "&lawform=" + lawform + "&activitytype=" + activitytype + "&collabnb=" + collabnb + "&address1=" + address1 + "&address2=" + address2 + "&postalcode=" + postalcode + "&ville=" + ville + "&state=" + state + "&tel=" + encodeURIComponent(tel) + "&email1=" + email1 + "&repname=" + repname + "&repfunction=" + reffunction +"&reptel=" + encodeURIComponent(reptel) +"&email=" + email + "&referer1=" + referer1 + "&referer2=" + referer2 + "&camount=" + camount + "&ptype=" + ptype + "&dcp=" + dcp + "&newsletter=" + newsletter + "&logo=" + logo + "&response=" + response + "&ftype=" + ftype  + "&chapter=" + chapter + "&ipfrom=" + ipfrom + "&localdate=" + encodeURIComponent(localdate),

      success : function(text){
          var atext = text.split(':');
          if (atext[1] == 'success'){
              formSuccess(atext[2]);
              spinner.hide();
          } else {
              formError();
              spinner.hide();
              //submitMSG(false,text);
          }
      }
  });
}


function formSuccess(text){
  $("#subscribeForm")[0].reset();
  text = "Membership request sent. Your temporary ID is " + text + '.';
  submitMSG(true, text);
  grecaptcha.reset();
}


function formError(){
  $("#subscribeForm").removeClass().addClass('shake animated').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function(){
    $(this).removeClass();
  });
}


function checkOutputMessage(msg){
  var check_list = ["Erreur Captcha ",  "Message envoyé !", "success", "Une erreur est survenu", "Un message est requis ", "Un destinataire est requis ", "Un sujet est requis ", "Un email est requis ", "Un nom est requis ", "Avez-vous rempli le formulaire correctement ?"];
  var msg_checked = "An error has occurred"

  check_list.forEach(function(check){
    if (check == msg){
      msg_checked = msg;
    }
  });
  return msg_checked;
}


function submitMSG(valid, msg){
  if(valid){
    var msgClasses = "h3 text-center text-success";
  } else {
    var msgClasses = "h3 text-center text-danger";
  }
  //msg_o = checkOutputMessage(msg);
  $("#loading").hide();
  $("#msgSubmit").removeClass().addClass(msgClasses).text(msg);
}