import { data } from "autoprefixer";

const useCases = document.querySelectorAll(".use-cases__single");

export const initUseCases = () => {
  if (!useCases){
    return;
  }

  useCases.forEach((single) => {
    single.addEventListener("click", () => {
      document.body.classList.add("modal-open", "use-case-modal-open");
      const id = single.getAttribute("data-case-id");

      document.querySelector(".overlay").addEventListener("click", () => {
        document.body.classList.remove("modal-open", "use-case-modal-open");
      })

      data = {
        action: 'get_use_case',
        "id": id,
      }

      jQuery.ajax({
        type: 'POST',
        url: ajaxurl,
        data: data,
      }).done(function(response){
        $("#single_title").html(response.title);
        $("#single_division").html(response.division.name);
        $("#single_status").html(response.status.name);
      });
    })
  });
};