$(document).on("click", '[data-behaviour="export-select-all"]', function (e) {
  if ($(this).is(":checked")) {
    $('[data-behaviour="export-checkbox"]').prop("checked", true);
  } else {
    $('[data-behaviour="export-checkbox"]').prop("checked", false);
  }
});

$(document).on("click", '[data-behaviour="export-checkbox"]', function (e) {
  const container = $(this).closest(".row");
  if (
    container.find('[data-behaviour="export-checkbox"]:checked').length ==
    container.find('[data-behaviour="export-checkbox"]').length
  ) {
    $('[data-behaviour="export-select-all"]').prop("checked", true);
  } else {
    $('[data-behaviour="export-select-all"]').prop("checked", false);
  }
});

$(document).on("click", '[data-behaviour="export-submit"]', function (e) {
  $('[data-behaviour="export-form-submit"]').submit();
  const exportFormBody = $("[data-behaviour='export-form-container']");
  const exportProcessing = $("[data-behaviour='export-processing']");
  const exportTitle = $("[data-behaviour='export-modal-title']");
  const exportFooter = $("[data-behaviour='export-modal-footer']");
  const exportContent = $("[data-behaviour='export-modal-content']");
  exportTitle.html("Export Processing");
  exportFormBody.addClass("hidden");
  exportFooter.addClass("hidden");
  exportProcessing.removeClass("hidden");
  exportContent.removeClass("export-modal-content");
  exportContent.addClass("modal-content");
});

document.addEventListener("turbo:load", function () {
  document
    .querySelector('[data-behaviour="export-modal"]')
    .addEventListener("hidden.bs.modal", function () {
      const exportFormBody = $("[data-behaviour='export-form-container']");
      const exportProcessing = $("[data-behaviour='export-processing']");
      const exportTitle = $("[data-behaviour='export-modal-title']");
      const exportFooter = $("[data-behaviour='export-modal-footer']");
      const exportContent = $("[data-behaviour='export-modal-content']");
      exportTitle.html("Export Data");
      exportProcessing.addClass("hidden");
      exportFormBody.removeClass("hidden");
      exportFooter.removeClass("hidden");
      exportContent.addClass("export-modal-content");
      exportContent.removeClass("modal-content");
    });
});