<script>window.location.href = '/404'</script><!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="keywords" content="Poko Game Portal, Game Portal, Online Playing Games, HTML5 Games" />
                                           <meta name="robots" content="index, follow">
    <link rel="shortcut icon" href="https://demreli.com/static/img/logo/187562019logo.jpg"
        type="image/x-icon">
    <title>
        404 Page Not Found    </title>
    <link rel="stylesheet" href="https://demreli.com/themes/poko/css/style.css">
    <script src="https://demreli.com/js/tailwind.js"></script>
    <link rel="stylesheet" href="https://demreli.com/css/animate.css" />
    <script src="https://demreli.com/js/wow.min.js"></script>
    <script>poko = { url: "https://demreli.com/" }</script>
    <script src="https://demreli.com/js/toast.min.js"></script>
    <link rel="stylesheet" href="https://demreli.com/css/toast.min.css" />
    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4674555815470259"
     crossorigin="anonymous"></script>    <style>
        :root {
            --theme-color:
                #1583f9            ;
        }
    </style>
</head>

<body style="background-image: url('https://demreli.com/static/img/bg.png')">
    <div class="offcanvas">
        <div class="offcanvas-menu scroll-none">
            <div class="flex sticky top-[15px] mt-4 z-40">
                <form action="" class="live-search mr-10 w-full flex items-center bg-white p-1 rounded-lg">
                    <button onclick="this.parentNode.parentNode.parentNode.parentNode.classList.remove('active')"
                        type="button" class="px-4 py-2 for-desktop">
                        <img class="rounded-full" width="40"
                            src="https://demreli.com/static/img/logo/logo-sm.png" />
                    </button>
                    <button onclick="this.parentNode.parentNode.parentNode.parentNode.classList.remove('active')"
                        type="button" class="px-4 py-2 rounded-lg for-mobile flex gap-1 w-[150px] items-center">
                        <svg width="20px" height="20px" stroke-width="3" viewBox="0 0 24 24" fill="none"
                            xmlns="http://www.w3.org/2000/svg" color="#8c8c8c">
                            <path d="M15 6L9 12L15 18" stroke="#8c8c8c" stroke-width="4" stroke-linecap="round"
                                stroke-linejoin="round"></path>
                        </svg>
                        <img width="40" class="rounded-full for-mobile"
                            src="https://demreli.com/static/img/logo/logo-sm.png" />
                    </button>
                    <input type="text" placeholder="What are you playing today?"
                        class="w-full mx-3 text-[#002b50] text-xl font-bold outline-none h-[40px] block">
                    <button class="px-4 live-search-attached-button" disabled="true" type="button">
                        <svg width="28px" height="28px" viewBox="0 0 24 24" stroke-width="1.1" fill="none"
                            xmlns="http://www.w3.org/2000/svg" color="#8c8c8c">
                            <path d="M17 17L21 21" stroke="#8c8c8c" stroke-width="3" stroke-linecap="round"
                                stroke-linejoin="round"></path>
                            <path
                                d="M3 11C3 15.4183 6.58172 19 11 19C13.213 19 15.2161 18.1015 16.6644 16.6493C18.1077 15.2022 19 13.2053 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11Z"
                                stroke="#8c8c8c" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path>
                        </svg>
                    </button>
                </form>
                <button onclick="this.parentNode.parentNode.parentNode.classList.remove('active')"
                    class="close-button bg-white h-[70px] flex justify-center items-center rounded-full w-[70px] absolute top-[-10px] right-[-40px]">
                    <svg width="30px" height="30px" stroke-width="1.1" viewBox="0 0 24 24" fill="none"
                        xmlns="http://www.w3.org/2000/svg" color="#8c8c8c">
                        <path d="M15 6L9 12L15 18" stroke="#8c8c8c" stroke-width="3" stroke-linecap="round"
                            stroke-linejoin="round"></path>
                    </svg>
                </button>
            </div>
            <div
                class="search-error wow fadeInDown hidden p-4 bg-white mt-6 mx-2 mb-2">
                <h5 class="font-bold text-lg">Hmm, nothing’s coming up for that.</h5>
                <p class="text-sm text-gray-600 font-medium">Try searching for something else or play one of these great
                    games.</p>
            </div>
            <div id="live-search-result" class="m-grid-start mt-4"></div>
            <div id="offconvas-content">
                <div class="flex flex-wrap RightFade relative gap-4 mt-4">
                                            <a href="https://demreli.com/adventure" class="category-link-box wow fadeInDown shadow-lg hover:bg-[var(--theme-color)] hover:text-white bg-white px-6 py-3 uppercase text-xs font-bold rounded-full">
                            Adventure                        </a>
                                            <a href="https://demreli.com/shooting" class="category-link-box wow fadeInDown shadow-lg hover:bg-[var(--theme-color)] hover:text-white bg-white px-6 py-3 uppercase text-xs font-bold rounded-full">
                            Shooting                        </a>
                                            <a href="https://demreli.com/3d" class="category-link-box wow fadeInDown shadow-lg hover:bg-[var(--theme-color)] hover:text-white bg-white px-6 py-3 uppercase text-xs font-bold rounded-full">
                            3D                        </a>
                                            <a href="https://demreli.com/sports" class="category-link-box wow fadeInDown shadow-lg hover:bg-[var(--theme-color)] hover:text-white bg-white px-6 py-3 uppercase text-xs font-bold rounded-full">
                            Sports                        </a>
                                            <a href="https://demreli.com/arcade" class="category-link-box wow fadeInDown shadow-lg hover:bg-[var(--theme-color)] hover:text-white bg-white px-6 py-3 uppercase text-xs font-bold rounded-full">
                            Arcade                        </a>
                                            <a href="https://demreli.com/hypercasual" class="category-link-box wow fadeInDown shadow-lg hover:bg-[var(--theme-color)] hover:text-white bg-white px-6 py-3 uppercase text-xs font-bold rounded-full">
                            Hypercasual                        </a>
                                            <a href="https://demreli.com/puzzles" class="category-link-box wow fadeInDown shadow-lg hover:bg-[var(--theme-color)] hover:text-white bg-white px-6 py-3 uppercase text-xs font-bold rounded-full">
                            Puzzles                        </a>
                                            <a href="https://demreli.com/clicker" class="category-link-box wow fadeInDown shadow-lg hover:bg-[var(--theme-color)] hover:text-white bg-white px-6 py-3 uppercase text-xs font-bold rounded-full">
                            Clicker                        </a>
                                            <a href="https://demreli.com/girls" class="category-link-box wow fadeInDown shadow-lg hover:bg-[var(--theme-color)] hover:text-white bg-white px-6 py-3 uppercase text-xs font-bold rounded-full">
                            Girls                        </a>
                                    </div>
                <div class="recent-uploaded-games">
                    <h3 class="font-bold text-xl mt-6 mb-4">Recently added games</h3>
                    <div class="m-grid-start">
                                                    <div class="m-game-card wow fadeInDown">
                                <a class="m-game-link" href="https://demreli.com/g/imposter-battle-z-dragon-warriors">
                                    <picture style="background-image: url('https://img.gamemonetize.com/ka47p15b6u2sy6qejbuz39fsct4g54ep/512x384.jpg')"
                                        class="m-game-thumbnail">
                                        <div class="m-game-details">
                                            <p>
                                                IMPOSTER Battle Z Dragon Warriors                                            </p>
                                        </div>
                                    </picture>
                                </a>
                            </div>
                                                    <div class="m-game-card wow fadeInDown">
                                <a class="m-game-link" href="https://demreli.com/g/color-ball-smack">
                                    <picture style="background-image: url('https://img.gamemonetize.com/aa8ehxhlutgfx5k9dou6q902kdsf537f/512x384.jpg')"
                                        class="m-game-thumbnail">
                                        <div class="m-game-details">
                                            <p>
                                                Color Ball Smack                                            </p>
                                        </div>
                                    </picture>
                                </a>
                            </div>
                                                    <div class="m-game-card wow fadeInDown">
                                <a class="m-game-link" href="https://demreli.com/g/crowd-city-3d">
                                    <picture style="background-image: url('https://img.gamemonetize.com/fkz6jb9blpsgp655kpst0dliqdw1oak4/512x384.jpg')"
                                        class="m-game-thumbnail">
                                        <div class="m-game-details">
                                            <p>
                                                Crowd City 3D                                            </p>
                                        </div>
                                    </picture>
                                </a>
                            </div>
                                                    <div class="m-game-card wow fadeInDown">
                                <a class="m-game-link" href="https://demreli.com/g/wacky-run-3d">
                                    <picture style="background-image: url('https://img.gamemonetize.com/1ytp5ahuoo9wbm470xpx9glrbv8z4z76/512x384.jpg')"
                                        class="m-game-thumbnail">
                                        <div class="m-game-details">
                                            <p>
                                                Wacky Run 3D                                            </p>
                                        </div>
                                    </picture>
                                </a>
                            </div>
                                                    <div class="m-game-card wow fadeInDown">
                                <a class="m-game-link" href="https://demreli.com/g/high-heels-2-">
                                    <picture style="background-image: url('https://img.gamemonetize.com/uw4keyfvkjek8se0ppakv6dz5vgmk9jf/512x384.jpg')"
                                        class="m-game-thumbnail">
                                        <div class="m-game-details">
                                            <p>
                                                High Heels 2                                             </p>
                                        </div>
                                    </picture>
                                </a>
                            </div>
                                                    <div class="m-game-card wow fadeInDown">
                                <a class="m-game-link" href="https://demreli.com/g/mega-ramp-car-stunt-race">
                                    <picture style="background-image: url('https://img.gamemonetize.com/ckjsuy46vzc4i60ysq01321fs8bxhcuu/512x384.jpg')"
                                        class="m-game-thumbnail">
                                        <div class="m-game-details">
                                            <p>
                                                Mega Ramp Car Stunt Race                                            </p>
                                        </div>
                                    </picture>
                                </a>
                            </div>
                                                    <div class="m-game-card wow fadeInDown">
                                <a class="m-game-link" href="https://demreli.com/g/drawing-christmas-for-kids">
                                    <picture style="background-image: url('https://img.gamemonetize.com/fjm0avw8pde9owqj8a7t3zuu20wks898/512x384.jpg')"
                                        class="m-game-thumbnail">
                                        <div class="m-game-details">
                                            <p>
                                                Drawing Christmas For Kids                                            </p>
                                        </div>
                                    </picture>
                                </a>
                            </div>
                                                    <div class="m-game-card wow fadeInDown">
                                <a class="m-game-link" href="https://demreli.com/g/fish-jumping">
                                    <picture style="background-image: url('https://img.gamemonetize.com/kw1twzqhqyb1jqrkid0cute9r6xp397n/512x384.jpg')"
                                        class="m-game-thumbnail">
                                        <div class="m-game-details">
                                            <p>
                                                Fish Jumping                                            </p>
                                        </div>
                                    </picture>
                                </a>
                            </div>
                                                    <div class="m-game-card wow fadeInDown">
                                <a class="m-game-link" href="https://demreli.com/g/tic-tac-toe-14-player">
                                    <picture style="background-image: url('https://img.gamemonetize.com/6fyc84iea9je8h4wqtw8avq5a0sgfrpm/512x384.jpg')"
                                        class="m-game-thumbnail">
                                        <div class="m-game-details">
                                            <p>
                                                Tic Tac Toe 14 Player                                            </p>
                                        </div>
                                    </picture>
                                </a>
                            </div>
                                                    <div class="m-game-card wow fadeInDown">
                                <a class="m-game-link" href="https://demreli.com/g/water-sort-online">
                                    <picture style="background-image: url('https://img.gamemonetize.com/27losowhk086qxyj7u1wbv2sd5092gc4/512x384.jpg')"
                                        class="m-game-thumbnail">
                                        <div class="m-game-details">
                                            <p>
                                                Water Sort Online                                            </p>
                                        </div>
                                    </picture>
                                </a>
                            </div>
                                                    <div class="m-game-card wow fadeInDown">
                                <a class="m-game-link" href="https://demreli.com/g/singer-escape">
                                    <picture style="background-image: url('https://img.gamemonetize.com/snhhrb74rm71oqysqh6pe5wjdub17ksz/512x384.jpg')"
                                        class="m-game-thumbnail">
                                        <div class="m-game-details">
                                            <p>
                                                Singer Escape                                            </p>
                                        </div>
                                    </picture>
                                </a>
                            </div>
                                                    <div class="m-game-card wow fadeInDown">
                                <a class="m-game-link" href="https://demreli.com/g/guess-the-song--music-quiz">
                                    <picture style="background-image: url('https://img.gamemonetize.com/akf3tdzm2f213akzid8tf401d1y32uzd/512x384.jpg')"
                                        class="m-game-thumbnail">
                                        <div class="m-game-details">
                                            <p>
                                                Guess The Song  Music Quiz                                            </p>
                                        </div>
                                    </picture>
                                </a>
                            </div>
                                                    <div class="m-game-card wow fadeInDown">
                                <a class="m-game-link" href="https://demreli.com/g/princess-coloring-game-for-girls--paint-color-boo">
                                    <picture style="background-image: url('https://img.gamemonetize.com/4ir2aul936ctg3gxxwptm2fz41z3rohw/512x384.jpg')"
                                        class="m-game-thumbnail">
                                        <div class="m-game-details">
                                            <p>
                                                Princess coloring game for girls  Paint Color Boo                                            </p>
                                        </div>
                                    </picture>
                                </a>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
    </div>
    <div class="mvn-container px-3">
        <div class="flex justify-center items-center min-h-[100vh] ">
    <div class="empty-class">
        <h1 style="color: var(--zon-common-text-color);" class="text-8xl font-bold " >404</h1>
        <hr class="mt-4 mb-4" >
        <p class="text-center" style="color: var(--zon-common-text-color);" >Page not found</p>
    </div>
</div>    </div>

    <footer class="p-4 mt-20 relative bg-white ">
        <div class="mx-4">
            <div class="mvn-container h-not-full flex justify-between items-center">
                <div class="flex items-center">
                    <img src="https://demreli.com/static/img/logo/logo.png" width="100" />
                    <h3 class="ml-6 text-xl font-bold text-[#002b50]">Let the world play</h3>
                </div>
                <div class="flex footer-links">
                                            <a class="underline capitalize text-lg text-gray-600 mx-2"
                            href="https://demreli.com/c/contact">
                            Contact                        </a>
                                            <a class="underline capitalize text-lg text-gray-600 mx-2"
                            href="https://demreli.com/c/terms-of-use">
                            Terms of Use                        </a>
                                            <a class="underline capitalize text-lg text-gray-600 mx-2"
                            href="https://demreli.com/c/privacy-policy">
                            Privacy Policy                        </a>
                                            <a class="underline capitalize text-lg text-gray-600 mx-2"
                            href="https://demreli.com/c/about-us">
                            About us                        </a>
                                    </div>
            </div>
        </div>
    </footer>


    <div style="opacity: 0; display: none; visibility: hidden;" id="ad-700x100"></div>
    <div style="opacity: 0; display: none; visibility: hidden;" id="ad-400x400-1"></div>
    <div style="opacity: 0; display: none; visibility: hidden;" id="ad-400x400-2"></div>

    <script>
        var game_frame = document.getElementById("game");
        if (game_frame) {
            var game_frame_src = game_frame.src;
            if (game_frame_src.includes("gamedistribution")) {
                game_frame.src += "?gd_sdk_referrer_url=https://gamedistribution.com/games/cooking-festival";
            }
        }

        const draggable = document.getElementById('draggable');
        if (draggable) {
            let offsetY;

            draggable.addEventListener('mousedown', startDragging);
            draggable.addEventListener('touchstart', startDragging);

            draggable.addEventListener('mouseup', stopDragging);
            draggable.addEventListener('touchend', stopDragging);

            function startDragging(event) {
                setTimeout(() => {
                    if (event.type === 'mousedown') {
                        offsetY = event.clientY - draggable.getBoundingClientRect().top;
                        document.addEventListener('mousemove', drag);
                    } else if (event.type === 'touchstart') {
                        offsetY = event.touches[0].clientY - draggable.getBoundingClientRect().top;
                        document.addEventListener('touchmove', drag);
                    }
                    // Prevent default behavior to avoid scrolling while dragging on touch devices
                    event.preventDefault();
                }, 900)
            }

            function drag(event) {
                let clientY;
                if (event.type === 'mousemove') {
                    clientY = event.clientY;
                } else if (event.type === 'touchmove') {
                    clientY = event.touches[0].clientY;
                }
                const newY = clientY - offsetY;
                draggable.style.top = `${newY}px`;
            }

            function stopDragging() {
                document.removeEventListener('mousemove', drag);
                document.removeEventListener('touchmove', drag);
            }
        }

        var is_fullscreen = false;
        var gameContainer = document.querySelector(".gameplay-container") || document.documentElement;
        function open_fullscreen() {
            // let game = document.getElementById("zonFrame");
            var game = document.getElementById("game");

            if (is_fullscreen) {
                // Exit fullscreen
                is_fullscreen = false;
                gameContainer.classList.remove("full");
                gameContainer.classList.remove("on-frame");
                exitFullscreen();
            } else {
                // Enter fullscreen
                is_fullscreen = true;
                enterFullscreen(gameContainer);
                gameContainer.classList.add("full");
                gameContainer.classList.add("on-frame");
            }
        }

        function enterFullscreen(element) {
            if (element.requestFullscreen) {
                element.requestFullscreen();
            } else if (element.mozRequestFullScreen) { /* Firefox */
                element.mozRequestFullScreen();
            } else if (element.webkitRequestFullscreen) { /* Chrome, Safari and Opera */
                element.webkitRequestFullscreen();
            } else if (element.msRequestFullscreen) { /* IE/Edge */
                element.msRequestFullscreen();
            }
        }

        function exitFullscreen() {
            var doc = document || documentElement;
            if (doc.exitFullscreen) {
                doc.exitFullscreen();
            } else if (doc.mozCancelFullScreen) { /* Firefox */
                doc.mozCancelFullScreen();
            } else if (doc.webkitExitFullscreen) { /* Chrome, Safari and Opera */
                doc.webkitExitFullscreen();
            } else if (doc.msExitFullscreen) { /* IE/Edge */
                doc.msExitFullscreen();
            }

            gameContainer.classList.remove("full");
            console.log("Exiting fullscreen mode");
        }

        // Event listener for exiting fullscreen
        document.addEventListener("fullscreenchange", function () {
            if (!document.fullscreenElement) {
                // Update UI when exiting fullscreen
                gameContainer.classList.remove("full");
                gameContainer.classList.remove("on-frame");

                if (is_fullscreen) {
                    document.getElementById("full_screen").click();
                }
            }
        });


        function fullScreen() {
            var game = document.getElementById("game");
            var gameContainer = document.querySelector(".gameplay-container");
            gameContainer.classList.toggle("full");
        }

        var games = document.querySelectorAll(".m-grid-start.home .m-game-card");
        var GamePageGames = document.querySelectorAll(".m-grid-start.game-page .m-game-card");
        var liveSearch = document.querySelector(".live-search input");
        var liveSearchoffcanvasAttachedButton = document.querySelector(".live-search .live-search-attached-button");

        if (games.length > 0 && games !== null) {
            // for game card sizes
            for (let i = 0; i < games.length; i++) {
                const game = games[i];

                var CardSize = games[i].getAttribute("data-card-size");
                var IsFeaturedGame = games[i].getAttribute("data-game-f");
                if (CardSize === 'md') {
                    games[i].classList.add("md")
                }

                if (IsFeaturedGame === 'Yes') {
                    games[i].classList.add("lg")
                }

            }

            // 
            // for advertisements 
            for (let i = 0; i < GamePageGames.length; i++) {
                const game = games[i];
                                    if (i == 50) {
                        games[i].classList.add("_700x700");
                        games[i].classList.add("advert-space");
                        games[i].classList.add("not-hover");
                        games[i].innerHTML = document.getElementById("ad-700x100").innerHTML;
                    }
                
                                    if (i == 2) {
                        games[i].classList.add("_400x400");
                        games[i].classList.add("advert-space");
                        games[i].classList.add("not-hover");
                        games[i].innerHTML = document.getElementById("ad-400x400-1").innerHTML;
                    }
                
                                    if (i == 79) {
                        games[i].classList.add("_400x400");
                        games[i].classList.add("advert-space");
                        games[i].classList.add("not-hover");
                        games[i].innerHTML = document.getElementById("ad-400x400-2").innerHTML;
                    }
                
            }
        }

        if (liveSearch !== null || liveSearch !== undefined) {
            var searchIcon = `<svg width="20px" height="20px" viewBox="0 0 24 24" stroke-width="1.1" fill="none" xmlns="http://www.w3.org/2000/svg" color="#8c8c8c"><path d="M17 17L21 21" stroke="#8c8c8c" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path><path d="M3 11C3 15.4183 6.58172 19 11 19C13.213 19 15.2161 18.1015 16.6644 16.6493C18.1077 15.2022 19 13.2053 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11Z" stroke="#8c8c8c" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg>`;
            var xIcon = `<svg width="20px" height="20px" stroke-width="1.1" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="#8c8c8c"><path d="M6.75827 17.2426L12.0009 12M17.2435 6.75736L12.0009 12M12.0009 12L6.75827 6.75736M12.0009 12L17.2435 17.2426" stroke="#8c8c8c" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg>`;
            const clearInputValue = () => {
                liveSearch.value = '';
                liveSearchoffcanvasAttachedButton.innerHTML = searchIcon;
                liveSearchoffcanvasAttachedButton.disabled = true;
                document.getElementById("live-search-result").style.display = "none";
                document.getElementById("offconvas-content").style.display = "block";
                document.querySelector(".search-error").style.display = "none";
                return true;
            }
            liveSearch.addEventListener("keyup", () => {
                if (liveSearch.value.length > 0) {
                    liveSearchoffcanvasAttachedButton.addEventListener("click", clearInputValue);
                    liveSearchoffcanvasAttachedButton.innerHTML = xIcon;
                    liveSearchoffcanvasAttachedButton.disabled = false;
                } else {
                    liveSearchoffcanvasAttachedButton.removeEventListener("click", clearInputValue);
                    liveSearchoffcanvasAttachedButton.innerHTML = searchIcon;
                    liveSearchoffcanvasAttachedButton.disabled = true;
                }
            })
        }
    </script>
    <script> new WOW().init();  </script>
    <script src="https://demreli.com/themes/poko/js/main.js"></script>
    <script src="https://demreli.com/js/jquery.min.js"></script>
    <script>
        $(document).on("click", (event) => {
            if (!event.target.closest(".offcanvas-menu") && !event.target.closest(".open-menu") && !event.target.closest(".live-search-attached-button")) {
                $(".offcanvas").removeClass("active");
            }

            if (!event.target.closest(".more-option") && !event.target.closest(".more-opt-button")) {
                $(".more-option").removeClass("active");
            }
        });


        $(".live-search input").on("keyup", (event) => {
            if (event.target.value.length > 0) {
                LoadGameData();
                $("#live-search-result").show();
                $("#offconvas-content").hide();
            } else {
                $("#live-search-result").hide();
                $(".search-error").hide();
                $("#offconvas-content").show();
            }
        })

        function LoadGameData() {
            // var sLoader = $(".live-search-loader");

            var sinput = $(".live-search input");
            // setTimeout(() => {
            $.post("https://demreli.com/xhr/live-search.php", {
                query: sinput.val() ? sinput.val() : 'a',
            }, (data) => {
                if (data == "0") {
                    $(".search-error").show();
                    $("#live-search-result").hide();
                    $("#offconvas-content").show();
                } else {
                    $(".search-error").hide();
                    $("#live-search-result").show();
                    $("#offconvas-content").hide();
                    $("#live-search-result").html(data);
                }
                // $("#live-games").html(data);
                // sLoader.hide();
            });

            // page_no++;
            // }, 1500);
        }


        $("#Like").on("click", () => {
            $.post(`${window.poki.url}xhr/like.php`, {
                gi: window.poki.game_id
            }, (data) => {
                var data = JSON.parse(data);
                $("#Like").toggleClass("active");
                $("#Dislike").removeClass("active");
                $("#Like_Count").text(data.like);
                $("#Dislike_Count").text(data.dislike);
            });
        });

        $("#Dislike").on("click", () => {
            $.post(`${window.poki.url}xhr/dislike.php`, {
                gi: window.poki.game_id
            }, (data) => {
                var data = JSON.parse(data);
                // if (data == 1) {
                $("#Like").removeClass("active");
                // }
                $("#Dislike").toggleClass("active");
                $("#Like_Count").text(data.like);
                $("#Dislike_Count").text(data.dislike);
                console.log(data);
            });
        });

        $(".send-report").on("click", () => {
            var subject = $("#report_textarea").val();
            var game_id = window.poki.game_id;
            var game_name = window.poki.game_name;

            $.post(`${window.poki.url}xhr/report.php`, {
                problem: subject,
                game_id: game_id,
                game_name: game_name
            }, (data) => {
                if (data == 1) {
                    $(".report-popup").removeClass("active");
                    $(".thank-you-popup").addClass("active");
                    setTimeout(() => {
                        $(".thank-you-popup").removeClass("active");
                    }, 3000);
                }
                // var data = JSON.parse(data);
                // // if (data == 1) {
                // $("#Like").removeClass("active");
                // // }
                // $("#Dislike").toggleClass("active");
                // $("#Like_Count").text(data.like);
                // $("#Dislike_Count").text(data.dislike);
                // console.log(data);
            });
        })
    </script>
</body>

</html>