const pagination = document.querySelector(".pagination");

export const initPagination = () => {
  if (!pagination){
    return;
  }

  const pageNums = pagination.querySelectorAll(".page-num");

  pageNums.forEach(num => {
    num.addEventListener("click", () => {
      const target = num.getAttribute("data-page-num");
      const cases = document.getElementById("useCases");

      cases.style.opacity = ".5";

      var data = {
        action: 'get_use_cases',
        'target': target
      }

      jQuery.ajax({
        type: 'POST',
        data: data,
        url: ajaxurl
      }).done(function(response){
        cases.innerHTML = response;
        cases.style.opacity = "1";
      })
    })
  });
}