index.js

// ===== Navbar & Scroll Handling =====
const element = document.getElementById('scroll-hide');
const load = document.getElementById("onload");

function checkWindowSize() {
    if (!element) return;

    if (window.innerWidth < 1000) {
        window.addEventListener('scroll', function () {
            if (window.scrollY > 10) {
                element.style.display = 'none';
            }
        });
    } else {
        element.style.display = 'flex';
    }
}

window.addEventListener('load', checkWindowSize);
window.addEventListener('resize', checkWindowSize);

// ===== Back Button Function =====
function goBack() {
    if (window.history.length > 1) {
        window.history.back();
    } else {
        window.location.href = '/';
    }
}

// ===== Dark Mode Toggle =====
let darkModeInitialized = false;

function initDarkMode() {
    // Prevent multiple initializations
    if (darkModeInitialized) return;
    
    const mode = document.getElementById("mode");
    
    if (!mode) {
        console.error('Mode element not found!');
        return;
    }
    
    // Initialize dark mode state
    const isDark = localStorage.getItem('mode') === 'true';
    document.body.classList.toggle('dark-mode', isDark);
    
    updateModeIcon(mode);
    
    // Remove any existing event listeners
    mode.onclick = null;
    
    // Add click event listener
    mode.addEventListener('click', function () {
        const wasDarkmode = localStorage.getItem('mode') === 'true';
        const newMode = !wasDarkmode;
        localStorage.setItem('mode', newMode);
        document.body.classList.toggle("dark-mode", newMode);
        updateModeIcon(mode);
        console.log('Theme toggled to:', newMode ? 'dark' : 'light');
    });
    
    darkModeInitialized = true;
    console.log('Dark mode toggle initialized successfully');
}

function updateModeIcon(mode) {
    if (!mode) return;

    const path = window.location.pathname;
    const isDeepPage = ['/summary', '/assistant', '/pr-contribution', '/certificate'].some(subpath =>
        path.includes('/pages' + subpath)
    );

    let imgPathPrefix = '';
    if (isDeepPage) {
        imgPathPrefix = '../../images/';
    } else if (path.includes('/pages') || path.includes('/games')) {
        imgPathPrefix = '../images/';
    } else {
        imgPathPrefix = 'images/';
    }

    mode.src = document.body.classList.contains("dark-mode") ? imgPathPrefix + "sun.png" : imgPathPrefix + "moon.png";
}

// Test function for debugging (can be called from browser console)
function testThemeToggle() {
    const mode = document.getElementById("mode");
    console.log('Mode element:', mode);
    console.log('Current dark mode state:', document.body.classList.contains('dark-mode'));
    console.log('LocalStorage mode:', localStorage.getItem('mode'));
    
    if (mode) {
        mode.click();
    } else {
        console.error('Mode element not found!');
    }
}

// Initialize dark mode when DOM is ready
document.addEventListener('DOMContentLoaded', function() {
    // Small delay to ensure all elements are loaded
    setTimeout(initDarkMode, 100);
});

// Also try on window load as backup
window.addEventListener('load', function() {
    if (!darkModeInitialized) {
        initDarkMode();
    }
});

// ===== Copyright Year =====
document.addEventListener("DOMContentLoaded", function () {
    const year = new Date().getFullYear();
    const copyright = document.getElementById("copyright");
    if (copyright) {
        copyright.textContent = `© ${year} nitramitra | All Rights Reserved`;
    }
});

// ===== Google Translate Toggle =====
function googleTranslateElementInit() {
    new google.translate.TranslateElement({
        pageLanguage: 'en',
        includedLanguages: 'en,hi',
        layout: google.translate.TranslateElement.InlineLayout.SIMPLE
    }, 'google_translate_element');
}

// Dynamically load Google Translate script once
if (!document.querySelector('script[src*="translate.google.com"]')) {
    const translateScript = document.createElement('script');
    translateScript.src = "//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit";
    document.body.appendChild(translateScript);
}

function waitForTranslate(callback) {
    const interval = setInterval(() => {
        const select = document.querySelector(".goog-te-combo");
        if (select) {
            clearInterval(interval);
            callback(select);
        }
    }, 500);
}

function initLanguageToggle() {
    const langToggle = document.getElementById("lang-toggle");
    if (!langToggle) return;

    waitForTranslate((select) => {
        // Apply saved language immediately
        const savedLang = localStorage.getItem("lang") || "en";
        select.value = savedLang;
        select.dispatchEvent(new Event("change"));
        langToggle.innerText = savedLang === "en" ? "हिंदी" : "English";

        // Toggle click
        langToggle.addEventListener("click", function () {
            const newLang = select.value === "en" ? "hi" : "en";
            select.value = newLang;
            select.dispatchEvent(new Event("change"));
            langToggle.innerText = newLang === "en" ? "हिंदी" : "English";
            localStorage.setItem("lang", newLang);
        });
    });
}

// Run language toggle initialization
document.addEventListener("DOMContentLoaded", function() {
    setTimeout(initLanguageToggle, 200);
});


document.addEventListener("DOMContentLoaded", () => {
  const sections = document.querySelectorAll("section[id]");
  const navLinks = document.querySelectorAll("nav ul li a");

  window.addEventListener("scroll", () => {
    let current = "";

    sections.forEach(section => {
      const sectionTop = section.offsetTop - 100; // adjust offset for header
      const sectionHeight = section.clientHeight;

      if (scrollY >= sectionTop && scrollY < sectionTop + sectionHeight) {
        current = section.getAttribute("id");
      }
    });

    navLinks.forEach(link => {
      link.classList.remove("active");
      if (link.getAttribute("href") === `#${current}`) {
        link.classList.add("active");
      }
    });
  });
});