// Initialize variables for game state
let isGameStarted = false; // Flag to track if the game is started
let gamepoint = 0; // Points spent by the player
let gamePrize = 0; // Prize the player can win
let gamePrizePercentage = 300; // Percentage of points to be added as prize
let gameKey = ""; // Selected number by the player
let winnerNumber = -1; // Winning number generated randomly

// Select DOM elements
let numberpadOverlay = document.querySelector(".number-pad .overlay");
let numbers = document.querySelectorAll(".number");
let joinBtn = document.querySelector(".join-btn");
let gamepointValue = document.querySelector(".game-point-value");
let gamePrizeValue = document.querySelector(".game-prize-value");
let gameKeyValue = document.querySelector(".game-key-value");
let winnerNumberElement = document.querySelector(".winner-number");

// Event listener for the "JOIN" button to start the game
joinBtn.addEventListener("click", startGame);

// Event listener for each number button
for (let i = 0; i < numbers.length; i++) {
  numbers[i].addEventListener("click", () => {
    // Set the selected number
    gameKey = numbers[i].innerText;
    gameKeyValue.innerText = gameKey;
    
    // Enable pointer events on the overlay
    numberpadOverlay.style.pointerEvents = "all";
    
    // Wait for a delay to simulate the game process
    setTimeout(function() {
      // Display the winning number
      winnerNumberElement.innerText = winnerNumber;
      
      // Check if the selected number matches the winning number
      if (parseInt(winnerNumber) == parseInt(gameKey)) {
        // If matched, player wins
        setTimeout(function() {
          alert("Winner!");
          isGameStarted = false;
          confirmToRestart();
        }, 1000);
      } else {
        // If not matched, player loses
        setTimeout(function() {
          alert("You lose!");
          isGameStarted = false;
          confirmToRestart();
        }, 1000);
      }
    }, 5000); // Wait for 5 seconds
  });
}

// Function to confirm if the player wants to restart the game
function confirmToRestart() {
  let shouldRestartGame = confirm("Do you want to restart the game?");
  
  if (shouldRestartGame) {
    // If player wants to restart, start a new game
    startGame();
  } else {
    // If not, hide the "JOIN" button
    joinBtn.style.zIndex = 0;
  }
}

// Function to start the game
function startGame() {
  // Initialize game state variables
  isGameStarted = true;
  gamepoint = 0;
  gamePrize = 0;
  gamePrizePercentage = 500;
  
  // Generate a random winning number
  winnerNumber = parseInt(Math.random() * 10);
  console.log("w:" + winnerNumber);
  
  // Prompt the player to enter points they want to spend
  gamepoint = parseInt(prompt("Enter how points you want to spend?"));
  // Calculate the prize based on the points spent
  gamePrize = parseInt(gamepoint * gamePrizePercentage / 100) + gamepoint;
  
  // Update the game status display with points and prize information
  gamepointValue.innerText = gamepoint + " points";
  gamePrizeValue.innerText = gamePrize + " points";
  
  // Wait for a delay to start the game after displaying information
  setTimeout(function() {
    alert("Now Select a number from left side.");
    joinBtn.style.zIndex = -1; // Hide the "JOIN" button
    numberpadOverlay.style.pointerEvents = "none"; // Disable pointer events on the overlay
  }, 1000);
}