<script>
document.addEventListener("DOMContentLoaded", () => {
  // მოდალის ფონური კონტეინერი
  const modal = document.createElement("div");
  Object.assign(modal.style, {
  position: "fixed",
  top: 0,
  left: 0,
  width: "100%",
  height: "100%",
  backgroundColor: "rgba(0,0,0,0.4)",
  display: "flex",
  justifyContent: "center",
  alignItems: "center",
  zIndex: 9999
  });

  // ფანჯარა
  const box = document.createElement("div");
  Object.assign(box.style, {
  backgroundColor: "#fff",
  width: "420px",
  maxWidth: "90%",
  boxShadow: "0 4px 12px rgba(0,0,0,0.3)",
  overflow: "hidden",
  fontFamily: "Arial, sans-serif"
  });

  // ჰედერი
  const header = document.createElement("div");
  Object.assign(header.style, {
  backgroundColor: "#1a1a1a",
  color: "#fff",
  display: "flex",
  justifyContent: "space-between",
  alignItems: "center",
  padding: "10px 15px",
  fontWeight: "bold",
  fontSize: "14px"
  });
  header.textContent = "ISWAVLEMETI.COM მოგესალმებით";

  // დახურვის ღილაკი
  const closeBtn = document.createElement("button");
  closeBtn.textContent = "დახურვა";
  Object.assign(closeBtn.style, {
  backgroundColor: "#c1121f",
  color: "#fff",
  border: "none",
  padding: "5px 12px",
  cursor: "pointer",
  fontWeight: "bold",
  fontSize: "13px",
  transition: "opacity 0.2s"
  });
  closeBtn.onmouseenter = () => closeBtn.style.opacity = "0.8";
  closeBtn.onmouseleave = () => closeBtn.style.opacity = "1";
  closeBtn.onclick = () => modal.remove();

  header.appendChild(closeBtn);
  box.appendChild(header);

  // კონტენტი
  const content = document.createElement("div");
  Object.assign(content.style, {
  padding: "15px",
  textAlign: "center"
  });

  // სათაური
  const title = document.createElement("h2");
  title.textContent = "კეთილი იყოს თქვენი მობრძანება!";
  Object.assign(title.style, {
  color: "#e63946",
  fontSize: "18px",
  marginBottom: "8px"
  });
  content.appendChild(title);

  // ტექსტი
  const text = document.createElement("div");
  text.textContent = "საიტი განახლდა. მადლობთ, რომ ჩვენი ნაწილი ხართ!";
  Object.assign(text.style, {
  color: "#555",
  fontSize: "13px",
  marginBottom: "15px"
  });
  content.appendChild(text);

  // ღილაკების კონტეინერი
  const btnContainer = document.createElement("div");
  Object.assign(btnContainer.style, {
  display: "flex",
  justifyContent: "center",
  gap: "10px"
  });

  // ღილაკის ფუნქცია (ჰოვერი როგორც პირველ კოდში)
  function makeBtn(label, bg, action) {
  const btn = document.createElement("button");
  btn.textContent = label;
  Object.assign(btn.style, {
  background: bg,
  color: "#fff",
  border: "none",
  padding: "8px 14px",
  fontWeight: "bold",
  cursor: "pointer",
  fontSize: "13px",
  transition: "opacity 0.2s"
  });

  btn.onmouseenter = () => btn.style.opacity = "0.8";
  btn.onmouseleave = () => btn.style.opacity = "1";
  btn.onclick = action;

  return btn;
  }

  // ღილაკები
  btnContainer.appendChild(
  makeBtn(
  "რეგისტრაცია",
  "linear-gradient(135deg, #e63946, #c1121f)",
  () => window.location.href = "/index/3"
  )
  );

  btnContainer.appendChild(
  makeBtn(
  "სწრაფი შესვლა",
  "linear-gradient(135deg, #1d4ed8, #2563eb)",
  () => window.location.href = "/index/14-0-0-1"
  )
  );

  content.appendChild(btnContainer);
  box.appendChild(content);
  modal.appendChild(box);
  document.body.appendChild(modal);
});
</script>