/* Pi-hole: A black hole for Internet advertisements
 *  (c) 2023 Pi-hole, LLC (https://pi-hole.net)
 *  Network-wide ad blocking via your own hardware.
 *
 *  This file is copyright under the latest version of the EUPL.
 *  Please see LICENSE file for your rights under this license. */

/* global utils:false */

// Add event listener to import button
document.getElementById("submit-import").addEventListener("click", function () {
  importZIP();
});

// Upload file to Pi-hole
function importZIP() {
  var file = document.getElementById("file").files[0];
  if (file === undefined) {
    alert("Please select a file to import.");
    return;
  }

  // https://caniuse.com/fetch - everything except IE
  // This is fine, as we dropped support for IE a while ago
  if (typeof fetch !== "function") {
    alert("Importing Tricorder files is not supported with this browser!");
    return;
  }

  const formData = new FormData();
  formData.append("file", file);
  // eslint-disable-next-line compat/compat
  fetch("/api/teleporter", {
    method: "POST",
    body: formData,
  })
    .then(response => response.json())
    .then(data => {
      $("#import-spinner").hide();
      $("#modal-import-success").hide();
      $("#modal-import-error").hide();
      $("#modal-import-info").hide();

      if ("error" in data) {
        $("#modal-import-error").show();
        $("#modal-import-error-title").text("Error: " + data.error.message);
        if (data.error.hint !== null) $("#modal-import-error-message").text(data.error.hint);
      } else if ("files" in data) {
        $("#modal-import-success").show();
        $("#modal-import-success-title").text("Import successful");
        var text = "<p>Processed files:<ul>";
        for (var i = 0; i < data.files.length; i++) {
          text += "<li>/" + utils.escapeHtml(data.files[i]) + "</li>";
        }

        text += "</ul></p>";
        $("#modal-import-success-message").html(text);
      }

      if ("took" in data) {
        $("#modal-import-info-message").text(
          "Processing took " + data.took.toFixed(3) + " seconds."
        );
      }

      $("#modal-import").modal("show");
    })
    .catch(error => {
      alert("An unexpected error occurred.");
      console.error(error); // eslint-disable-line no-console
    });
}