/* Groupe de Michel WANG et Sacha SERNY 
HTML et CSS : Michel WANG
Javascript : Sacha SERNY*/

function nbAlea() {
    /* renvoie un entier entre 0 et 9 */
      return Math.floor(Math.random() * 10);
  }
  
  function gain(tirage) {
    /* calcule les gains et génére les messages liés */
      let phrase = ""
      player_coins = player_coins - mise
      machine_coins = machine_coins + mise
      if (tirage == [9, 9, 9]) {
          player_coins = player_coins + machine_coins
          machine_coins = 0
          phrase = "Bingo ! Vous avez gagné tous les jetons. \n "
      } else if (tirage[0] == tirage[1] && tirage[1] == tirage[2]) {
          player_coins = player_coins + 6 * mise
          machine_coins = machine_coins - 6 * mise
          phrase = "Bingo ! Vous avez triplé votre mise. \nVous avez gagné " + mise*6 + " jetons."
      } else if (tirage[0] == tirage[1] || tirage[1] == tirage[2] || tirage[0] == tirage[2]) {
          player_coins = player_coins + 3 * mise
          machine_coins = machine_coins - 3 * mise
          phrase = "Bingo ! Vous avez doublé votre mise. \nVous avez gagné " + mise*3 + " jetons."
      } else {
          phrase = "Vous avez perdu vos " + mise + " jetons. \n "
      }
      // console.log(phrase);
      document.getElementById('gain').innerText = phrase
  }
  
  function update_stats() {
    /* affiche les données de la partie dans la page HTML */
      document.getElementById('machine_coins').innerText = machine_coins
      document.getElementById('player_coins').innerText = player_coins
  }
  
  function regles() {
    /* affiche les regles dans la page HTML */
      // console.log(toggle_rules);
      let rules = document.getElementById('show_rules')
      if (toggle_rules == true) {
          rules.style.display = "none"
      } else {
          rules.style.display = "block"
      }
      toggle_rules = !toggle_rules
  }
  
  
  // Initialisation de la page et des variables
  document.getElementById("show_rules").addEventListener("click", regles)
  var rouleaux = document.querySelectorAll(".rouleaux div")
  // console.log(rouleaux);
  rouleaux.forEach(rouleau => {
      rouleau.innerText = 0
  });
  var mise = 1
  var machine_coins = 1000
  var player_coins = 100
  var toggle_rules = false
  update_stats()
  
  // Fonction principale du jeu
  function jeu() {
    /* appelle les fonctiosn nécessaires au fonctionnement du jeu  */
      mise = parseInt((document.getElementById('mise').value), 10)
      // console.log(mise)
      if (player_coins >= mise && machine_coins >= 500 && mise > 0) {
          var tirage = [nbAlea(), nbAlea(), nbAlea()]
          for (let i = 0; i < 3; i++) {
              rouleaux[i].innerText = tirage[i];
          }
          // console.log(tirage)
          gain(tirage)
          update_stats()
      }
  }