import * as helper from "./helpers.js";
/**
 * Submits answers
 */
export function submitAnswers(exam_details, db, config) {
  getJsonAnswers(exam_details, db)
    .then((a) => {
      let json = {
        eid: exam_details.eid,
        answers: JSON.stringify(a),
      };
      postAnswers(json, config, exam_details);
    })
    .catch((e) => {
      console.log(e)
      alert("No answers to submit");
    });
}

/**
 * Gets a json representation of answers
 * @return {JSON} - answers
 */
export function getJsonAnswers(exam_details, db) {
  console.log(exam_details)
  console.log({
      aid: exam_details.aid,
      cid: exam_details.cid,
      eid: exam_details.eid,
    })
  return db.answers
    .where({
      aid: exam_details.aid,
      cid: exam_details.cid,
      eid: exam_details.eid,
    })
    .toArray();
}

/**
 * Posts answers to url
 * @param {*} ans - json representation of answers
 */
export function postAnswers(ans, config, exam_details) {
  $("#progress").html("Submitting answers...");

  $.post(config.exam_submit_url, ans, null, "json")
    .done((data) => {
      console.log("returned data", data);
      if (data.success) {
        $("#submit-error-overlay").remove();
        if (data.question_count == exam_details.number_of_questions) {
          let ret = confirm(
            `${data.question_count} answers sucessfully submitted. Click OK to finish the exam.`
          );

          if (ret) {
            $( document ).trigger( "saveSessionEvent", [ true ] );
            if (config.exam_results_url != "") {
              let url = config.exam_results_url;

              if (exam_details.cid != "") {
                url = url + exam_details.cid;
              }
              $("#options-link")
                .empty()
                .append(
                  `<a href="${url}" target="_blank"><div class="packet-button">Results and answers</div></a>`
                );
            }
            $("#options-panel").show();
          } else {
          }
        } else {
          alert(`${data.question_count} answers sucessfully submitted.`);
        }
      } else {
        submissionError(data, ans, exam_details);
      }
    })
    .fail((e) => {
      // Will occur with server error such as 500
      console.log("error", e);
      submissionError(e, ans, exam_details);
    });
  // $.post( "http://localhost:8000/submit_answers", JSON.stringify(ans));
}

function submissionError(data, answer_json, exam_details) {
  // error will not be defined with server errors
  if (data.error != undefined) {
    alert(`Error submitting answers: ${data.error}`);
  } else {
    alert(`Error submitting answers`);
  }
  var docHeight = $(document).height();

  let answers = JSON.parse(answer_json.answers)

  let answer_map = {}

  answers.forEach((ans, n) => { 
    if (!answer_map.hasOwnProperty(ans.qid)) {
      answer_map[ans.qid] = [];
    }

    answer_map[ans.qid].push(ans);
  
  });

  let html = $("<ul></ul>");

  exam_details.question_order.forEach((i, j) => {
    console.log(i, answer_map)
    if (i in answer_map) {
    console.log("YES", i, answer_map)
      let ans_array = answer_map[i];
      ans_array.forEach((x, y) => {
      $(html).append(`<li><b>Question ${j+1}.${y}:</b> ${x.ans}</li>`);
      });
    }
  
  })

  console.log(exam_details.question_order);
  console.log(answer_map);
  console.log(html);

  if ($("#submit-error-overlay").length < 1) {
    $("body").append(
      `<div id='submit-error-overlay'><span style='color: white'><p>An error has occured when submit your answers. A copy of your answers are displayed below, you may wish to save a copy. Please try submitting again or refresh this page to continue.</p><p>${html.get(0).innerHTML}</p><p>${JSON.stringify(
        answer_json
      )}</p></span></div>`
    );

    $("#nav-submit-button").prependTo("#submit-error-overlay");

    $("#submit-error-overlay").height(docHeight);
  }
}

export function getQuestion(url, question_number, question_total) {
  console.log("Downloading question ", url, question_number, question_total);
  return $.ajax({
    dataType: "json",
    url: url,
    progress: function (e) {
      $("#progress").html(
        `Downloading question [${question_number}/${question_total}]<br/>This file is compressed (no size available)`
      );
      if (e.lengthComputable) {
        var completedPercentage = Math.round((e.loaded * 100) / e.total);

        $("#progress").html(
          `Downloading question [${question_number}/${question_total}]<br/>${completedPercentage}%<br/>${helper.formatBytes(
            e.total
          )}`
        );
      }
    },
    error: (jqXHR, textStatus, errorThrown) => {
      console.log("error downlading", jqXHR, textStatus, errorThrown);
    },
    //success: function (data) {
    //  strReturn = data;
    //},
    //async: false,
  });
}