File "content-20250112094132-20250112133533.phtml"
Full Path: /www/wwwroot/turbocarclub.com/themes/garud/layout/autoplay/content-20250112094132-20250112133533.phtml
File size: 14.92 KB
MIME-type: --
Charset: utf-8
<?php
global $zon, $site_url, $socket;
$gd = AutoPlay();
$game_url = $site_url . 'game/' . makeSlug($gd['game_name']) . '/' . $gd['id'];
?>
<div id="ShareModal" class="share-modal hidden">
<div class="modal-dialog">
<div class="flex items-center justify-between mb-6">
<h2 style="color: var(--zon-common-text-color);" class="text-xl font-semibold ">Share</h2>
<span onclick="this.parentNode.parentNode.parentNode.classList.toggle('hidden')"
class="text-3xl cursor-pointer select-none ">×</span>
</div>
<div class="flex gap-2">
<a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=<?php echo $game_url ?>"
class="h-14 w-14 flex items-center justify-center bg-blue-800 rounded-full ">
<svg xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" fill="#fff" stroke-width="1.5"
viewBox="0 0 24 24" color="#000000">
<path stroke="#fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"
d="M17 2h-3a5 5 0 0 0-5 5v3H6v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3V2Z"></path>
</svg>
</a>
<a target="_blank"
href="https://twitter.com/intent/tweet?text=<?php echo $gd['game_name'] ?> <?php echo $game_url ?>"
class="h-14 w-14 flex items-center justify-center bg-blue-400 rounded-full ">
<svg xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" fill="#fff" stroke-width="1.5"
viewBox="0 0 24 24" color="#000000">
<path stroke="#fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"
d="M23 3.01s-2.018 1.192-3.14 1.53a4.48 4.48 0 0 0-7.86 3v1a10.66 10.66 0 0 1-9-4.53s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5 0-.278-.028-.556-.08-.83C21.94 5.674 23 3.01 23 3.01Z">
</path>
</svg>
</a>
<a target="_blank"
href="https://www.pinterest.com/pin/create/button/?url=<?php echo $game_url ?>&media=<?php echo $gd['game_image_url'] ?>&description=<?php echo $gd['game_description'] ?>"
class="h-14 w-14 flex items-center justify-center bg-red-600 rounded-full ">
<svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" fill="none" stroke-width="1.5"
viewBox="0 0 24 24" color="#000000">
<path stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
d="M8 14.5c-3-4.5 1.462-8 4.5-8 3.038 0 5.5 1.654 5.5 5.5 0 3.038-2 5-4 5s-3-2-2.5-5M12 10 9 21.5">
</path>
<path stroke="transparent" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"
d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Z"></path>
</svg>
</a>
<a target="_blank"
href="https://t.me/share/url?url=<?php echo $game_url ?>&text=<?php echo $gd['game_description'] ?>"
class="h-14 w-14 flex items-center justify-center bg-blue-500 rounded-full ">
<svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" fill="none" stroke-width="1.5"
viewBox="0 0 24 24" color="#000000">
<path stroke="#fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"
d="M21 5 2 12.5l7 1M21 5l-2.5 15L9 13.5M21 5 9 13.5m0 0V19l3.249-3.277"></path>
</svg>
</a>
</div>
<div
class="flex mt-8 border-2 rounded-md overflow-hidden hover:border-blue-500 border-[var(--zon-theme-color)] ">
<input id="textToCopy" type="text" value="<?php echo $game_url ?>" placeholder="Game URL"
class="w-full bg-transparent text-sm outline-none py-3 px-2 " />
<button onclick="copyToURL()" class="px-4">
<svg xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" fill="none" stroke-width="1.5"
viewBox="0 0 24 24" color="#000000">
<path stroke="#000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"
d="M19.4 20H9.6a.6.6 0 0 1-.6-.6V9.6a.6.6 0 0 1 .6-.6h9.8a.6.6 0 0 1 .6.6v9.8a.6.6 0 0 1-.6.6Z">
</path>
<path stroke="#000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"
d="M15 9V4.6a.6.6 0 0 0-.6-.6H4.6a.6.6 0 0 0-.6.6v9.8a.6.6 0 0 0 .6.6H9"></path>
</svg>
</button>
</div>
</div>
</div>
<div id="reportModal" class="share-modal wow <?php echo $zon['config']['animate_class'] ?> hidden">
<div class="modal-dialog">
<div class="flex items-center justify-between mb-6">
<h2 style="color: var(--zon-common-text-color);" class="text-xl capitalize font-semibold ">report your
problem</h2>
<span onclick="this.parentNode.parentNode.parentNode.classList.toggle('hidden')"
class="text-3xl cursor-pointer select-none">×</span>
</div>
<form action="" method="post" class="modal-body">
<textarea name="problem" placeholder="Write your problem"
class="w-full p-4 transition duration-300 border border-[var(--zon-comment-input-b-color)] hover:border-[var(--zon-theme-color)] focus:outline-[var(--zon-theme-color)] "
cols="30" rows="10"></textarea>
<button
class="px-4 mt-4 rounded-full py-2.5 bg-[var(--zon-theme-color)] capitalize text-sm text-white">submit
your report</button>
</form>
</div>
</div>
<?php if (getAdById(2, 'status') == 0) { ?>
<div class="p-2">
<div class="ads wow <?php echo $zon['config']['animate_class'] ?> flex justify-center">
<?php echo getAdById(2, 'code') ?>
</div>
</div>
<?php } ?>
<div class="main-gameplay relative game-play-container zon-game-container">
<div class="shadow-lg">
<div class="game-frame mt-6">
<iframe id="zonFrame" class="w-full h-[400px]" src="<?= $gd['game_url'] ?>" scrolling="no"
frameborder="0"></iframe>
</div>
<div class="flex px-2 py-2 game-meta-container justify-between gap-6">
<div class="game-meta flex ">
<img src="<?= $gd['game_image_url'] ?>" class="h-[40px] rounded-md w-[40px] mr-4" alt="<?= $gd['game_name'] ?>" />
<div class="text-md font-medium">
<?= $gd['game_name'] ?>
<div class="flex gap-4">
<p class="text-xs font-normal capitalize text-gray-500"><?= $gd['game_category'] ?></p>
<p class="text-xs font-normal capitalize text-gray-500"><?= $gd['game_played'] ?> Played</p>
</div>
</div>
</div>
<div class="flex gap-2">
<?php if (IsLoggedin) { ?>
<button id="LikeButton" onclick="LikeGame(<?php echo $gd['id']; ?>)"
class="game-action-buttons hover:bg-gray-300 <?php echo num_rows(T_ZON_LIKES, "game_id=" . $gd['id']) > 0 ? 'liked' : ''; ?> whitespace-nowrap h-10 w-fit text-sm rounded-full px-4 gap-2 flex justify-center items-center ">
<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" fill="none" stroke-width="1.5"
viewBox="0 0 24 24" color="#000000">
<path stroke="#000000" stroke-width="1.5" stroke-linejoin="round"
d="M22 8.862a5.95 5.95 0 0 1-1.654 4.13c-2.441 2.531-4.809 5.17-7.34 7.608-.581.55-1.502.53-2.057-.045l-7.295-7.562c-2.205-2.286-2.205-5.976 0-8.261a5.58 5.58 0 0 1 8.08 0l.266.274.265-.274A5.612 5.612 0 0 1 16.305 3c1.52 0 2.973.624 4.04 1.732A5.95 5.95 0 0 1 22 8.862Z">
</path>
</svg>
<span>
<?php echo num_rows(T_ZON_LIKES, "game_id=" . $gd['id']); ?>
</span> Like
</button>
<?php } else { ?>
<a href="<?php echo $site_url ?>login"
class="game-action-buttons hover:bg-gray-300 whitespace-nowrap h-10 w-fit text-sm rounded-full px-4 gap-2 flex justify-center items-center ">
<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" fill="none" stroke-width="1.5"
viewBox="0 0 24 24" color="#000000">
<path stroke="#000000" stroke-width="1.5" stroke-linejoin="round"
d="M22 8.862a5.95 5.95 0 0 1-1.654 4.13c-2.441 2.531-4.809 5.17-7.34 7.608-.581.55-1.502.53-2.057-.045l-7.295-7.562c-2.205-2.286-2.205-5.976 0-8.261a5.58 5.58 0 0 1 8.08 0l.266.274.265-.274A5.612 5.612 0 0 1 16.305 3c1.52 0 2.973.624 4.04 1.732A5.95 5.95 0 0 1 22 8.862Z">
</path>
</svg>
<span>
<?php echo num_rows(T_ZON_LIKES, "game_id=" . $gd['id']); ?>
</span> Like
</a>
<?php } ?>
<button onclick="document.getElementById('ShareModal').classList.toggle('hidden')"
class="game-action-buttons hover:bg-gray-300 h-10 w-fit text-sm rounded-full px-4 gap-4 flex justify-center items-center ">
<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" fill="none" stroke-width="1.5"
viewBox="0 0 24 24" color="#000000">
<path stroke="#000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"
d="M18 22a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM18 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM6 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z">
</path>
<path stroke="#000000" stroke-width="1.5" d="m15.5 6.5-7 4M8.5 13.5l7 4"></path>
</svg>
Share
</button>
<button title="report" onclick="document.getElementById('reportModal').classList.toggle('hidden')"
class="game-action-buttons hover:bg-gray-300 h-10 w-10 rounded-full flex justify-center items-center ">
<svg width="16px" height="16px" stroke-width="1.1" viewBox="0 0 24 24" fill="none"
xmlns="http://www.w3.org/2000/svg" color="#000000">
<path
d="M7 19.4V4.6C7 4.26863 7.26863 4 7.6 4H16.4C16.7314 4 17 4.26863 17 4.6V19.4C17 19.7314 16.7314 20 16.4 20H7.6C7.26863 20 7 19.7314 7 19.4Z"
stroke="#000000" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M14 20V22.5" stroke="#000000" stroke-width="1.1" stroke-linecap="round"
stroke-linejoin="round"></path>
<path d="M10 20V22.5" stroke="#000000" stroke-width="1.1" stroke-linecap="round"
stroke-linejoin="round"></path>
<path d="M14 4V1.5" stroke="#000000" stroke-width="1.1" stroke-linecap="round"
stroke-linejoin="round"></path>
<path d="M10 4V1.5" stroke="#000000" stroke-width="1.1" stroke-linecap="round"
stroke-linejoin="round"></path>
<path d="M7 12H4.5" stroke="#000000" stroke-width="1.1" stroke-linecap="round"
stroke-linejoin="round"></path>
<path d="M19.5 12H17" stroke="#000000" stroke-width="1.1" stroke-linecap="round"
stroke-linejoin="round"></path>
<path d="M7 6.5H4.5" stroke="#000000" stroke-width="1.1" stroke-linecap="round"
stroke-linejoin="round"></path>
<path d="M19.5 6.5H17" stroke="#000000" stroke-width="1.1" stroke-linecap="round"
stroke-linejoin="round"></path>
<path d="M7 17.5H4.5" stroke="#000000" stroke-width="1.1" stroke-linecap="round"
stroke-linejoin="round"></path>
<path d="M19.5 17.5H17" stroke="#000000" stroke-width="1.1" stroke-linecap="round"
stroke-linejoin="round"></path>
</svg>
</button>
<button title="full screen" id="fullscreenButton"
class="game-action-buttons hover:bg-gray-300 h-10 w-10 rounded-full flex justify-center items-center "><svg
xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" fill="none" stroke-width="1.5"
viewBox="0 0 24 24" color="#000000">
<path stroke="#000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"
stroke-miterlimit="1.5"
d="M4.998 2H2v2.998h2.998V2ZM4.998 3.501h14M3.499 4.998V19M20.497 5v14.002M4.998 20.501h14M4.998 19H2v2.998h2.998V19ZM21.996 2.002h-2.998V5h2.998V2.002ZM21.996 19.002h-2.998V22h2.998v-2.998Z">
</path>
</svg></button>
</div>
</div>
</div>
<div class="shadow-lg p-4 rounded-md mt-6">
<h4 class="text-zinc-800 font-medium mb-4 mt-2">Description</h4>
<p class="text-gray-500 text-sm">
<?= $gd['game_description'] ?>
</p>
</div>
<div class="game__grid mt-12">
<?php foreach(getGame(20) as $game) { ?>
<div class="game new__badges">
<a href="<?= $site_url . 'game/' . makeSlug($game['game_name']) . '/' . $game['id'] ?>" class="game__thumb">
<img src="<?= $game['game_image_url'] ?>" alt="<?= $game['game_name'] ?>" />
</a>
<a href="<?= $site_url . 'game/' . makeSlug($game['game_name']) . '/' . $game['id'] ?>" class="game_name"><?= $game['game_name'] ?></a>
</div>
<?php } ?>
</div>
<?php if (getAdById(1, 'status') == 0) { ?>
<div class="p-2">
<div class="ads wow <?php echo $zon['config']['animate_class'] ?> flex justify-center">
<?php echo getAdById(1, 'code') ?>
</div>
</div>
<?php } ?>
</div>
<script>
var game_frame = document.getElementById("zonFrame");
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";
}
</script>