// Popup logic
window.addEventListener("load", function() {
setTimeout(function() {
document.getElementById("popup-container").style.display = "block";
}, 2000);

document.getElementById("close-popup").addEventListener("click", function() {
document.getElementById("popup-container").style.display = "none";
});

// Handle name submission
const nameForm = document.getElementById("nameForm");
const dialog = document.getElementById("myDialog");
const greeting = document.getElementById("greeting");

nameForm.addEventListener("submit", function(e) {
e.preventDefault(); // prevent reload
const name = document.getElementById("userInput").value.trim();

if (name) {
greeting.textContent = `Welcome, ${name}! 🌸`;
}

dialog.close(); // close dialog after submit
document.getElementById("popup-container").style.display = "none"; // close popup
});
});

// Follower logic
const follower = document.getElementById("follower");
let mouseX = 0, mouseY = 0;
let followerX = 100, followerY = 100;
let isDragging = false;

document.addEventListener("mousemove", (e) => {
mouseX = e.clientX;
mouseY = e.clientY;
});

function animate() {
if (!isDragging) {
followerX += (mouseX - followerX) * 0.1;
followerY += (mouseY - followerY) * 0.1;
}
follower.style.transform = `translate(${followerX - 40}px, ${followerY - 40}px)`;
requestAnimationFrame(animate);
}
animate();

document.addEventListener("mousedown", (e) => {
const rect = follower.getBoundingClientRect();
const dx = e.clientX - (rect.left + rect.width / 2);
const dy = e.clientY - (rect.top + rect.height / 2);
const distance = Math.sqrt(dx*dx + dy*dy);

if (distance < 60) {
isDragging = true;
mouseX = e.clientX;
mouseY = e.clientY;
followerX = e.clientX;
followerY = e.clientY;
}
});

document.addEventListener("mousemove", (e) => {
if (isDragging) {
followerX = e.clientX;
followerY = e.clientY;
}
});

document.addEventListener("mouseup", () => {
isDragging = false;
});