// common.js - نسخه نهایی برای فایل‌های کوچک (home.html, gift.html, ...)

console.log("[common.js] لود شد");

const tg = window.Telegram.WebApp;
tg.ready();
tg.expand();

const user = tg.initDataUnsafe?.user || {
  first_name: "کاربر",
  photo_url: ""
};

console.log("[common.js] کاربر:", user);

// لود عکس پروفایل
function loadAvatar() {
  const el = document.getElementById('userAvatar');
  if (!el) return console.warn("userAvatar پیدا نشد");

  if (user.photo_url) {
    const img = document.createElement('img');
    img.src = user.photo_url;
    img.alt = "Profile";
    img.style.width = img.style.height = "100%";
    img.style.objectFit = "cover";
    img.onerror = () => {
      img.src = `https://ui-avatars.com/api/?name=${encodeURIComponent(user.first_name)}&background=7b5eff&color=fff&size=128`;
    };
    el.innerHTML = '';
    el.appendChild(img);
  } else {
    el.innerHTML = `<span style="font-weight:bold; font-size:1.3rem;">${(user.first_name?.[0] || 'G').toUpperCase()}</span>`;
  }
}

// کهکشان
function createGalaxy() {
  const layer = document.getElementById('starsLayer');
  if (!layer) return console.warn("starsLayer پیدا نشد");

  for (let i = 0; i < 160; i++) {
    const s = document.createElement('div');
    s.className = 'star';
    s.style.left = Math.random() * 100 + 'vw';
    s.style.top = Math.random() * 100 + 'vh';
    const size = Math.random() * 2.5 + 0.6;
    s.style.width = s.style.height = size + 'px';
    const speed = Math.random() * 0.7 + 0.2;
    const angle = Math.random() * Math.PI * 2;
    s.style.setProperty('--dx', Math.cos(angle) * speed * 100 + 'vw');
    s.style.setProperty('--dy', Math.sin(angle) * speed * 100 + 'vh');
    s.style.animationDelay = Math.random() * 60 + 's';
    layer.appendChild(s);
  }
  console.log("[common.js] کهکشان ساخته شد");
}

// ناوبری - فقط با نام کوچک فایل‌ها
function initNavigation() {
  document.querySelectorAll('.nav-item').forEach(item => {
    item.addEventListener('click', (e) => {
      e.preventDefault();

      const page = item.getAttribute('data-page');
      if (!page) return console.warn("data-page وجود ندارد");

      console.log("[ناوبری] کلیک روی:", page);

      const targetFile = page.toLowerCase() + '.html';

      const currentFile = window.location.pathname.split('/').pop().toLowerCase();

      if (currentFile === targetFile) {
        console.log("[ناوبری] در همین صفحه هستیم - کلیک بی‌اثر");
        return;
      }

      console.log("[ناوبری] تغییر به:", targetFile);
      window.location.href = targetFile;
    });
  });
}

// اجرا
document.addEventListener('DOMContentLoaded', () => {
  console.log("[common.js] DOM لود شد");
  loadAvatar();
  createGalaxy();
  initNavigation();
});