0UT1S's

<?php $page_title = $_GET['query']; ?>
<?php include("includes/header.php") ?>
<?php 
$query = Secure_DATA($_GET['query']);
?>

<body class="bg-dark dark:bg-zinc-900">
    <?php // Include Main Header ?>
    <?php include("includes/main-h.php") ?>
    <div class="body container-zon mt-2 px-0">
        <h1 class="font-bold dark:text-gray-200 text-4xl mb-3 mt-12 text-center capitalize">
            Result Found (<?php echo Exist_Data("zon_games", "game_name like '%$query%'"); ?>) From: <?php echo $query; ?>
        </h1>
        <?php // Game Showing Container ?>
        <div id="zon_games" class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4 mt-16 mx-2">
            <?php
            $run = mysqli_query($con, "SELECT * FROM zon_games WHERE game_name LIKE '%$query%' ORDER BY id DESC");
            while ($row = mysqli_fetch_assoc($run)) {
                $description = $row['game_description'];
                $words = explode(' ', $description);
                $truncatedDescription = implode(' ', array_slice($words, 0, 15)) . '...';
            ?>
                <a href="single/<?= $row['id'] ?>/<?php
                                                    $text = $row['game_name'];
                                                    $lower = strtolower($text);
                                                    $revspace = str_replace(" ", "-", $lower);
                                                    echo $revspace;
                                                    ?>" class="card relative overflow-hidden rounded-xl cursor-pointer transition-all duration-300 hover:shadow-lg">
                    <img src="<?= $row['game_image_url'] ?>" class="w-full h-48 object-cover rounded-t-xl" alt="<?= $row['game_name'] ?>">
                    <div class="p-4 bg-[#1e1f26]">
                        <h2 class="text-white text-lg font-semibold"><?= $row['game_name'] ?></h2>
                        <p class="text-gray-400 text-sm mt-2"><?= $truncatedDescription ?></p>
                    </div>
                </a>
            <?php } ?>
        </div>
        <?php // Skeleton Loading (Optional, can be removed if not needed) ?>
        
    </div>
    <?php // Include Footer ?>
    <?php include("includes/footer.php") ?>
</body>
<script src="<?php echo $site_url ?>static/js/jquery-3.4.1.min.js"></script>
<script>
    var page_no = 1;

LoadData();

$(window).scroll(() => {
        if ($(window).scrollTop() + $(window).height() > $(document).height() - 200) {
            LoadData();
        }
    })

function LoadData() {

var q_n = '<?php echo $_GET['query'] ?>';
        $.post("<?php echo $site_url?>includes/ajax/sr.php", { page: page_no, name: q_n }, (data) => {
            // console.log(data);
            $("#zon_games").append(data);
            $(".zon-loader").hide();
        });

page_no++;
    }
</script>
<?php include("includes/footer.php") ?>

By Order of Mr.0UT1S