let board = Array(6).fill().map(() => Array(7).fill(0));
console.log(board);

let turn = 0;

function reset() {
    turn = 0;
    board = Array(6).fill().map(() => Array(7).fill(0));
}

function set(column) {
    if (column >= 0 && column < 7) {
        for (let i=5; i>=0; i+=-1) {
            if (board[i][column] == 0) {
                board[i][column] = turn+1;
                console.log(`Player ${turn+1} placed at (${i}, ${column})`);
                turn ^= 1;
                return i;
            }
        }
        console.log(`Player ${turn+1} could not place, column ${column} full`);
        return false;
    }
}

function render() {
    const tableContainer = document.querySelector("#table-container");
    tableContainer.innerHTML = '';
    if (turn == -1 || turn == -2) {
        const winText = document.createTextNode(`player ${-1*turn} won. Click on the board to reset the game.`);
        tableContainer.appendChild(winText);
    }
    const table = document.createElement("table");
    for (let i = 0; i < 6; i++) {
        const row = document.createElement("tr");
        for (let j = 0; j < 7; j++) {
            const cell = document.createElement("td");
            if (board[i][j] === 1) {
                cell.classList.add("player1");
            } else if (board[i][j] === 2) {
                cell.classList.add("player2");
            }
            row.appendChild(cell);
        }
        table.appendChild(row);
    }
    tableContainer.appendChild(table);
}

function playerMove(e) {
    if (turn == -1 || turn == -2) {
        reset()
    } else {
        column = e.target.cellIndex
        console.log(column)
        set(column)
        checkWin()
    }
    render()
}

function checkColumns() {
    for (let i = 0; i < 6; i++) {
        ctr = 0;
        for (let j = 0; j < 6; j++) {
            if (board[i][j] != 0 && (board[i][j] === board[i][j+1])) {
                ctr +=1
                console.log(`ctr ${ctr}`)
            }
            if (ctr == 3) {
                console.log(`player ${board[i][j]} won`);
                turn = -1*board[i][j];
                return true;
            }
        }
    }
}

function checkRows() {
        for (let i = 0; i < 7; i++) {
        ctr = 0;
        for (let j = 0; j < 5; j++) {
            if (board[j][i] != 0 && (board[j][i] === board[j+1][i])) {
                ctr +=1
            }
            if (ctr == 3) {
                console.log(`player ${board[j][i]} won`);
                turn = -1*board[j][i];
                return true;
            }
        }
    }
    return false;
}

function checkDescendingDiagonals() {
    for (let i = 0; i < 3; i++) {
        for (let j = 0; j < 4; j++) {
            let player = board[i][j];
            if (player !== 0 && player === board[i+1][j+1] && player === board[i+2][j+2] && player === board[i+3][j+3]) {
                console.log(`Player ${player} won`);
                turn = -1 * player;
                return true;
            }
        }
    }
    return false;
}

function checkAscendingDiagonals() {
    for (let i = 0; i < 3; i++) {
        for (let j = 3; j < 7; j++) {
            let player = board[i][j];
            if (player !== 0 && player === board[i+1][j-1] && player === board[i+2][j-2] && player === board[i+3][j-3]) {
                console.log(`Player ${player} won`);
                turn = -1 * player;
                return true;
            }
        }
    }
    return false;
}

function checkWin() {
    return checkColumns() || checkRows() || checkAscendingDiagonals() || checkDescendingDiagonals();
}

render();
document.querySelector("#table-container").addEventListener("click", (e) => playerMove(e))