document.addEventListener("DOMContentLoaded", function () {
  document.body.addEventListener("click", function (e) {
    const btn = e.target.closest(".btn-view-details");
    if (btn) {
      const userId = btn.dataset.id;
      const db = btn.dataset.db;

      fetch(`/ajax/fetch_user_reports.php?id=${userId}&db=${db}`)
        .then(res => res.text())
        .then(html => {
          const target = document.getElementById("detail-area");
          target.innerHTML = html;
          window.scrollTo({ top: target.offsetTop - 80, behavior: "smooth" });
        });
    }
  });
});