app.js

const app = Vue.createApp({
    data() {
        return {
            board: Array(15 * 15).fill(''),
            currentPlayer: '✖',
            gameOver: false,
            winner: null,
            winnerCells: [],
            menuVisible: false
        };
    },
    methods: {
        makeMove(index) {
            if (!this.board[index] && !this.gameOver) {
                this.board[index] = this.currentPlayer;
                if (this.checkWinner(index)) {
                    this.gameOver = true;
                } else {
                    this.currentPlayer = this.currentPlayer === '✖' ? '⭕' : '✖';
                }
            }
        },
        checkWinner(index) {
            const directions = [
                [1, 0], [0, 1], [1, 1], [1, -1]
            ];
            const currentSymbol = this.board[index];
            const row = Math.floor(index / 15);
            const col = index % 15;

            for (let [dx, dy] of directions) {
                let count = 1;
                let tempCells = [index];

                // Směr k pozitivnímu indexu
                for (let step = 1; step < 5; step++) {
                    let x = row + dx * step;
                    let y = col + dy * step;
                    let nextIndex = x * 15 + y;

                    if (x >= 0 && y >= 0 && x < 15 && y < 15 && this.board[nextIndex] === currentSymbol) {
                        count++;
                        tempCells.push(nextIndex);
                    } else {
                        break;
                    }
                }

                // Směr k negativnímu indexu
                for (let step = 1; step < 5; step++) {
                    let x = row - dx * step;
                    let y = col - dy * step;
                    let nextIndex = x * 15 + y;

                    if (x >= 0 && y >= 0 && x < 15 && y < 15 && this.board[nextIndex] === currentSymbol) {
                        count++;
                        tempCells.push(nextIndex);
                    } else {
                        break;
                    }
                }

                // Pokud je 5 symbolů v řadě
                if (count >= 5) {
                    this.winner = currentSymbol;
                    this.winnerCells = tempCells;
                    return true;
                }
            }
            return false;
        },
        resetGame() {
            this.board = Array(15 * 15).fill('');
            this.currentPlayer = '✖';
            this.gameOver = false;
            this.winner = null;
            this.winnerCells = [];
        },
        toggleMenu() {
            this.menuVisible = !this.menuVisible;
        }
    }
});

app.mount('#app');