document.addEventListener("DOMContentLoaded", function () {
  const doiLink = document.getElementById("doi-link");
  const doiCopyMessage = document.getElementById("doi-copy-message");

  doiLink.addEventListener("click", function (event) {
    event.preventDefault();
    const doi = doiLink.getAttribute("data-doi");
    const fullDoiUrl = `${window.location.origin}/${doi}`;

    navigator.clipboard.writeText(fullDoiUrl).then(
      function () {
        doiCopyMessage.style.display = "inline";
        setTimeout(function () {
          doiCopyMessage.style.display = "none";
        }, 2000);
      },
      function () {
        alert("Failed to copy DOI to clipboard.");
      }
    );
  });
});