const cards = document.getElementsByClassName("card");
const triesContainer = document.getElementById("tries");
const timeContainer = document.getElementById("time");
const reloadButton = document.getElementById("reload");

let firstMove = true;
let firstCard;
let tries = 0;
let currentTime;
let open = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0];
let countOpenCards = 0;
let countFoundPairs = 0;
let counterStarted = false;
let counter;

let elements = [
  "fa-car-side",
  "fa-car-side",
  "fa-crow",
  "fa-crow",
  "fa-anchor",
  "fa-anchor",
  "fa-cat",
  "fa-cat",
  "fa-carrot",
  "fa-carrot",
  "fa-bone",
  "fa-bone",
  "fa-birthday-cake",
  "fa-birthday-cake",
  "fa-bomb",
  "fa-bomb"
];

shuffle(elements);

for (let i = 0; i < cards.length; i++) {
  cards[i].addEventListener("click", function (event) {
    // Start counter at first click
    if (!counterStarted) {
      startCounter();
      counterStarted = true;
    }
    // Sicherstellen, dass die angeklicke Karte noch nicht offen ist und dass
    // insgesamt maximal zwei Karten aufgeckt werden (ohne die bereits gefundenen Paare)
    if (!open[i] && countOpenCards < 2) {
      cards[i].firstChild.classList.add(elements[i]); // Karte aufdecken
      open[i] = true; // Merken, dass die Karte aufgedeckt ist
      countOpenCards++; // Zähler der aufgedeckten Karten um eins erhöhen
      // Erste Karte merken
      if (firstMove) {
        firstMove = false;
        firstCard = i;
      } else {
        countOpenCards++; // Zähler der aufgedeckten Karten auf 2 erhöhen
        triesContainer.innerHTML = ++tries; // Versuche um eins erhöhen
         // Paar gefunden
        if (elements[firstCard] === elements[i]) {
          countOpenCards = 0; // Zähler für aufgedeckte Karten zurücksetzen
          countFoundPairs++; // Zähler für gefundene Paar um eins erhöhen
          // Wenn alle Paare gefunden wurden den Counter anhalten und beglückwünschen
          if (countFoundPairs == 8) {
            stopCounter();
            alert("Super! " + tries + " Versuche in nur " + currentTime);
          }
        } else { 
          // Kein Paar: Die Karten nach 1 Sekunde wieder umdrehen
          setTimeout(function () {
            turnCardsBack(i, firstCard);
          }, 1000);
        }
        firstMove = true; // Nach dem zweiten Zug firstMove wieder auf true setzen
      }
    }
  });
}

reloadButton.addEventListener("click", function () {
  document.location.reload(true);
});

function turnCardsBack(a, b) {
  cards[a].firstChild.classList.remove(elements[a]);
  cards[b].firstChild.classList.remove(elements[b]);
  open[a] = false;
  open[b] = false;
  countOpenCards = 0;
}

// Fisher–Yates shuffle algorithm
function shuffle(array) {
  for (let i = array.length - 1; i > 0; i--) {
    let j = Math.floor(Math.random() * (i + 1)); // random index from 0 to i
    [array[i], array[j]] = [array[j], array[i]]; // swap elements
  }
}

function startCounter() {
  let countDownDate = new Date().getTime();
  counter = setInterval(function () {
    let now = new Date().getTime();
    let distance = now - countDownDate;
    let minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
    let seconds = Math.floor((distance % (1000 * 60)) / 1000);
    let secondsLeadingZero;
    let minutesLeadingZero;
    seconds < 10 ? (secondsLeadingZero = "0") : (secondsLeadingZero = "");
    minutes < 10 ? (minutesLeadingZero = "0") : (minutesLeadingZero = "");
    currentTime =
      minutesLeadingZero + minutes + ":" + secondsLeadingZero + seconds;
    document.getElementById("time").innerHTML = currentTime;
  }, 1000);
}

function stopCounter() {
  clearInterval(counter);
}