script.js

let isHindi = false;
const button = document.getElementById("translateBtn");

// Function to toggle between English and Hindi content
function toggleLanguage() {
  const contentEnglish = document.getElementById("content-english");
  const contentHindi = document.getElementById("content-hindi");

  if (contentEnglish && contentHindi) {
    if (contentEnglish.style.display === "block") {
      contentEnglish.style.display = "none";
      contentHindi.style.display = "block";
      button.textContent = "Read in English";
    } else {
      contentEnglish.style.display = "block";
      contentHindi.style.display = "none";
      button.textContent = "हिंदी में पढ़ें";
    }
    isHindi = !isHindi;
  } else {
    console.error("Content elements not found");
  }
}

var icon=document.getElementById("icon");

      icon.onclick = function() {
        document.body.classList.toggle("dark-theme");
        if(document.body.classList.contains("dark-theme")){
          icon.src="images/sun.png";
        }
        else{
          icon.src="images/moon.png";
        }
      }

const krishnaImage = document.getElementById("krishnaImage");
const imagePaths = [
  "./images/krishna-home-image.jpg",
  "./images/krishna-img2.jpg",
  "./images/krishna-img3.jpg",
  "./images/krishna-img4.jpg",
];
let currentImageIndex = 0;

// Function to fade out the current image and change to the next image
function fadeOutAndChangeImage() {
  if (krishnaImage) {
    krishnaImage.classList.add("fade");
    setTimeout(() => {
      currentImageIndex = (currentImageIndex + 1) % imagePaths.length;
      krishnaImage.src = imagePaths[currentImageIndex];
      krishnaImage.classList.remove("fade");
    }, 2000);
  } else {
    console.error("krishnaImage element not found");
  }
}

// Preload and start the fading effect after the first image is loaded
if (krishnaImage) {
  krishnaImage.onload = () => {
    setTimeout(() => {
      fadeOutAndChangeImage();
    }, 5000);
  };
}

// Lightbox functionality
function openLightbox(imagePath) {
  const lightboxImg = document.getElementById("lightbox-img");
  const lightbox = document.querySelector(".lightbox");

  if (lightboxImg && lightbox) {
    lightboxImg.src = imagePath;
    lightbox.style.display = "flex";
  } else {
    console.error("Lightbox elements not found");
  }
}

function closeLightbox() {
  const lightbox = document.querySelector(".lightbox");

  if (lightbox) {
    lightbox.style.display = "none";
  } else {
    console.error("Lightbox element not found");
  }
}

// Show login form based on sign-up status
function showLoginForm() {
  const hasSignedUp = localStorage.getItem("username") !== null;

  if (hasSignedUp) {
    const isLoggedIn = localStorage.getItem("isLoggedIn") === "true";

    if (isLoggedIn) {
      window.location.href = "./discussion-forum.html";
    } else {
      window.location.href = "./login.html";
    }
  } else {
    window.location.href = "./signup.html";
  }
}

// Search functionality
document.addEventListener("DOMContentLoaded", function () {
  console.log("DOM fully loaded and parsed");

  const searchForm = document.querySelector(".searchForm");
  if (searchForm) {
    const searchInput = searchForm.querySelector(".searchInput");
    if (searchInput) {
      searchForm.addEventListener("submit", function (e) {
        e.preventDefault();
        const searchTerm = searchInput.value.trim().toLowerCase();
        console.log("Search term:", searchTerm);

        const searchMappings = {
          home: "./index.html",
          gallery: "./gallery.html",
          scripture: "./scriptures.html",
          scriptures: "./scriptures.html",
          "devotional resources": "./devotional-resources.html",
          "bhagwad geeta": "./devotional-resources.html",
          "geeta pdf": "./devotional-resources.html",
          geeta: "./devotional-resources.html",
          pdf: "./devotional-resources.html",
          "radha chalisa": "./devotional-resources.html",
          "krishna padawali": "./devotional-resources.html",
          padawali: "./devotional-resources.html",
          radha: "./devotional-resources.html",
          "discussion forum": "./discussion-forum.html",
          discussion: "./discussion-forum.html",
          forum: "./discussion-forum.html",
          "stories of devotees": "./stories-of-devotees.html",
          stories: "./stories-of-devotees.html",
          "devotees stories": "./stories-of-devotees.html",
          "meera bai": "./meera-bai.html",
          meerabai: "./meera-bai.html",
          meera: "./meera-bai.html",
          "karmaiti bai": "./karmati-bai.html",
          karmaitibai: "./karmati-bai.html",
          karmaiti: "./karmati-bai.html",
          narsi: "./narsi.html",
          surdas: "./surdas.html",
          "dhanna jatt": "./dhanna-jatt.html",
          dhanna: "./dhanna-jatt.html",
          "taj biwi": "./taj-biwi.html",
          tajbiwi: "./taj-biwi.html",
          "taj begum": "./taj-biwi.html",
          raidas: "./raidas.html",
          ravidas: "./raidas.html",
          audio: "./morning-mantra-audio.html",
          "morning mantra audio": "./morning-mantra-audio.html",
          "mantra audio": "./morning-mantra-audio.html",
          "krishna arti": "./morning-mantra-audio.html",
          "krishna ashtakam": "./morning-mantra-audio.html",
          "krishna chants": "./morning-mantra-audio.html",
          "morning bliss": "./morning-mantra-audio.html",
          mantra: "./morning-mantra-audio.html",
          "divine wallpapers": "./divine-wallpapers.html",
          "divine wallpaper": "./divine-wallpapers.html",
          "beautiful wallpapers": "./divine-wallpapers.html",
          "krishna wallpapers": "./divine-wallpapers.html",
          "krishna wallpaper": "./divine-wallpapers.html",
          wallpapers: "./divine-wallpapers.html",
          wallpaper: "./divine-wallpapers.html",
        };

        if (searchMappings.hasOwnProperty(searchTerm)) {
          window.location.href = searchMappings[searchTerm];
        } else {
          for (const key in searchMappings) {
            if (searchTerm.includes(key)) {
              window.location.href = searchMappings[key];
              return;
            }
          }
          alert("No matching page found for your search.");
        }
      });
    } else {
      console.error("Search input not found");
    }
  } else {
    console.error("Search form not found");
  }
});

// FAQ section functionality
document.querySelectorAll(".faq-question").forEach((button) => {
  button.addEventListener("click", () => {
    const answer = button.nextElementSibling;
    const isExpanded = button.getAttribute("aria-expanded") === "true";

    document.querySelectorAll(".faq-answer").forEach((a) => a.classList.add("hidden"));
    document.querySelectorAll(".faq-question").forEach((q) => q.setAttribute("aria-expanded", "false"));

    if (!isExpanded) {
      answer.classList.remove("hidden");
      button.setAttribute("aria-expanded", "true");
    }
  });
});

// Google Sign-In script
function handleCredentialResponse(response) {
  const jwt = response.credential;
  console.log("Google JWT:", jwt);
 

  // Example of storing user data
  const userData = parseJwt(jwt);
  localStorage.setItem("username", userData.name);
  localStorage.setItem("email", userData.email);
  localStorage.setItem("profile_picture", userData.picture);

  // Redirect to the discussion forum after successful sign-in
  window.location.href = "./discussion-forum.html"; // Corrected line, removed "="
}

// Function to parse JWT token
function parseJwt(token) {
  const base64Url = token.split('.')[1];
  const base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/');
  const jsonPayload = decodeURIComponent(atob(base64).split('').map(c => 
      '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2)).join(''));
  
  return JSON.parse(jsonPayload);
}

// Load Google sign-in script
window.onload = function () {
  google.accounts.id.initialize({
    client_id: "533616281722-3gijg2u8b6aue0878sbmna6cs6q1lquc.apps.googleusercontent.com", // Replace with your actual Google Client ID
    callback: handleCredentialResponse
  });
  google.accounts.id.renderButton(
    document.getElementById("google-signin-btn"),  // This is the element where the button will appear
    { theme: "outline", size: "large" }  // Custom button options
  );
  google.accounts.id.prompt();  // Shows the One Tap prompt automatically
};