// Animasi scroll untuk .fade-in
window.addEventListener("scroll", () => {
  document.querySelectorAll(".fade-in").forEach((el) => {
    const top = el.getBoundingClientRect().top;
    const winHeight = window.innerHeight;
    if (top < winHeight - 50) {
      el.style.animationPlayState = "running";
    }
  });
});

// Tap rahasia (footer & foto profil) menunggu DOM siap
document.addEventListener("DOMContentLoaded", () => {
  // Footer secret taps -> /tools
  let tapCount = 0;
  let tapTimer;
  const footerEl = document.getElementById("secret-footer");
  if (footerEl) {
    footerEl.addEventListener("click", (e) => {
      tapCount++;
      // console.log("footer taps:", tapCount);
      clearTimeout(tapTimer);
      if (tapCount >= 5) {
        window.location.href = "/jepang/index.html";
      } else {
        tapTimer = setTimeout(() => (tapCount = 0), 1000);
      }
    });
  }

  // Profile secret taps -> /korea
  let profileTapCount = 0;
  let profileTapTimer;
  const profileImgEl = document.getElementById("profile-img");
  if (profileImgEl) {
    profileImgEl.addEventListener("click", (e) => {
      profileTapCount++;
      // console.log("profile taps:", profileTapCount);
      clearTimeout(profileTapTimer);
      if (profileTapCount >= 5) {
        window.location.href = "/bahasa/index.html";
      } else {
        profileTapTimer = setTimeout(() => (profileTapCount = 0), 1000);
      }
    });
  }
});

// Data nama, pesan, dan waktu
const names = [
  "Ayu",
  "Rizki",
  "Andi",
  "Yuna",
  "Budi",
  "Dewi",
  "Sinta",
  "Fajar",
  "Agus",
  "Rina",
  "Dian",
  "Wulan",
  "Eka",
  "Nadia",
  "Zaki",
  "Galih",
  "Damar",
  "Bayu",
  "Putri",
  "Joko",
  "Mei",
  "Lisa",
  "Rio",
  "Indah",
  "Hendra",
  "Sari",
  "Toni",
  "Vina",
  "Ilham",
  "Mira",
  "Reza",
  "Nina",
  "Rafi",
  "Tari",
  "Rama",
  "Citra",
  "Nanda",
  "Desi",
  "Yoga",
  "Tika",
  "Ali",
  "Adit",
  "Lina",
  "Suci",
  "Reno",
  "Dafa",
  "Yuli",
  "Bagus",
  "Dede",
  "Lusi",
  "Teguh",
  "Mega",
  "Wahyu",
  "Gita",
  "Irwan",
  "Shinta",
  "Ardi",
  "Maya",
  "Doni",
  "Kiki",
  "Zahra",
  "Alif",
  "Robby",
  "Sekar",
  "Dini",
  "Kevin",
  "Tasya",
  "Iqbal",
  "Sella",
  "Fikri",
  "Rani",
  "Arman",
  "Ratna",
  "Arif",
  "Aisyah",
  "Hani",
  "Seno",
  "Farah",
  "Yusuf",
  "Ajeng",
  "Anisa",
  "Taufik",
  "Della",
  "Eko",
  "Hilmi",
  "Dara",
  "Rehan",
  "Karina",
  "Udin",
  "Sylvi",
  "Wawan",
  "Mona",
  "Hafiz",
  "Yana",
  "Rido",
  "Cindy",
];

const messages = [
  { emoji: "🎓", text: "mendaftar kelas privat bahasa Jepang" },
  { emoji: "📘", text: "membeli flashcard" },
];

const timeTexts = [
  "baru saja",
  "1 menit yang lalu",
  "3 menit yang lalu",
  "5 menit yang lalu",
  "8 menit yang lalu",
  "10 menit yang lalu",
  "15 menit yang lalu",
  "20 menit yang lalu",
  "30 menit yang lalu",
  "45 menit yang lalu",
  "1 jam yang lalu",
  "2 jam yang lalu",
  "3 jam yang lalu",
  "4 jam yang lalu",
  "5 jam yang lalu",
  "6 jam yang lalu",
  "8 jam yang lalu",
  "10 jam yang lalu",
  "12 jam yang lalu",
  "16 jam yang lalu",
  "1 hari yang lalu",
  "2 hari yang lalu",
  "3 hari yang lalu",
  "4 hari yang lalu",
  "5 hari yang lalu",
  "6 hari yang lalu",
  "1 minggu yang lalu",
  "8 hari yang lalu",
  "10 hari yang lalu",
  "2 minggu yang lalu",
];

// Fungsi buat munculin popup
function showPopup() {
  const name = names[Math.floor(Math.random() * names.length)];
  const messageObj = messages[Math.floor(Math.random() * messages.length)];
  const timeAgo = timeTexts[Math.floor(Math.random() * timeTexts.length)];

  const linkMap = {
    "mendaftar kelas privat bahasa Jepang":
      "https://www.belajarwibu.com/private/index.html",
    "membeli flashcard": "https://www.belajarwibu.com/flashcard/flashcard.html",
  };

  const popup = document.createElement("div");
  popup.className = "popup-box";

  const popupLink = document.createElement("a");
  popupLink.href = linkMap[messageObj.text] || "#";
  popupLink.target = "_blank";
  popupLink.rel = "noopener noreferrer";
  popupLink.className = "popup-link";

  const popupText = document.createElement("div");
  popupText.className = "popup-text";
  popupText.textContent = `${messageObj.emoji} ${name} ${messageObj.text}`;

  const popupTime = document.createElement("div");
  popupTime.className = "popup-time";
  popupTime.textContent = `${timeAgo}`;

  popupLink.appendChild(popupText);
  popupLink.appendChild(popupTime);
  popup.appendChild(popupLink);
  document.body.appendChild(popup);

  setTimeout(() => {
    popup.remove();
  }, 4000);
} // Jalankan popup tiap 2–8 detik
function randomIntervalPopups() {
  const delay = Math.floor(Math.random() * (8000 - 2000 + 1)) + 2000;
  showPopup();
  setTimeout(randomIntervalPopups, delay);
}

// Mulai setelah halaman dimuat
window.addEventListener("DOMContentLoaded", () => {
  setTimeout(randomIntervalPopups, 3000);
});
