/**
 * Admin JavaScript for BB Data Plugin
 */

/**
 * Show WordPress-style notice
 */
function showNotice(message, type = "info") {
  // Remove existing notices first
  var existingNotices = document.querySelectorAll(".bb-notice");
  existingNotices.forEach(function (notice) {
    notice.remove();
  });

  // Create notice element
  var noticeDiv = document.createElement("div");
  noticeDiv.className =
    "notice bb-notice is-dismissible " +
    (type === "success"
      ? "updated"
      : type === "error"
      ? "error"
      : type === "warning"
      ? "notice-warning"
      : "notice-info");

  noticeDiv.innerHTML =
    "<p>" +
    message +
    "</p>" +
    '<button type="button" class="notice-dismiss">' +
    '<span class="screen-reader-text">Dismiss this notice.</span>' +
    "</button>";

  // Insert after the h1 title
  var title = document.querySelector(".wrap h1");
  if (title) {
    title.parentNode.insertBefore(noticeDiv, title.nextSibling);
  }

  // Add dismiss functionality
  var dismissBtn = noticeDiv.querySelector(".notice-dismiss");
  if (dismissBtn) {
    dismissBtn.addEventListener("click", function () {
      noticeDiv.remove();
    });
  }

  // Auto-dismiss success messages after 5 seconds
  if (type === "success") {
    setTimeout(function () {
      if (noticeDiv.parentNode) {
        noticeDiv.remove();
      }
    }, 5000);
  }
}

function formToggle(ID) {
  var jsonForm = document.getElementById("jsonForm");
  var csvForm = document.getElementById("csvForm");

  // Ẩn tất cả forms trước
  csvForm.style.display = "none";
  jsonForm.style.display = "none";

  // Hiển thị form được chọn
  var targetForm = document.getElementById(ID);
  if (targetForm) {
    targetForm.style.display = "block";
  }
}

/**
 * Switch between import types
 */
function switchImportType(type) {
  var generalSection = document.getElementById("generalImportSection");
  var studentSection = document.getElementById("studentImportSection");
  var generalTab = document.getElementById("generalTab");
  var studentTab = document.getElementById("studentTab");

  if (type === "general") {
    generalSection.style.display = "block";
    studentSection.style.display = "none";
    generalTab.classList.add("nav-tab-active");
    studentTab.classList.remove("nav-tab-active");
  } else if (type === "student") {
    generalSection.style.display = "none";
    studentSection.style.display = "block";
    generalTab.classList.remove("nav-tab-active");
    studentTab.classList.add("nav-tab-active");

    // Load schools when switching to student tab
    loadSchoolsForDropdown();
  }
}

/**
 * Download CSV sample file
 */
function downloadSample() {
  var csvContent = "type,title,password,parent,link,image_url,username\n";
  csvContent += 'school,"Khối 6","","","","",""\n';
  csvContent += 'class,"Lớp 6.1","password123","Khối 6","","",""\n';
  csvContent +=
    'entity,"Hình 1","lesson123","Lớp 6.1","https://example.com","https://example.com/image.jpg","user1"\n';

  var blob = new Blob([csvContent], { type: "text/csv;charset=utf-8;" });
  var link = document.createElement("a");
  var url = URL.createObjectURL(blob);
  link.setAttribute("href", url);
  link.setAttribute("download", "sample-data.csv");
  link.style.visibility = "hidden";
  document.body.appendChild(link);
  link.click();
  document.body.removeChild(link);
}

/**
 * Download JSON sample file
 */
function downloadJsonSample() {
  var jsonContent = {
    export_info: {
      export_date: "2024-01-01 10:00:00",
      plugin_version: "1.0",
      total_records: 3,
    },
    schools: [
      {
        id: 1,
        title: "Khối 6",
        type: "school",
        created_date: "2024-01-01 10:00:00",
      },
    ],
    classes: [
      {
        id: 2,
        title: "Lớp 6.1",
        type: "class",
        password: "password123",
        parent_school: "Khối 6",
        created_date: "2024-01-01 10:05:00",
      },
    ],
    entities: [
      {
        id: 3,
        title: "Hình 1",
        type: "entity",
        password: "lesson123",
        parent_class: "Lớp 6.1",
        link: "https://example.com",
        image_url: "https://example.com/image.jpg",
        created_date: "2024-01-01 10:10:00",
        username: "user1",
      },
    ],
  };

  var blob = new Blob([JSON.stringify(jsonContent, null, 2)], {
    type: "application/json;charset=utf-8;",
  });
  var link = document.createElement("a");
  var url = URL.createObjectURL(blob);
  link.setAttribute("href", url);
  link.setAttribute("download", "sample-data.json");
  link.style.visibility = "hidden";
  document.body.appendChild(link);
  link.click();
  document.body.removeChild(link);
}

/**
 * Export data as CSV
 */
function exportData() {
  var form = document.createElement("form");
  form.method = "post";
  form.action = ajaxurl;

  // Add action input
  var actionInput = document.createElement("input");
  actionInput.type = "hidden";
  actionInput.name = "action";
  actionInput.value = "export_csv_data_posts";
  form.appendChild(actionInput);

  // Add nonce input
  var nonceInput = document.createElement("input");
  nonceInput.type = "hidden";
  nonceInput.name = "bb_data_nonce";
  nonceInput.value = bb_data_ajax.export_nonce;
  form.appendChild(nonceInput);

  document.body.appendChild(form);
  form.submit();
  document.body.removeChild(form);
}

/**
 * Export data as JSON
 */
function exportDataJson() {
  var form = document.createElement("form");
  form.method = "post";
  form.action = ajaxurl;

  // Add action input
  var actionInput = document.createElement("input");
  actionInput.type = "hidden";
  actionInput.name = "action";
  actionInput.value = "export_json_data_posts";
  form.appendChild(actionInput);

  // Add nonce input
  var nonceInput = document.createElement("input");
  nonceInput.type = "hidden";
  nonceInput.name = "bb_data_nonce";
  nonceInput.value = bb_data_ajax.export_json_nonce;
  form.appendChild(nonceInput);

  document.body.appendChild(form);
  form.submit();
  document.body.removeChild(form);
}

/**
 * Download Student CSV sample file
 */
function downloadStudentSample() {
  var csvContent =
    "student_username,student_password,student_link,student_image\n";
  csvContent +=
    "student001,pass123,https://example.com/student1,https://example.com/image1.jpg\n";
  csvContent +=
    "student002,pass456,https://example.com/student2,https://example.com/image2.jpg\n";
  csvContent +=
    "student003,pass789,https://example.com/student3,https://example.com/image3.jpg\n";

  var blob = new Blob([csvContent], { type: "text/csv;charset=utf-8;" });
  var link = document.createElement("a");
  var url = URL.createObjectURL(blob);
  link.setAttribute("href", url);
  link.setAttribute("download", "sample-students.csv");
  link.style.visibility = "hidden";
  document.body.appendChild(link);
  link.click();
  document.body.removeChild(link);
}

/**
 * Export student data as CSV
 */
function exportStudentData() {
  var form = document.createElement("form");
  form.method = "post";
  form.action = bb_data_ajax.ajax_url;

  var actionInput = document.createElement("input");
  actionInput.type = "hidden";
  actionInput.name = "action";
  actionInput.value = "export_student_csv_data";
  form.appendChild(actionInput);

  var nonceInput = document.createElement("input");
  nonceInput.type = "hidden";
  nonceInput.name = "bb_data_nonce";
  nonceInput.value = bb_data_ajax.student_export_nonce;
  form.appendChild(nonceInput);

  document.body.appendChild(form);
  form.submit();
  document.body.removeChild(form);
}

/**
 * Validate file before upload
 */
function validateCsvFile(input) {
  var file = input.files[0];
  if (file) {
    var fileName = file.name;
    var fileExtension = fileName.split(".").pop().toLowerCase();

    if (fileExtension !== "csv") {
      showNotice("Please select a valid CSV file.", "error");
      input.value = "";
      return false;
    }
  }
  return true;
}

/**
 * Validate JSON file before upload
 */
function validateJsonFile(input) {
  var file = input.files[0];
  if (file) {
    var fileName = file.name;
    var fileExtension = fileName.split(".").pop().toLowerCase();

    if (fileExtension !== "json") {
      showNotice("Please select a valid JSON file.", "error");
      input.value = "";
      return false;
    }
  }
  return true;
}

/**
 * Start batch CSV import
 */
function startBatchImport() {
  // Debug: Check if bb_data_ajax is available
  if (typeof bb_data_ajax === "undefined") {
    showNotice(
      "Error: bb_data_ajax is not defined. Please refresh the page.",
      "error"
    );
    return;
  }

  var fileInput = document.getElementById("file");
  var file = fileInput.files[0];

  if (!file) {
    showNotice("Please select a CSV file first.", "warning");
    return;
  }

  if (!validateCsvFile(fileInput)) {
    return;
  }

  // Show progress container
  var progressContainer = document.getElementById("progressContainer");
  var importBtn = document.getElementById("importCsvBtn");

  progressContainer.style.display = "block";
  importBtn.disabled = true;
  importBtn.value = "Importing...";

  // Reset progress
  updateProgress(0, "Đang khởi tạo import...", 0, 0);

  // Create FormData for file upload
  var formData = new FormData();
  formData.append("action", "init_batch_csv_import");
  formData.append("bb_data_nonce", bb_data_ajax.batch_import_nonce);
  formData.append("file", file);

  // Initialize batch import
  var xhr = new XMLHttpRequest();
  xhr.open("POST", bb_data_ajax.ajax_url, true);

  xhr.onload = function () {
    if (xhr.status === 200) {
      try {
        var response = JSON.parse(xhr.responseText);
        if (response.status === "success") {
          // Start processing batches
          processBatches(
            response.session_key,
            response.total_records,
            response.total_batches,
            response.batch_size
          );
        } else {
          handleImportError("Initialization failed: " + response.message);
        }
      } catch (e) {
        handleImportError("Invalid server response during initialization");
      }
    } else {
      handleImportError("Server error during initialization: " + xhr.status);
    }
  };

  xhr.onerror = function () {
    handleImportError("Network error during initialization");
  };

  xhr.send(formData);
}

/**
 * Process batches sequentially
 */
function processBatches(sessionKey, totalRecords, totalBatches, batchSize) {
  var currentBatch = 0;
  var totalProcessed = 0;

  function processSingleBatch() {
    updateProgress(
      Math.round((currentBatch / totalBatches) * 100),
      // `Đang xử lý batch ${currentBatch + 1}/${totalBatches}...`,
      `Đã xử lý ${totalProcessed}/${totalRecords} records...`,

      totalProcessed,
      totalRecords
    );

    var formData = new FormData();
    formData.append("action", "process_batch_csv_import");
    formData.append("bb_data_nonce", bb_data_ajax.batch_import_nonce);
    formData.append("session_key", sessionKey);
    formData.append("batch_number", currentBatch);

    var xhr = new XMLHttpRequest();
    xhr.open("POST", bb_data_ajax.ajax_url, true);

    xhr.onload = function () {
      if (xhr.status === 200) {
        try {
          var response = JSON.parse(xhr.responseText);
          if (response.status === "success") {
            currentBatch++;
            totalProcessed = response.processed_records;

            // Update counters from response
            var counters = response.counters;

            updateProgress(
              response.progress_percent,
              `Đã xử lý ${totalProcessed}/${totalRecords} records...`,
              totalProcessed,
              totalRecords
            );

            if (response.is_complete) {
              // Import completed
              completeImport(counters);
            } else {
              // Process next batch with a small delay
              setTimeout(processSingleBatch, 100);
            }
          } else {
            handleImportError("Batch processing failed: " + response.message);
          }
        } catch (e) {
          handleImportError("Invalid server response during batch processing");
        }
      } else {
        handleImportError(
          "Server error during batch processing: " + xhr.status
        );
      }
    };

    xhr.onerror = function () {
      handleImportError("Network error during batch processing");
    };

    xhr.send(formData);
  }

  // Start processing
  processSingleBatch();
}

/**
 * Update progress display
 */
function updateProgress(percent, text, processed, total) {
  var progressBar = document.getElementById("progressBar");
  var progressPercent = document.getElementById("progressPercent");
  var progressText = document.getElementById("progressText");
  var recordsInfo = document.getElementById("recordsProcessed");

  if (progressBar) progressBar.style.width = percent + "%";
  if (progressPercent) progressPercent.textContent = Math.round(percent) + "%";
  if (progressText) progressText.textContent = text;
  if (recordsInfo)
    recordsInfo.textContent = "Records: " + processed + "/" + total;
}

/**
 * Complete import process
 */
function completeImport(counters) {
  updateProgress(100, "Import hoàn tất!", 0, 0);

  var importBtn = document.getElementById("importCsvBtn");
  importBtn.disabled = false;
  importBtn.value = "Import CSV";

  // Show success message
  var message =
    `Import hoàn tất! Tổng cộng: ${counters.imported} dòng đã import thành công ` +
    `(Tạo mới: ${counters.created}, Cập nhật: ${counters.updated}, Bỏ qua: ${counters.skipped}).`;

  showNotice(message, "success");

  // Hide progress after 3 seconds
  setTimeout(function () {
    document.getElementById("progressContainer").style.display = "none";
  }, 3000);

  // Add view links to the success message
  setTimeout(function () {
    var successNotice = document.querySelector(".bb-notice.updated p");
    if (successNotice) {
      successNotice.innerHTML =
        message +
        "<br><br>" +
        '<a href="edit.php?post_type=entity" style="margin-right: 10px;">View Lesson List</a> | ' +
        '<a href="edit.php?post_type=class" style="margin-right: 10px;">View Class List</a> | ' +
        '<a href="edit.php?post_type=school">View School List</a>';
    }
  }, 500);

  // Refresh the page to show updated data after longer delay to show notice
  setTimeout(function () {
    window.location.reload();
  }, 8000);
}

/**
 * Handle import errors
 */
function handleImportError(message) {
  var importBtn = document.getElementById("importCsvBtn");
  importBtn.disabled = false;
  importBtn.value = "Import CSV";

  document.getElementById("progressContainer").style.display = "none";
  showNotice("Import error: " + message, "error");
}

/**
 * Start student batch CSV import
 */
function startStudentBatchImport() {
  if (typeof bb_data_ajax === "undefined") {
    showNotice(
      "Error: bb_data_ajax is not defined. Please refresh the page.",
      "error"
    );
    return;
  }

  var fileInput = document.getElementById("student_file");
  var file = fileInput.files[0];
  var studentOfDropdown = document.getElementById("student-of-dropdown");
  var studentOf = studentOfDropdown ? studentOfDropdown.value : "";

  if (!file) {
    showNotice("Please select a CSV file first.", "warning");
    return;
  }

  if (!studentOf) {
    showNotice("Please select a school (Khối) first.", "warning");
    return;
  }

  if (!validateCsvFile(fileInput)) {
    return;
  }

  var progressContainer = document.getElementById("studentProgressContainer");
  var importBtn = document.getElementById("importStudentCsvBtn");

  progressContainer.style.display = "block";
  importBtn.disabled = true;
  importBtn.value = "Importing Students...";

  updateStudentProgress(0, "Đang khởi tạo import students...", 0, 0);

  var formData = new FormData();
  formData.append("action", "init_student_batch_csv_import");
  formData.append("bb_data_nonce", bb_data_ajax.student_batch_import_nonce);
  formData.append("student_file", file);
  formData.append("student_of", studentOf);

  var xhr = new XMLHttpRequest();
  xhr.open("POST", bb_data_ajax.ajax_url, true);

  xhr.onload = function () {
    if (xhr.status === 200) {
      try {
        var response = JSON.parse(xhr.responseText);
        if (response.status === "success") {
          processStudentBatches(
            response.session_key,
            response.total_records,
            response.total_batches,
            response.batch_size
          );
        } else {
          handleStudentImportError(
            "Initialization failed: " + response.message
          );
        }
      } catch (e) {
        handleStudentImportError(
          "Invalid server response during initialization"
        );
      }
    } else {
      handleStudentImportError(
        "Server error during initialization: " + xhr.status
      );
    }
  };

  xhr.onerror = function () {
    handleStudentImportError("Network error during initialization");
  };

  xhr.send(formData);
}

/**
 * Process student batches sequentially
 */
function processStudentBatches(
  sessionKey,
  totalRecords,
  totalBatches,
  batchSize
) {
  var currentBatch = 0;
  var totalProcessed = 0;

  function processSingleStudentBatch() {
    updateStudentProgress(
      Math.round((currentBatch / totalBatches) * 100),
      `Đã xử lý ${totalProcessed}/${totalRecords} students...`,
      totalProcessed,
      totalRecords
    );

    var formData = new FormData();
    formData.append("action", "process_student_batch_csv_import");
    formData.append("bb_data_nonce", bb_data_ajax.student_batch_import_nonce);
    formData.append("session_key", sessionKey);
    formData.append("batch_number", currentBatch);

    var xhr = new XMLHttpRequest();
    xhr.open("POST", bb_data_ajax.ajax_url, true);

    xhr.onload = function () {
      if (xhr.status === 200) {
        try {
          var response = JSON.parse(xhr.responseText);
          if (response.status === "success") {
            currentBatch++;
            totalProcessed = response.processed_records;

            updateStudentProgress(
              response.progress_percent,
              `Đã xử lý ${totalProcessed}/${totalRecords} students...`,
              totalProcessed,
              totalRecords
            );

            if (response.is_complete) {
              completeStudentImport(response.counters);
            } else {
              setTimeout(processSingleStudentBatch, 100);
            }
          } else {
            handleStudentImportError(
              "Batch processing failed: " + response.message
            );
          }
        } catch (e) {
          handleStudentImportError(
            "Invalid server response during batch processing"
          );
        }
      } else {
        handleStudentImportError(
          "Server error during batch processing: " + xhr.status
        );
      }
    };

    xhr.onerror = function () {
      handleStudentImportError("Network error during batch processing");
    };

    xhr.send(formData);
  }

  processSingleStudentBatch();
}

/**
 * Update student progress display
 */
function updateStudentProgress(percent, text, processed, total) {
  var progressBar = document.getElementById("studentProgressBar");
  var progressPercent = document.getElementById("studentProgressPercent");
  var progressText = document.getElementById("studentProgressText");

  if (progressBar) progressBar.style.width = percent + "%";
  if (progressPercent) progressPercent.textContent = Math.round(percent) + "%";
  if (progressText) progressText.textContent = text;
}

/**
 * Complete student import process
 */
function completeStudentImport(counters) {
  updateStudentProgress(100, "Student import hoàn tất!", 0, 0);

  var importBtn = document.getElementById("importStudentCsvBtn");
  importBtn.disabled = false;
  importBtn.value = "Import Student CSV";

  var message =
    `Student import hoàn tất! Tổng cộng: ${counters.imported} students đã import thành công ` +
    `(Tạo mới: ${counters.created}, Cập nhật: ${counters.updated}, Bỏ qua: ${counters.skipped}).`;

  showNotice(message, "success");

  setTimeout(function () {
    document.getElementById("studentProgressContainer").style.display = "none";
  }, 3000);

  setTimeout(function () {
    var successNotice = document.querySelector(".bb-notice.updated p");
    if (successNotice) {
      successNotice.innerHTML =
        message +
        "<br><br>" +
        '<a href="edit.php?post_type=student">View Student List</a>';
    }
  }, 500);
}

/**
 * Handle student import errors
 */
function handleStudentImportError(message) {
  var importBtn = document.getElementById("importStudentCsvBtn");
  importBtn.disabled = false;
  importBtn.value = "Import Student CSV";

  document.getElementById("studentProgressContainer").style.display = "none";
  showNotice("Student import error: " + message, "error");
}

/**
 * Load schools for dropdown
 */
function loadSchoolsForDropdown() {
  var dropdown = document.getElementById("student-of-dropdown");
  if (!dropdown) {
    return;
  }

  var formData = new FormData();
  formData.append("action", "get_schools_for_dropdown");
  formData.append("bb_data_nonce", bb_data_ajax.get_schools_nonce);

  var xhr = new XMLHttpRequest();
  xhr.open("POST", bb_data_ajax.ajax_url, true);

  xhr.onload = function () {
    if (xhr.status === 200) {
      try {
        var response = JSON.parse(xhr.responseText);
        if (response.status === "success") {
          // Clear existing options except the default one
          dropdown.innerHTML = '<option value="">-- Chọn --</option>';

          // Add school options
          response.schools.forEach(function (school) {
            var option = document.createElement("option");
            option.value = school.value;
            option.textContent = school.text;
            dropdown.appendChild(option);
          });
        } else {
          console.error("Failed to load schools:", response.message);
        }
      } catch (e) {
        console.error("Failed to parse schools response:", e);
      }
    }
  };

  xhr.onerror = function () {
    console.error("Failed to load schools");
  };

  xhr.send(formData);
}

/**
 * Initialize admin scripts when document is ready
 */
document.addEventListener("DOMContentLoaded", function () {
  // Load schools for dropdown when page loads
  loadSchoolsForDropdown();

  // Add file validation to file inputs
  var csvFileInput = document.getElementById("file");
  if (csvFileInput) {
    csvFileInput.addEventListener("change", function () {
      validateCsvFile(this);
    });
  }

  var jsonFileInput = document.getElementById("json_file");
  if (jsonFileInput) {
    jsonFileInput.addEventListener("change", function () {
      validateJsonFile(this);
    });
  }

  // Add batch import button click handler
  var batchImportBtn = document.getElementById("importCsvBtn");
  if (batchImportBtn) {
    batchImportBtn.addEventListener("click", function () {
      startBatchImport();
    });
  }

  // Add student batch import button click handler
  var studentBatchImportBtn = document.getElementById("importStudentCsvBtn");
  if (studentBatchImportBtn) {
    studentBatchImportBtn.addEventListener("click", function () {
      startStudentBatchImport();
    });
  }

  // Add student file validation
  var studentFileInput = document.getElementById("student_file");
  if (studentFileInput) {
    studentFileInput.addEventListener("change", function () {
      validateCsvFile(this);
    });
  }
});