// COMPUTER AI still under development it is not unbeatable
var quadrato_cliccato;
var segno_computer, segno_umano;
var vs_human, vs_computer;
var player1_counter = 0,
  player2_counter = 0;
var player = 1,
  computer = 1;
var disponibili = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
var possible_wins = [
  [1, 2, 3],
  [4, 5, 6],
  [7, 8, 9],
  [1, 4, 7],
  [2, 5, 8],
  [3, 6, 9],
  [1, 5, 9],
  [3, 5, 7]
];
var player1_moves = [],
  player2_moves = [],
  computer_moves = [],
  mossa_calcolata = [],
  player_possible = [],
  comp_possible = [];

function computerMove() {
  var first_possible = [1, 3, 7, 9];
  if (computer == 2) {

    for (var y = 0; y <= disponibili.length; y++) {
      if (disponibili.length == 1 && disponibili[0] == 0) popUpPareggio();
    }

    if (checkAvailability(5)) {
      setTimeout(function() {
        $("#cinque").addClass(segno_computer);
      }, 1000);
      computer_moves.push(5);
      svuotaDisponibili(5);
    } else if (computer_moves.length <= 1 && player1_moves.length == 1) {
      var random_key = randomStart(0, first_possible.length - 1);
      var first_move = first_possible[random_key];
      for (var i = 0; i <= first_possible.length; i++) {
        if (!checkAvailability(first_move)) first_move = first_possible[i];
      }
      computer_moves.push(first_move);
      disegnaSegno(first_move);
      svuotaDisponibili(first_move);

    } else if (computer_moves.length >= 1 && player1_moves.length >= 2) {

      dance: for (var j = 1; j < disponibili.length; j++) {

        mossa_calcolata = [];
        comp_possible = [];
        player_possible = [];

        mossa_calcolata.push(disponibili[j]);
        comp_possible = computer_moves.concat(mossa_calcolata);
        player_possible = player1_moves.concat(mossa_calcolata);

        for (var x = 0; x < possible_wins.length; x++) {


          if (checkWin(comp_possible, possible_wins[x])) {
            
            console.log("primo caso");
            console.log(possible_wins[x]);
            
            disegnaSegno(disponibili[j]);
            svuotaDisponibili(disponibili[j]);
            computer_moves.push(disponibili[j]);

            setTimeout(function() {
              segnalaVittoria(possible_wins[x]);
            }, 1500);

            setTimeout(function() {
              popUpVittoria("computer");
            }, 2000);
            
            player2_counter++;
            $("#player2-counter").text(player2_counter);
            
            break dance;
            
          } else if (checkWin(player_possible, possible_wins[x])) {
            
            console.log("secondo caso");
            console.log(possible_wins[x]);
            disegnaSegno(disponibili[j]);
            computer_moves.push(disponibili[j]);
            svuotaDisponibili(disponibili[j]);
            
            break dance;
            
          } 
           else if (!checkWin(player_possible, possible_wins[x]) && !checkWin(comp_possible, possible_wins[x])) {
            
             console.log("terzo caso");
            var index = possible_wins[x].indexOf(computer_moves[0]);
             console.log("index  "+ index);
             if (possible_wins[x].includes(computer_moves[0]) && index == 1 && checkAvailability(possible_wins[x][0]) && checkAvailability(possible_wins[x][2])) {
              
               
               disegnaSegno(possible_wins[x][0]);
               computer_moves.push(possible_wins[x][0]);
               svuotaDisponibili(possible_wins[x][0]);
              
               break dance;
             }
           }
        }
      }
    }
    possible_wins.forEach(function(element) {
      if (checkWin(computer_moves, element) && computer_moves.length > 2) {
        popUpVittoria("computer");
        player2_counter++;
        $("#player2-counter").text(player2_counter);
      } else if (disponibili.length == 1 && disponibili[0] == 0) popUpPareggio();
    });
  }
  computer = 1;
  playerPulsate();
}

function pulsate(turn) {

  var pulser = $(turn);
  for (var i = 0; i <= 3; i++) {
    pulser.animate({
          opacity: 0.2
        },
        1000, 'linear')
      .animate({
          opacity: 1
        },
        1000, 'linear', pulsate);

  }

}

function playerPulsate() {
  if (player == 1 || computer == 1)
    pulsate("#player1-info");
  else if (player == 2 || computer == 2)
    pulsate("#player2-info");
}

function segnalaVittoria(arr) {
  arr.forEach(function(element) {

    $("div.quadrato").each(function(el) {
      if (element.toString() == $(this).text()) {
        var d = $(this);
        $(d).css("background", "blue");
        setTimeout(function() {
          $(d).css("background", "none");
        }, 1500);
      }
    });
  });
}

function checkWin(arr_player, arr_possible) {
  return arr_possible.every(function(value) {
    return (arr_player.indexOf(value) >= 0);
  });
}

function svuotaDisponibili(item) {
  var index = disponibili.indexOf(item);
  if (index > -1) {
    disponibili.splice(index, 1);
  }
}

function checkAvailability(e) {
  if (disponibili.includes(e)) return true;
  else return false;
}

function popUpVittoria(player) {
  $("#winner").text(player + " wins...");
  showModal("#myModal");
}

function popUpPareggio() {
  $("#winner").text("...draw...");
  showModal("#myModal");
}

function showModal(id) {
  $(id).css("display", "block");
}

function closeModal(id) {
  $(id).css("display", "none");
}

function simpleReset() {
  $("div.quadrato").each(function(element) {
    $(this).removeClass("croce cerchio");
  });
  player1_moves = [];
  player2_moves = [];
  computer_moves = [];
  player_possible = [];
  comp_possible = [];
  mossa_calcolata = [];
  disponibili = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
}

function resetAll() {
  simpleReset();
  player1_counter = 0;
  player2_counter = 0;
  $("#player1-counter, #player2-counter").text(player1_counter.toString());
}

function quadOccupatoPopup() {
  $("#popup-click").html("Quadrato gia occupato");
  $("#popup-click").slideDown(300).delay(800).slideUp(400);
}

function disegnaSegno(item) {
  $("div.quadrato").each(function(element) {

    if ($(this).text() == item.toString()) {
      var c = $(this);
      setTimeout(function() {
        $(c).addClass(segno_computer);
      }, 1000);
    }
  });
}

function randomStart(min, max) {
  return Math.floor(Math.random() * (max - min + 1)) + min;
}

function casellaLibera() {
  if (quadrato_cliccato.hasClass("croce") || quadrato_cliccato.hasClass("cerchio"))
    return false;
  else return true;
}
$(document).ready(function() {

  showModal("#openModal");
  //playerPulsate();

  $("#one-player").click(function() {
    vs_computer = true;
    vs_human = false;
    $("#player2-info").html("Computer");
    closeModal("#openModal");
    showModal("#chooseModal");
  });

  $("#two-players").click(function() {
    vs_computer = false;
    vs_human = true;
    computer = 0;
    closeModal("#openModal");
    showModal("#chooseModal");
  });
  $("#scegli-croce").click(function() {
    if (vs_computer) {
      computer = 1;
      segno_umano = "croce";
      segno_computer = "cerchio";
    }
    player = 1;
    closeModal("#chooseModal");
  });
  $("#scegli-cerchio").click(function() {
    if (vs_computer) {
      computer = 2;
      segno_computer = "croce";
      segno_umano = "cerchio";
      computerMove();
    } else {
      player = 2;
    }
    closeModal("#chooseModal");
  });
  $("#back").click(function() {
    closeModal("#chooseModal");
    showModal("#openModal");
  });

  $(".quadrato").click(function() {
    quadrato_cliccato = $(this);

    if (!casellaLibera())
      quadOccupatoPopup();

    else {
      if (player == 1 || computer == 1) {

        if (vs_computer) quadrato_cliccato.addClass(segno_umano);
        else if (vs_human) quadrato_cliccato.addClass("croce");

        player1_moves.push(parseInt(quadrato_cliccato.text()));

        possible_wins.forEach(function(element) {
          if (checkWin(player1_moves, element) && player1_moves.length > 2) {
            segnalaVittoria(element);
            popUpVittoria("player 1");
            player1_counter++;
            $("#player1-counter").text(player1_counter);
          }
        });

        for (var y = 0; y <= disponibili.length; y++) {
          if (disponibili.length == 1 && disponibili[0] == 0) popUpPareggio();
        }

        player = 2;
        playerPulsate();

        if (vs_computer) {
          svuotaDisponibili(parseInt(quadrato_cliccato.text()));
          computer = 2;
          playerPulsate();
          computerMove();
        }
        if (disponibili.length == 1 && disponibili[0] == 0) popUpPareggio();

      } else if (player == 2) {

        quadrato_cliccato.addClass("cerchio");
        player2_moves.push(parseInt(quadrato_cliccato.text()));

        possible_wins.forEach(function(element) {
          if (checkWin(player2_moves, element) && player2_moves.length > 2) {
            segnalaVittoria(element);
            popUpVittoria("player 2");
            player2_counter++;
            $("#player2-counter").text(player2_counter);
          }
        });
        if (disponibili.length == 1 && disponibili[0] == 0) popUpPareggio();
        player = 1;
        playerPulsate();
      }
    }
  });

  $(".reset-all").click(function() {
    resetAll();
    closeModal("#myModal");
  });

  $(".next").click(function() {
    simpleReset();
    closeModal("#myModal");
  });
  $('#total-reset-btn').click(function() {
    location.reload(true);
  });
});