let punkty = [];

let punktyRundy;

let aktualnyGracz;

let czyMoznaGrac;

function nastepnyGracz() {
  aktualnyGracz == 0 ? (aktualnyGracz = 1) : (aktualnyGracz = 0);

  punktyRundy = 0;

  document.getElementById("aktualne-punkty-0").textContent = "0";
  document.getElementById("aktualne-punkty-1").textContent = "0";

  document.querySelector(".gracz-0-panel").classList.toggle("aktywny");
  document.querySelector(".gracz-1-panel").classList.toggle("aktywny");
}

//dodajemy tablicę, która przechowa adresy do grafik z kością
const obrazki = [
  "https://cdn.glitch.com/8fbc579f-3346-47a0-abbc-945a83abb962%2Fkosc-1.png?v=1610038358032",
  "https://cdn.glitch.com/8fbc579f-3346-47a0-abbc-945a83abb962%2Fkosc-2.png?v=1610038358080",
  "https://cdn.glitch.com/8fbc579f-3346-47a0-abbc-945a83abb962%2Fkosc-3.png?v=1610038358032",
  "https://cdn.glitch.com/8fbc579f-3346-47a0-abbc-945a83abb962%2Fkosc-4.png?v=1610038358142",
  "https://cdn.glitch.com/8fbc579f-3346-47a0-abbc-945a83abb962%2Fkosc-5.png?v=1610038358032",
  "https://cdn.glitch.com/8fbc579f-3346-47a0-abbc-945a83abb962%2Fkosc-6.png?v=1610038358193",
];

function nowaGra() {
  czyMoznaGrac = true;

  aktualnyGracz = 0;

  document.querySelector(".kosc").style.display = "none";

  punkty = [0, 0];
  punktyRundy = 0;

  document.getElementById("wynik-0").textContent = "0";
  document.getElementById("wynik-1").textContent = "0";
  document.getElementById("aktualne-punkty-0").textContent = "0";
  document.getElementById("aktualne-punkty-1").textContent = "0";

  document.getElementById("nazwa-0").textContent = "Gracz 1";
  document.getElementById("nazwa-1").textContent = "Gracz 2";

  document.querySelector(".gracz-0-panel").classList.remove("zwyciestwo");
  document.querySelector(".gracz-1-panel").classList.remove("zwyciestwo");

  document.querySelector(".gracz-0-panel").classList.remove("aktywny");
  document.querySelector(".gracz-1-panel").classList.remove("aktywny");

  document.querySelector(".gracz-0-panel").classList.add("aktywny");
}

nowaGra();

document.querySelector(".btn-rzuc").addEventListener("click", function () {
  if (czyMoznaGrac) {
    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).textConetent = punktyRundy;
    } else {
      nastepnyGracz();
    }
  }
});

document.querySelector('.btn-zatrzymaj').addEventListener('click', function(){
  
  if(czyMoznaGrac){
    
    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();
    }
  }
})