/*
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\             ///////////////////////////////
∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TIC-TAC-TOKEN: TRY NOT TO LOSE, IN STYLE! ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞
///////////////////////////////             \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
*/
// GLOBALS
var TTTGames = [];
var game = null;
var turnCount = 0;
var recOneDrawTwo = [0,0,0];
// LIST OF WIN COMBINATIONS
var winCheckLists = {
    'A1': [['A2','A3'],['B2','C3'],['B1','C1']],
    'A2': [['A1','A3'],['B2','C2']],
    'A3': [['A1','A2'],['B2','C1'],['B3','C3']],
    'B1': [['A1','C1'],['B2','B3']],
    'B2': [['A1','C3'],['A2','C2'],['A3','C1'],['B1','B3']],
    'B3': [['A3','C3'],['B1','B2']],
    'C1': [['A1','B1'],['A3','B2'],['C2','C3']],
    'C2': [['A2','B2'],['C1','C3']],
    'C3': [['A3','B3'],['A1','B2'],['C1','C2']]
};

/*
===============================
= GLOBAL FUNCTIONS            =
===============================
*/
// START NEW SET OF GAMES - CALLED WHEN 'PLAY' BUTTON IS PRESSED
function nuGame(){
  console.log('INITIALZING GAME');
  TTTGames.unshift(new GameBoard());
  game = TTTGames[0];
  if (TTTGames.length > 1){
    TTTGames.pop();
    recOneDrawTwo = [0,0,0];
    turnCount = 0;
    game.squares.forEach(function(mame_square){
      mame_square.removeEventListener('click', turnCycle, false);
    })
  }
  turnCount = 0;
  game.init();
  document.getElementById('game-speak').innerHTML = '';
}

// ORDER OF OPERATIONS FOR EACH TURN (COMPUTER TURN SUBSEQUENT TO PLAYER)
function turnCycle(){
    console.log();
    if (this.innerHTML == ''){
        game.playerTakeTurn(this);
    }
    if ((game.ai1 || game.ai2) && turnCount<9){
        game.aiPlay();
        if (game.ai1 && game.turn){
            game.turn = false;
        } else {
            game.turn = true;
        }
    }
    if (game.win){
        game.winDisplay();
    } else if (turnCount >= 9){
      game.drawDisplay();
    }
}

/*
===============================
= BOARD CLASS                 =
===============================
*/
class GameBoard {
  // INITIAL VALUES FOR GAMEBOARD
    constructor(){
        this.player1comp = document.getElementById('p1c').checked;
        this.player2comp = document.getElementById('p2c').checked;
        this.player1icon = document.getElementById('p1select').value;
        this.player2icon = document.getElementById('p2select').value;
        this.player1own = [];
        this.player2own = [];
        this.player1Turn = true;
        this.squares = [
            document.getElementById('A1'),
            document.getElementById('A2'),
            document.getElementById('A3'),
            document.getElementById('B1'),
            document.getElementById('B2'),
            document.getElementById('B3'),
            document.getElementById('C1'),
            document.getElementById('C2'),
            document.getElementById('C3')];
        this.aiIcon = null;
        this.aiOwn = null;
        this.plOwn = null;
        this.winGame = false;
        this.winSquares = [];
    }
  // MAKE SQUARES CLICKABLE
    turnOnSquares(){
        this.squares.forEach(function(clicked_square){
          clicked_square.addEventListener('click', turnCycle);
        })
    }
  // MAKE SQUARES NON-CLICKABLE
    turnOffSquares(){
        this.squares.forEach(function(mame_square){
          mame_square.removeEventListener('click', turnCycle, false);
        })
    }
  // REMOVE PLAYER MARKERS AND RESET IN-GAME VALUES
    clearBoard(){
        for (var i in this.squares){
            this.squares[i].innerHTML = '';
        }
        this.player1own.splice(0);
        this.player2own.splice(0);
        this.winGame = false;
        this.winSquares = [];
        console.log('CLEARED BOARD');
    }
  // INITIALIZATION OF BOARD FOR EACH GAME
    init(){
        var self = this;
        self.clearBoard.apply(self);
        if (this.player1comp){
            this.aiIcon = this.player1icon;
            this.aiOwn = this.player1own;
            this.plOwn = this.player2own;
        } else if (this.player2comp){
            this.aiIcon = this.player2icon;
            this.aiOwn = this.player2own;
            this.plOwn = this.player1own;
        }
        if (this.player1comp && this.player1Turn){
            self.aiPlay();
            this.player1Turn = false;
        }
        if (this.player2comp && !this.player1Turn){
            self.aiPlay();
            this.player1Turn = true;
        }
        this.turnOnSquares();
        console.log('INITIALIZATION SUCCESSFUL');
    }
  // GET/ SET FUNCTIONS FOR EXTERNAL REFERENCES
    get turn(){
        return this.player1Turn;
    }
    set turn(val){
        this.player1Turn = val;
    }
    get ai1(){
        return this.player1comp;
    }
    get ai2(){
        return this.player2comp;
    }
    get win(){
        return this.winGame;
    }
  // CHECK FOR WIN CONDITION
    winCheck(square, plist){
        var winCombo = null;
        var winList = winCheckLists[square.id];
        for (var h in winList){
          if (plist.indexOf(winList[h][0])> -1 && plist.indexOf(winList[h][1])> -1){
              winCombo = [square.id, winList[h][0], winList[h][1]];
              break;
              }
        }
        return winCombo;
    }
  // FUNCTION CALLED WHEN PLAYER SELECTS A SQUARE
    playerTakeTurn(square){
        if (this.player1Turn){
            square.innerHTML = this.player1icon;
            this.player1own.push(square.id);
            if (this.winCheck(square, this.player1own)){ 
                this.winGame = true; 
                this.winSquares = this.winCheck(square, this.player1own);
            }
            this.player1Turn = false;
        } else {
            square.innerHTML = this.player2icon;
            this.player2own.push(square.id);
            if (this.winCheck(square, this.player2own)){ 
                this.winGame = true; 
                this.winSquares = this.winCheck(square, this.player2own);
            }
            this.player1Turn = true;
        }
        turnCount ++;
        console.log('PLAYER TURN');
    }
  // LOGIC FOR AI SQUARE SELECTION
    aiPlay(){
      console.log('COMPUTER TAKING TURN', this.aiOwn, this.plOwn);
        var aiChoice = null;
        var emptySpaces = this.squares.filter(function(box){
            return box.innerHTML == '';
        });
        var mockTrial = [];
        var potentialBoxes = [];
        if (!aiChoice){
          console.log('aiChoice-1');
            for (var j in emptySpaces){
                if (this.winCheck(emptySpaces[j], this.aiOwn)){
                    aiChoice = emptySpaces[j];
                }
            }
        } 
        if (!aiChoice) {
          console.log('aiChoice-2');
            for (var k in emptySpaces){
                if (this.winCheck(emptySpaces[k], this.plOwn)){
                    aiChoice = emptySpaces[k];
                }
            }
        }
        if (!aiChoice) {
          console.log('aiChoice-3');
            for (var l in emptySpaces){
                potentialBoxes = [];
                mockTrial = this.aiOwn.slice();
                mockTrial.push(emptySpaces[l].id);
                for (var m in emptySpaces){
                    if (this.winCheck(emptySpaces[m], mockTrial)){
                        potentialBoxes.push(emptySpaces[m].id);
                    }
                }
                console.log('AI trees: ', potentialBoxes.length);
                if (potentialBoxes.length > 1){
                    aiChoice = emptySpaces[l];
                    break;
                }
            }
        }
        if (!aiChoice && this.aiOwn.length==1 && this.aiOwn[0]=='B2'){
            if ((this.plOwn.find(function(a){return a=='A1'}) &&
               this.plOwn.find(function(a){return a=='C3'})) ||
               (this.plOwn.find(function(a){return a=='A3'}) &&
               this.plOwn.find(function(a){return a=='C1'}))){
                aiChoice = this.squares[[1,3,5,7][Math.floor(Math.random()*4)]];
            }
        }
        if (!aiChoice){
          console.log('aiChoice-4');
            for (var n in emptySpaces){
                potentialBoxes = [];
                mockTrial = this.plOwn.slice();
                mockTrial.push(emptySpaces[n].id);
                for (var o in emptySpaces){
                    if (this.winCheck(emptySpaces[o], mockTrial)){
                        potentialBoxes.push(emptySpaces[o].id);
                    }
                }
                console.log('Player trees: ', potentialBoxes.length);
                if (potentialBoxes.length > 1){
                    aiChoice = emptySpaces[n];
                    break;
                }
            }
        }
        if (!aiChoice){
          console.log('aiChoice-5');
            if (this.aiOwn.length == 0 && this.plOwn.length ==1){
                if (this.squares[4].innerHTML == '') {
                    aiChoice = this.squares[4];
                } else {
                    aiChoice = this.squares[[0,2,6,8][Math.floor(Math.random()*4)]];
                }
            } else {
              console.log('aiChoice-5b');
                potentialBoxes = [];
                for (var p in emptySpaces){
                    if (emptySpaces[p].className.search('corner')> -1){
                        potentialBoxes.push(emptySpaces[p]);
                        if (emptySpaces[p].id == 'A1' &&
                        this.plOwn.find(function(elem){return elem=='C3';})){
                            aiChoice = emptySpaces[p];
                            break;
                        }
                        if (emptySpaces[p].id == 'A3' &&
                        this.plOwn.find(function(elem){return elem=='C1';})){
                            aiChoice = emptySpaces[p];
                            break;
                        }
                        if (emptySpaces[p].id == 'C1' &&
                        this.plOwn.find(function(elem){return elem=='A3';})){
                            aiChoice = emptySpaces[p];
                            break;
                        }
                        if (emptySpaces[p].id == 'C3' &&
                        this.plOwn.find(function(elem){return elem=='A1';})){
                            aiChoice = emptySpaces[p];
                            break;
                        }
                    }
                }
                if (!aiChoice && potentialBoxes.length > 0) {
                  console.log('aiChoice-6');
                    aiChoice = potentialBoxes[0];
                }
            }
        }
        if (!aiChoice && emptySpaces.length > 0) {
          console.log('aiChoice-7');
            aiChoice = emptySpaces[0];
        }
        aiChoice.innerHTML = this.aiIcon;
        this.aiOwn.push(aiChoice.id);
        if (this.winCheck(aiChoice, this.aiOwn)){ 
            this.winGame = true; 
            this.winSquares = this.winCheck(aiChoice, this.aiOwn);
        }
        turnCount ++;
      console.log('COMPUTER TURN COMPLETE');
    }
  // CALLED FOR MARQUEE MESSAGE AT END OF EACH GAME
    scoreString(){
      return ' - P1: ' + recOneDrawTwo[0] +
        ' - DRAW: ' + recOneDrawTwo[1] +
        ' - P2: ' + recOneDrawTwo[2] ;
    }
  // WIN SEQUENCE
    winDisplay(){
      this.turnOffSquares();
      for (var q in this.squares){
        if (this.winSquares.indexOf(this.squares[q].id)< 0){
            this.squares[q].innerHTML = '';
        }
      }
      if (this.player1Turn){
        recOneDrawTwo[2] ++;
        document.getElementById('game-speak').innerHTML = 'Player 2 wins!' +
          this.scoreString() + '.....Press Reset for a rematch!';        
      } else { 
        recOneDrawTwo[0] ++;
        document.getElementById('game-speak').innerHTML = 'Player 1 wins!' +
          this.scoreString() + '.....Press Reset for a rematch!';        
      }
    }
  // DRAW SEQUENCE
    drawDisplay(){
        this.turnOffSquares();
        recOneDrawTwo[1] ++;
        document.getElementById('game-speak').innerHTML = 'TIE! ' +
          this.scoreString() + '.....Press Reset for a rematch!';
    }
}

/*
===============================
= LISTEN FOR GAME START/RESET =
===============================
*/
document.addEventListener('DOMContentLoaded', function(){
  // MAKE 'PLAY' BUTTON CLICKABLE
    document.getElementById('play').addEventListener('click', nuGame);
  // MAKE 'RESET' BUTTON CLICKABLE
    document.getElementById('reset').addEventListener('click', function(res){
        if (game){
          res.preventDefault();
          console.log('RESETING GAME');
          turnCount = 0;
          game.init();
          document.getElementById('game-speak').innerHTML = game.scoreString();
        }
    });
})