document.addEventListener("DOMContentLoaded", () => {
  const buttons = document.querySelectorAll(
    "[data-button-target][data-open-modal-name]",
  );

  buttons.forEach((button) => {
    button.addEventListener("click", () => {
      const modalName = button.dataset.openModalName;

      if (!modalName) return;

      const modal = document.querySelector(`[data-modal-name="${modalName}"]`);

      if (!modal) return;

      const targetValue = button.dataset.buttonTarget || "";
      const currentUrl = window.location.href;

      const urlFields = modal.querySelectorAll('[data-field="url"]');
      const targetFields = modal.querySelectorAll('[data-field="target"]');

      urlFields.forEach((field) => {
        field.value = currentUrl;
      });

      targetFields.forEach((field) => {
        field.value = targetValue;
      });
    });
  });
});