// window.submitQuestions = function(submitButton) {
//     var payload = $(submitButton).attr("data-payload");

//     var strPayloadJson = "";
//     if (payload.length > 0) {
//         var payloadJson = JSON.parse(payload);
//         var userInputs = {};
//         var inputFields = $("#quizMessage").find("input[name^='input']");
//         var numberOfFields = inputFields.length;
//         $(this)
//             .nextAll("p")
//             .remove();
//         // } else {
//         //     // breaking further processing
//         //     $(this).nextAll('p').remove();
//         //     if (payload && payload.payloadData && payload.payloadData.data && payload.payloadData.data.message) {
//         //         var message = payload.payloadData.data.message;
//         //         $(this).after('<p class="formValidationTxt">' + message + '</p>');
//         //     } else {
//         //         $(this).after('<p class="formValidationTxt">Please input a valid message</p>');
//         //     }
//         // }

//         if (numberOfFields === Object.keys(userInputs).length) {
//             payloadJson.userInputs = { userInputs: JSON.stringify(userInputs) };
//             submitForm(submitButton, JSON.stringify(payloadJson));
//         } else {
//             failure("some Validation error, Please try again");
//             $("#questionSubmit").removeClass("loader");
//             $("#questionSubmit").attr("disabled", false);
//         }
//     }
// };

function questionOnSubmitHandler(event) {
  var val1 = $("#input-question1").val();
  var regex1 = new RegExp($("#input-question1").attr("pattern"));
  var val2 = $("#input-question2").val();
  var regex2 = new RegExp($("#input-question2").attr("pattern"));
  if (!val1.match(regex1)) {
    $("#input-question1")
      .nextAll("p")
      .remove();
    $("#input-question1").after(
      '<p class="formValidationTxt">Please input a valid answer</p>'
    );
  }
  if (!val2.match(regex2)) {
    $("#input-question2")
      .nextAll("p")
      .remove();
    $("#input-question2").after(
      '<p class="formValidationTxt">Please input a valid answer</p>'
    );
  }
  if (val1.match(regex1) && val2.match(regex2)) {
    var payload = $("#questionSubmit").attr("data-payload");
    payload = JSON.parse(payload);
    payload.payloadData.userInput = {};
    payload.payloadData.userInput.question1 = $("#input-question1").val();
    payload.payloadData.userInput.id1 = $("#input-question1").attr("data-question-id");
    payload.payloadData.userInput.question2 = $("#input-question2").val();
    payload.payloadData.userInput.id2 = $("#input-question2").attr("data-question-id");
    var data = JSON.stringify(payload);
    submitForm(data);
  }
}

$("#questionSubmit").on("click", questionOnSubmitHandler);

function submitForm(data) {
  $("#questionSubmit").addClass("loader");
  $("#questionSubmit").attr("disabled", true);

  var serviceOptions = {
    url: jQuery.fn.websdk.url,
    data: prepareListData(data)
  };

  callService(
    serviceOptions,
    function(err, resp, textStatus, request) {
      $("#questionSubmit").removeClass("loader");
      $("#questionSubmit").attr("disabled", false);

      if (!err) {
        if (jQuery.fn.websdk.channelType === "fb") {
          closeFB();
        } else {
          closeWebView(resp);
        }
      }
    },
    function(err, resp, textStatus, request) {
      $("#questionSubmit").removeClass("loader");
      $("#questionSubmit").attr("disabled", false);
    }
  );
}

function onblurHandler(event) {
  var val = $(event.target).val();
  var regex = new RegExp($(event.target).attr("pattern"));
  var message = "";

  if (!val.match(regex)) {
    $(event.target)
      .nextAll("p")
      .remove();

    $(event.target).after(
      '<p class="formValidationTxt">Please input a valid answer</p>'
    );
  }
}

function onfocusHandler(event) {
  $(event.target)
    .next("p")
    .remove();
}

function test(event) {
  var target = event.target;
  var parent = target.parentElement;
  $(parent)
    .find("input")
    .val(target.value);
}