Snack 2 Win

Призы

 Georgia TTT NCP 2024

Торговая точка

Authorization - Email

Authorization - Phone number

Receipt - Date

Second name

Last name

First name

Штрих-код

ID участника

T&Cs

ADS subscription

Delivery city

Fiscal terms

Receipt - Photo

Feedbacks - Question

Feedbacks - Topic

Receipt - FD

Receipt - FP

Receipt - FN

Receipt - Price

Delivery zip

Registration city

Registration zip

Delivery state

Registration state

Delivery address

Passport issued by

Registration address

Payout card

Passport number

Passport issue date

Birthday date

Phone number

Passport photo

Email

Promotional items photo

Уровень участника

Язык

Страна

Authorization - Code

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>Крестики-нолики</title>
    <style>    
    .game-container {
        width: 100%;
        max-width: 80vh; /* Сохраняем соотношение 4:5 */
        height: 100vh;
        margin: 0 auto;
        padding: 0px;
        background-color: #0058C9;
        font-family: 'PlutoOreo', Arial, sans-serif;
        color: #fff;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        position: relative; /* Добавлено для позиционирования внутренних элементов */
    }

    @font-face {
        font-family: 'PlutoOreo';
        src: url('https://cdn.jsdelivr.net/gh/timememe/o_files@main/PlutoOreo-Black.otf') format('opentype');
    }
    
    .cookie-bg {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        z-index: 1;
        pointer-events: none;
    }
    
    /*
    .logo {
        width: 100%;
        height: auto;
        max-width: 100%;
        margin-bottom: 20px;
    }
    */

    .board-container {
        position: relative;
        width: 100%;
        aspect-ratio: 1 / 1; /* Квадратное соотношение */
        margin: auto;
        max-width: calc(100% - 40px); /* Отступы внутри контейнера игры */
    }
    
    .board_BG {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url('https://cdn.jsdelivr.net/gh/timememe/o_files@main/cell_BG.png') no-repeat center center;
        background-size: cover;
        z-index: 2;
    }
    
    .board {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(3, 1fr);
        gap: 0%;
        background: url('https://cdn.jsdelivr.net/gh/timememe/o_files@main/cell.png') no-repeat center center;
        background-size: cover;
        z-index: 3;
    }
    
    .cell {
        width: 100%;
        height: 0;
        padding-bottom: 100%;
        background-size: cover;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        border: 2px solid #ffffff00;
        border-radius: 15px;
        transition: background-color 0.3s;
        position: relative;
    }
    
    .cell img {
        position: absolute;
        top: 10%;
        left: 10%;
        width: 80%;
        height: 80%;
    }
    
    .cell img.appear {
        animation: appear 0.5s ease-in-out;
    }
    
    @keyframes appear {
        from {
            transform: scale(0);
            opacity: 0;
        }
        to {
            transform: scale(1);
            opacity: 1;
        }
    }
    
    .cell:hover {
        background-color: rgba(255, 255, 255, 0.2);
    }
    
    .buttonG {
        padding: 10px 20px;
        margin: 10px;
        font-size: 1rem;
        font-family: 'PlutoOreo';
        cursor: pointer;
        background-color: #0058C9;
        border: 2px solid #fff;
        color: #fff;
        border-radius: 25px;
        transition: background-color 0.3s;
    }
    
    .buttonG:hover {
        background-color: rgba(255, 255, 255, 0.2);
    }
    
    .popup {
        position: fixed; /* Используйте fixed вместо absolute */
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.1);
        backdrop-filter: blur(8px);
        display: flex; /* Добавьте это */
        justify-content: center; /* И это */
        align-items: center; /* И это */
        z-index: 20;
    }
    
    .popup-content {
        display: flex;
        flex-direction: column;
        justify-content: center; /* Это центрирует содержимое вертикально */
        align-items: center;
        background-color: #0058C9;
        backdrop-filter: blur(8px);
        padding: 20px;
        border-radius: 60px;
        text-align: center;
        color: #ffffff;
        border: 10px solid #fff;
        max-width: 90%;
        max-height: 90%;
        overflow: auto;
        box-sizing: border-box;
        margin: auto; /* Добавьте это свойство */
    }
    
    .popup-content h2 {
        margin-top: 0;
    }
    
    .popup-content button {
        padding: 10px 20px;
        font-size: 1rem;
        cursor: pointer;
        margin-top: 20px;
    }
    
    .tutorial-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
        margin: 20px 0;
    }
    
    .tutorial-grid img {
        width: 100%;
        height: auto;
        border-radius: 5px;
    }
    </style>
</head>
<body>
    <div class="game-container">
        
            <div id="popup" class="popup">
            <div class="popup-content">
                <h2>ინსტრუქცია!</h2>
                <p>მოათავსეთ ერთ ხაზზე ორცხობილები კრემით!</p>
                <div class="tutorial-grid">
                    <img src="https://cdn.jsdelivr.net/gh/timememe/o_files@main/tut1.png" alt="Tutorial 1">
                    <img src="https://cdn.jsdelivr.net/gh/timememe/o_files@main/tut2.png" alt="Tutorial 2">
                    <img src="https://cdn.jsdelivr.net/gh/timememe/o_files@main/tut3.png" alt="Tutorial 3">
                </div>
                <p>ვინც პირველი შეაგროვებს - გაიმარჯვებს!</p>
                <button id="start" class="buttonG">თამაში</button>
            </div>
        </div>
        <div id="win-popup" class="popup">
            <div class="popup-content">
                <h2 id="win-message"></h2>
                <p id="round-counter"></p>
                <button id="close-win-popup" class="buttonG">გაგრძელება</button>
            </div>
        </div>
        <div id="final-popup" class="popup">
            <div class="popup-content">
                <h2 id="final-message"></h2>
                <button id="restart-game" class="buttonG">პირადი კაბინეტი</button>
            </div>
        </div>
        <div class="board-container">            
            <div class="board_BG"></div>
            <div id="board" class="board">
                <div class="cell" data-index="0"></div>
                <div class="cell" data-index="1"></div>
                <div class="cell" data-index="2"></div>
                <div class="cell" data-index="3"></div>
                <div class="cell" data-index="4"></div>
                <div class="cell" data-index="5"></div>
                <div class="cell" data-index="6"></div>
                <div class="cell" data-index="7"></div>
                <div class="cell" data-index="8"></div>
            </div>
        </div>        
        
    </div>
    <script>
        const board = document.getElementById('board');
        const cells = document.querySelectorAll('.cell');
        const popup = document.getElementById('popup');
        const winPopup = document.getElementById('win-popup');
        const finalPopup = document.getElementById('final-popup');
        const winMessage = document.getElementById('win-message');
        const roundCounterText = document.getElementById('round-counter');
        const finalMessage = document.getElementById('final-message');
        const closeWinPopupButton = document.getElementById('close-win-popup');
        const restartGameButton = document.getElementById('restart-game');
        const startButton = document.getElementById('start');
        
        let currentPlayer = 'X';
        let gameActive = false;
        let playerTurn = true;
        let roundCounter = { player: 0, bot: 0, draw: 0 };
        let roundsPlayed = 0;
        
        const winningConditions = [
            [0, 1, 2],
            [3, 4, 5],
            [6, 7, 8],
            [0, 3, 6],
            [1, 4, 7],
            [2, 5, 8],
            [0, 4, 8],
            [2, 4, 6]
        ];
        
        const checkWin = (player) => {
            return winningConditions.some(condition => {
                return condition.every(index => {
                    return cells[index].dataset.player === player;
                });
            });
        };
        
        const checkDraw = () => {
            return [...cells].every(cell => {
                return cell.dataset.player === 'X' || cell.dataset.player === 'O';
            });
        };
        
        const showWinPopup = (message) => {
            winMessage.textContent = message;
            roundCounterText.innerHTML = `Score:<br>Player: ${roundCounter.player}<br>AI: ${roundCounter.bot}<br>Draw: ${roundCounter.draw}`;
            winPopup.style.display = 'flex';
        };
        
        const showFinalPopup = () => {
            finalMessage.innerHTML = `Final score:<br>Player: ${roundCounter.player}<br>AI: ${roundCounter.bot}<br>Draw: ${roundCounter.draw}`;
            if (roundCounter.player > roundCounter.bot) {
                sendGameResult('game1', 'win', 'ge');
                awardPoints(100);
                restartGameButton.textContent = 'პირადი კაბინეტი';
            } else {
                sendGameResult('game1', 'loss', 'ge');
                restartGameButton.textContent = 'კვლავ თამაში';
            }
            finalPopup.style.display = 'flex';
        };
        
        const handleCellClick = (e) => {
            if (!gameActive || !playerTurn) return;
        
            const cell = e.target;
            const cellIndex = parseInt(cell.getAttribute('data-index'));
        
            if (cell.dataset.player) {
                return;
            }
        
            cell.dataset.player = currentPlayer;
            cell.innerHTML = `<img src="https://cdn.jsdelivr.net/gh/timememe/o_files@main/back_${currentPlayer === 'X' ? 'cream' : 'nocream'}.png" alt="${currentPlayer}" class="appear">`;
        
            if (checkWin(currentPlayer)) {
                roundsPlayed++;
                roundCounter[currentPlayer === 'X' ? 'player' : 'bot']++;
                if (roundsPlayed >= 3) {
                    showFinalPopup();
                } else {
                    showWinPopup(`${currentPlayer} გამარჯვებული !`);
                }
                gameActive = false;
                return;
            }
        
            if (checkDraw()) {
                roundsPlayed++;
                roundCounter.draw++;
                if (roundsPlayed >= 3) {
                    showFinalPopup();
                } else {
                    showWinPopup('ფრე!');
                }
                gameActive = false;
                return;
            }
        
            currentPlayer = 'O';
            playerTurn = false;
        
            setTimeout(botMove, 500);  // Delay AI move by 500ms
        };
        
        const botMove = () => {
            const emptyCells = [...cells].filter(cell => !cell.dataset.player);
            const randomIndex = Math.floor(Math.random() * emptyCells.length);
            const cell = emptyCells[randomIndex];
            cell.dataset.player = 'O';
            cell.innerHTML = `<img src="https://cdn.jsdelivr.net/gh/timememe/o_files@main/back_nocream.png" alt="O" class="appear">`;
        
            if (checkWin('O')) {
                roundsPlayed++;
                roundCounter.bot++;
                if (roundsPlayed >= 3) {
                    showFinalPopup();
                    //sendGameResult('game1', 'loss', 'ge');
                } else {
                    showWinPopup('O გამარჯვებული !');
                }
                gameActive = false;
                return;
            }
        
            if (checkDraw()) {
                roundsPlayed++;
                roundCounter.draw++;
                if (roundsPlayed >= 3) {
                    showFinalPopup();
                } else {
                    showWinPopup('ფრე!');
                }
                gameActive = false;
                return;
            }
        
            currentPlayer = 'X';
            playerTurn = true;
        };
        
        const restartGame = () => {
            cells.forEach(cell => {
                cell.innerHTML = '';
                cell.dataset.player = '';
            });
            currentPlayer = 'X';
            playerTurn = true;
            gameActive = true;
        };
        
        const startGame = () => {
            popup.style.display = 'none';
            gameActive = true;
        };
        
        const closeWinPopup = () => {
            winPopup.style.display = 'none';
            if (roundsPlayed >= 3) {
                showFinalPopup();
            } else {
                restartGame();
            }
        };
        
        const restartFullGame = () => {
            if (roundCounter.player > roundCounter.bot) {
                //awardPoints(100);
                //window.location.href = 'https://oreo-promo.com/profile';
            } else {
                finalPopup.style.display = 'none';
                roundCounter = { player: 0, bot: 0, draw: 0 };
                roundsPlayed = 0;
                restartGame();
            }
        };

        function sendGameResult(game, result, language) {
            console.log('Sending result:', game, result, language);  // Обновлено для отладки

            const data = {
                game: game,
                result: result,
                language: language // Добавлен параметр языка
            };

            fetch('https://wo-server-v1.onrender.com/game-result', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                },
                body: JSON.stringify(data)
            })
            .then(response => {
                if (!response.ok) {
                    return response.text().then(text => {
                        throw new Error(`HTTP error! status: ${response.status}, body: ${text}`);
                    });
                }
                return response.json();
            })
            .then(data => console.log('Game result sent:', data))
            .catch(error => console.error('Error sending game result:', error));
        }

        function getCookie(name) {
          let namePattern = name + "=";
          let cookiesArray = document.cookie.split(';');
          for(let i = 0; i < cookiesArray.length; i++) {
              let cookie = cookiesArray[i].trim();
              if (cookie.indexOf(namePattern) == 0) {
                  return cookie.substring(namePattern.length, cookie.length);
              }
          }
          return null;
        }
        function setCookie(name, value, days) {
            var expires = "";
            if (days) {
                var date = new Date();
                date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
                expires = "; expires=" + date.toUTCString();
            }
            document.cookie = name + "=" + (value || "") + expires + "; path=/";
        }
        function awardPoints(points) {
            const data = {
                points: points,
                won: true,
                game: 'tictac'
            };
            const token = getCookie('jwt_token');
            if (token) {
              fetch('https://api.oreo-promo.com/game', {
                  method: 'POST',
                  headers: {
                      'Content-Type': 'application/json',
                      'x-jwt-auth': token,
                  },
                  body: JSON.stringify(data)
              })
              .then(response => response.json())
              .then(result => {
                  console.log('Points awarded successfully:', result);
                  //sendGameResult('game1', 'win', 'ge');
                  window.location="/profile";
              })
              .catch(error => {
                  console.error('Error awarding points:', error);
                  window.location="/profile";
              });
            } else {
              setCookie('guest_game', JSON.stringify(data), 90);
              window.location="#ModalLogin";
            }
        }
        
        function resizeGame() {
            const gameContainer = document.querySelector('.game-container');
            const boardContainer = document.querySelector('.board-container');
            
            // Устанавливаем размер контейнера
            const containerWidth = gameContainer.clientWidth;
            const containerHeight = gameContainer.clientHeight;
            
            // Устанавливаем размер доски
            const boardSize = Math.min(containerWidth, containerHeight) - 40; // Учёт отступов
            boardContainer.style.width = `${boardSize}px`;
            boardContainer.style.height = `${boardSize}px`;
            
            // Обновляем margin-top, чтобы доска была по центру
            const remainingSpace = containerHeight - boardSize;
            boardContainer.style.marginTop = `${remainingSpace / 2}px`;
        }

    
        cells.forEach(cell => cell.addEventListener('click', handleCellClick));
        startButton.addEventListener('click', startGame);
        closeWinPopupButton.addEventListener('click', closeWinPopup);
        restartGameButton.addEventListener('click', restartFullGame);
        window.addEventListener('load', resizeGame);
        window.addEventListener('resize', resizeGame);
        
        window.onload = () => {
            popup.style.display = 'none';
            winPopup.style.display = 'none';
            finalPopup.style.display = 'none';
    
            popup.style.display = 'flex';
            resizeGame(); // Вызываем один раз при загрузке
        };
    
        // Добавляем обработчик ошибок для изображений
        document.querySelectorAll('img').forEach(img => {
            img.onerror = function() {
                console.error('Ошибка загрузки изображения:', this.src);
            };
        });
    </script>
</body>
</html>

Участвуй в акции и получай ценные призы

Промо