let punkty =[];

let punktyRundy;

let aktualnyGracz;

let czyMoznaGrac;

const obrazki = [
  "kosc1.png",
  "kosc2.png",
  "kosc3.png",
  "kosc4.png",
  "kosc5.png",
  "kosc6.png"];
  
  nowaGra();
  document.querySelector(".btn-nowa-gra").addEventListener('click', nowaGra);
  document.querySelector(".btn-rzuc").addEventListener('click', rzucKosc);
  document.querySelector(".btn-zatrzymaj").addEventListener('click', zatrzymajPunkty);
  
 //------------------------------------------ 
  function nowaGra(){
    czyMoznaGrac = true;
    aktualnyGracz = 0; 
    
    document.querySelector(".kosc").style.display = 'none';
    
    punkty = [0,0];
    punktyRundy = 0;
    
    document.getElementById("nazwa-0").textContent = "GRACZ 1";
    document.getElementById("wynik-0").textContent = punkty[0];
    document.getElementById("aktualne-punkty-0").textContent = punktyRundy;
    
    document.querySelector("#nazwa-1").textContent = "GRACZ2";
    document.querySelector("#wynik-1").textContent = punkty[1];
    document.querySelector("#aktualne-punkty-1").textContent = punktyRundy;
    
    document.querySelector(".gracz-0-panel").classList.remove('aktywny');
    document.querySelector(".gracz-1-panel").classList.remove('aktywny');
    
    document.querySelector(".gracz-0-panel").classList.add('aktywny');
  }
  
  function rzucKosc(){
    if (!czyMoznaGrac) return;
    
    const liczbaOczek = Math.floor(Math.random()*6) + 1;
    
    const koscObrazek = document.querySelector(".kosc");
    
    koscObrazek.src = obrazki[liczbaOczek - 1];
    koscObrazek.style.display = 'block';
    
    if (liczbaOczek != 1){
      punktyRundy += liczbaOczek;
      document.querySelector('#aktualne-punkty-'+ aktualnyGracz).textContent = punktyRundy;
      
    }
    else
    {
      
    }
    
  }
  
  function zatrzymajPunkty() {
    if(!czyMoznaGrac) return;
    
    punkty[aktualnyGracz] += punktyRundy;
    
    document.querySelector('#wynik-' + aktualnyGracz).textContent = 
        punkty[aktualnyGracz];
    
    if (punkty[aktualnyGracz]>=100)
    {
       czyMoznaGrac = false;
       document.querySelector("#nazwa-"+aktualnyGracz).textContent = "Zwyciestwo!";
       document.querySelector(".kosc").style.display = 'none';
       document.querySelector(".gracz-" + aktualnyGracz + "-panel")
              .classList.add("zwyciestwo");
       
    }
    else
    {
      nastepnyGracz();
    }
  }
  
  function nastepnyGracz(){
    aktualnyGracz == 0 ? aktualnyGracz = 1 : aktualnyGracz = 0;
    
    punktyRundy = 0;
    document.querySelector("#aktualne-punkty-0").textContent = '0';
    document.querySelector("#aktualne-punkty-1").textContent = '0';
    
    document.querySelector(".gracz-0-panel").classList.toggle("aktywny");
    document.querySelector(".gracz-1-panel").classList.toggle("aktywny");
  }