File manager

File manager - Edit - /home/u300416816/domains/recipeseasy.online/public_html/storage/framework/views/ac2aeeaa55f47856f3053bbbd3b3638c.php

Back
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title><?php echo e($game->name); ?> - <?php echo e(old('website_name', $settings['website_name'] ?? '')); ?></title> <link rel="icon" type="image/x-icon" href="<?php echo e(asset('images/favicons/'.$settings['website_favicon'] ?? '')); ?>"> <meta name="description" content="<?php echo e($game->meta_description); ?>"> <meta name="keywords" content="<?php echo e($game->tags); ?>"> <!-- Meta Image for Social Sharing --> <meta property="og:title" content="<?php echo e($game->name); ?> - HTML Games"> <meta property="og:description" content="<?php echo e($game->meta_description); ?>"> <meta property="og:image" content="<?php echo e(asset('images/games/banner/' . $game->banner)); ?>"> <meta property="og:url" content="<?php echo e(url('game/' . $game->slug)); ?>"> <?php echo $settings['google_analytics']; ?> <!-- Twitter Meta Tags --> <meta name="twitter:card" content="<?php echo e(asset('images/games/banner/' . $game->banner)); ?>"> <meta name="twitter:title" content="<?php echo e($game->name); ?> - HTML Games"> <meta name="twitter:description" content="<?php echo e($game->meta_description); ?>"> <meta name="twitter:image" content="<?php echo e(asset('images/games/icons/' . $game->image)); ?>"> <!-- Canonical URL (for SEO) --> <link rel="canonical" href="<?php echo e(url('game/' . $game->slug)); ?>"> <link href="<?php echo e(asset('frontend/css/bootstrap.min.css')); ?>" rel="stylesheet"> <link rel="stylesheet" href="<?php echo e(asset('frontend/css/style.css')); ?>"> <style> .category-name{font-size:16px;color:#d47217;top:0}.bg-light,.btn-primary,body{color:#f0f0f0}iframe{position:fixed;top:0;left:0;width:100vw;height:100vh;border:none;z-index:999}.category-scroll-container{overflow-x:auto;white-space:nowrap;scrollbar-width:none}.category-scroll-container::-webkit-scrollbar{display:none}body{background-color:#121212}.btn-primary{background-color:#fc0;border:none;font-weight:700;text-transform:uppercase;letter-spacing:1px}.btn-primary:hover{background-color:#e6b800}.ratio-16x9 iframe{border:2px solid #fc0;border-radius:5px}.bg-light{background-color:#1e1e1e!important} </style> <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap" rel="stylesheet"> </head> <body> <!-- Header --> <?php echo $__env->make('frontend.partials._header', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?> <!-- Game Area --> <div class="container-fluid my-4"> <div class="row"> <div class="col-md-12"> <div class="category-scroll-container" id="categoryScrollContainer"> <div class="d-flex flex-nowrap"> <!-- Category 1 --> <?php $__currentLoopData = $recentGames; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $recent): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?> <div class="text-center me-4"> <a style="text-decoration: none;color:#f0f0f0;" href="<?php echo e(route('game.play', $recent->slug)); ?>"> <img src="<?php echo e(asset('images/games/icons/' . $recent->image)); ?>" class="card-img-top mx-auto" style="border-radius: 5px; width: 80px; height: 80px; object-fit: cover;"> <p><?php echo e(Str::limit($recent->name, 15, '...')); ?></p> </a> </div> <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?> </div> </div> </div> <div class="col-md-12"> <div class="row"> <div class="col-lg-2 col-md-3 col-sm-12 mb-4 d-none d-lg-block"> <div class="row"> <?php $__currentLoopData = $relatedGames; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $related): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?> <div class="col-md-4 text-center"> <a class="text-white" style="text-decoration: none;" href="<?php echo e(route('game.play', $related->slug)); ?>"> <img style="border-radius: 10px;" class="card-img-top mx-auto" src="<?php echo e(asset('images/games/icons/' . $related->image)); ?>" loading="lazy"> <p class="text-truncate"><?php echo e($related->name); ?></p> </a> </div> <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?> </div> </div> <div class="col-md-7"> <div class="ratio ratio-16x9"> <!-- The iframe that plays the game --> <iframe id="game_iframe" src="<?php echo e($game->game_url); ?>" frameborder="0" allowfullscreen></iframe> </div> <div class="d-flex justify-content-between align-items-center mt-3"> <div> <h3><?php echo e(Str::limit($game->name, 20)); ?></h3> </div> <div> <button id="like-button" class="btn btn-sm btn-success me-2"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-thumb-up"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <path d="M7 11v8a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-7a1 1 0 0 1 1 -1h3a4 4 0 0 0 4 -4v-1a2 2 0 0 1 4 0v5h3a2 2 0 0 1 2 2l-1 5a2 3 0 0 1 -2 2h-7a3 3 0 0 1 -3 -3" /> </svg> <span id="like-count"><?php echo e(\App\Helpers\NumberFormatter::formatNumber($game->reactions->where('like', true)->count())); ?></span> </button> <button id="dislike-button" class="btn btn-sm btn-danger me-2"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-thumb-down"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <path d="M7 13v-8a1 1 0 0 0 -1 -1h-2a1 1 0 0 0 -1 1v7a1 1 0 0 0 1 1h3a4 4 0 0 1 4 4v1a2 2 0 0 0 4 0v-5h3a2 2 0 0 0 2 -2l-1 -5a2 3 0 0 0 -2 -2h-7a3 3 0 0 0 -3 3" /> </svg> <span id="dislike-count"><?php echo e(\App\Helpers\NumberFormatter::formatNumber($game->reactions->where('dislike', true)->count())); ?></span> </button> <button class="btn btn-sm btn-secondary" onclick="toggleFullscreen()"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-maximize"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <path d="M4 8v-2a2 2 0 0 1 2 -2h2" /> <path d="M4 16v2a2 2 0 0 0 2 2h2" /> <path d="M16 4h2a2 2 0 0 1 2 2v2" /> <path d="M16 20h2a2 2 0 0 0 2 -2v-2" /> </svg> </button> </div> </div> <p class="mt-4"><?php echo $game->description; ?></p> <!-- Comments Section --> <div class="container-fluid my-5"> <h4>User Comments</h4> <div class="mb-3 col-md-12"> <?php if(auth()->guard()->check()): ?> <form id="comment-form"> <?php echo csrf_field(); ?> <label for="comment" class="form-label">Leave a Comment</label> <textarea class="form-control" id="comment" name="comment" rows="3" required></textarea> <button type="submit" class="btn btn-primary mt-3">Submit</button> </form> <?php else: ?> <p>Please <a href="<?php echo e(route('login')); ?>">log in</a> to leave a comment.</p> <?php endif; ?> </div> <!-- Display user comments here --> <div id="comments" class="comments mt-4"> <?php $__currentLoopData = $game->comments; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $comment): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?> <div class="comment mb-4 p-3" style="border: 1px solid #e0e0e0; border-radius: 8px; background-color: #5a5757;"> <div class="d-flex align-items-center mb-2"> <img src="<?php echo e($comment->user->profile_photo_url ?? 'https://via.placeholder.com/40'); ?>" class="rounded-circle me-3" alt="User Avatar"> <strong><?php echo e($comment->user->name); ?></strong> </div> <p class="mb-2"><?php echo e($comment->comment); ?></p> <small class="text-white"><?php echo e($comment->created_at->diffForHumans()); ?></small> <!-- Reply form (hidden by default) --> <div class="reply-section mt-3"> <a href="#" class="reply-btn text-primary">Reply</a> <form class="reply-form mt-2" style="display:none;" action="<?php echo e(route('games.reply', ['comment' => $comment->id])); ?>" method="POST"> <?php echo csrf_field(); ?> <textarea class="form-control" name="reply" rows="2" placeholder="Write a reply"></textarea> <button type="submit" class="btn btn-primary mt-2">Submit Reply</button> </form> </div> <!-- Display replies here --> <div class="replies mt-3"> <?php $__currentLoopData = $comment->replies; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $reply): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?> <div class="reply mb-2"> <strong><?php echo e($reply->user->name); ?></strong> <p><?php echo e($reply->comment); ?></p> <small><?php echo e($reply->created_at->diffForHumans()); ?></small> </div> <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?> </div> </div> <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?> </div> </div> </div> <div class="col-md-3"> <!-- Ad Space --> <div class="bg-light p-4 mb-4"> <h5>Advertisement</h5> <?php $__currentLoopData = $sidebar_ads; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $sidebarad): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?> <?php if($sidebarad->type == 'custom'): ?> <?php if($sidebarad->custom_html == null): ?> <a href="<?php echo e($sidebarad->custom_link); ?>" target="_blank"> <img src="<?php echo e(asset('images/ads/'.$sidebarad->custom_image)); ?>" class="img-fluid w-100" alt="Ad Placeholder" loading="lazy"> </a> <?php else: ?> <div class="mt-3 mb-3"> <?php echo $sidebarad->custom_html; ?> </div> <?php endif; ?> <?php else: ?> <?php echo $sidebarad->adsense_code; ?> <?php endif; ?> <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?> </div> <!-- Game Info Panel --> <div class="bg-light p-4"> <h5>Game Information</h5> <ul> <li>Mouse/Touchpad: Most HTML5 games use the mouse or touchpad for primary interactions. For example:</li> <ul> <li>Click: Click to select options, start the game, or perform actions like shooting or jumping.</li> <li>Drag and Drop: For games involving dragging elements, hold the left mouse button and move the mouse to drag objects.</li> </ul> <li>Keyboard: Some games might require keyboard input. Common controls include:</li> <ul> <li>Arrow Keys (↑, ↓, ←, →): Move your character, navigate menus, or control in-game movement.</li> <li>Spacebar: Often used for actions like jumping, shooting, or pausing the game.</li> <li>Enter/Return: Start the game or confirm selections.</li> <li>Esc: Pause the game or access the game menu.</li> </ul> <li>Game Objectives:</li> <ul> <li>Read the game’s objective, usually provided on the start screen or within a tutorial.</li> <li>Follow any in-game prompts or tutorials that guide you through the first few levels or actions.</li> </ul> </ul> </div> </div> </div> </div> </div> </div> <!-- Footer --> <?php echo $__env->make('frontend.partials._footer', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?> <script src="<?php echo e(asset('frontend/js/bootstrap.bundle.min.js')); ?>"></script> <script> function toggleFullscreen() { const iframe = document.querySelector('iframe'); if (iframe.requestFullscreen) { iframe.requestFullscreen(); } else if (iframe.mozRequestFullScreen) { // Firefox iframe.mozRequestFullScreen(); } else if (iframe.webkitRequestFullscreen) { // Chrome, Safari and Opera iframe.webkitRequestFullscreen(); } else if (iframe.msRequestFullscreen) { // IE/Edge iframe.msRequestFullscreen(); } } </script> <script> document.addEventListener('DOMContentLoaded', function () { const scrollContainer = document.getElementById('categoryScrollContainer'); let scrollAmount = 0; function autoScroll() { scrollAmount += 1; // Adjust this value for speed scrollContainer.scrollLeft = scrollAmount; if (scrollAmount >= scrollContainer.scrollWidth - scrollContainer.clientWidth) { scrollAmount = 0; // Reset to start if reached the end } } setInterval(autoScroll, 50); // Adjust the interval for speed }); </script> <script src="<?php echo e(asset('frontend/js/jquery.min.js')); ?>"></script> <script> $(document).ready(function() { $('#like-button').click(function() { $.ajax({ url: '<?php echo e(route("games.like", $game->id)); ?>', type: 'POST', data: { _token: '<?php echo e(csrf_token()); ?>', }, success: function(response) { $('#like-count').text(response.likes); $('#dislike-count').text(response.dislikes); if ($('#like-button').hasClass('active')) { $('#like-button').removeClass('active'); } else { $('#like-button').addClass('active'); $('#dislike-button').removeClass('active'); } }, error: function(response) { alert('You need to login first'); } }); }); $('#dislike-button').click(function() { $.ajax({ url: '<?php echo e(route("games.dislike", $game->id)); ?>', type: 'POST', data: { _token: '<?php echo e(csrf_token()); ?>', }, success: function(response) { $('#like-count').text(response.likes); $('#dislike-count').text(response.dislikes); if ($('#dislike-button').hasClass('active')) { $('#dislike-button').removeClass('active'); } else { $('#dislike-button').addClass('active'); $('#like-button').removeClass('active'); } }, error: function(response) { alert(response.responseJSON.error); } }); }); }); </script> <script> $(document).ready(function() { // Handle comment submission $('#comment-form').submit(function(e) { e.preventDefault(); // Prevent the page from reloading var formData = $(this).serialize(); // Get the form data $.ajax({ url: "<?php echo e(route('games.comment', $game->id)); ?>", // Laravel route method: "POST", data: formData, success: function(response) { // Append new comment to the comments section $('#comments').prepend(` <div class="comment mb-4 p-3" style="border: 1px solid #e0e0e0; border-radius: 8px; background-color: #5a5757;"> <div class="d-flex align-items-center mb-2"> <img src="${response.user_profile_photo}" class="rounded-circle me-3" alt="User Avatar"> <strong>${response.user_name}</strong> </div> <p class="mb-2">${response.comment}</p> <small class="text-white">${response.created_at}</small> </div> `); $('#comment').val(''); // Clear the comment box }, error: function(xhr) { alert('Something went wrong!'); } }); }); // Show reply form $(document).on('click', '.reply-btn', function(e) { e.preventDefault(); $(this).siblings('.reply-form').toggle(); // Toggle reply form visibility }); // Handle reply submission $(document).on('submit', '.reply-form', function(e) { e.preventDefault(); // Prevent the page from reloading var formData = $(this).serialize(); // Get the form data var commentDiv = $(this).closest('.comment'); // The parent comment div var actionUrl = $(this).attr('action'); // Get the action URL from the form $.ajax({ url: actionUrl, // Use the action attribute of the form method: "POST", data: formData, success: function(response) { // Append new reply to the replies section commentDiv.find('.replies').append(` <div class="reply mb-2"> <strong>${response.user_name}</strong> <p>${response.reply}</p> <small>${response.created_at}</small> </div> `); $(this).hide(); // Hide the reply form }, error: function(xhr) { alert('Something went wrong!'); } }); }); }); </script> <script> document.addEventListener("DOMContentLoaded", function() { const iframe = document.getElementById('game_iframe'); // Function to request fullscreen function openFullscreen() { if (iframe.requestFullscreen) { iframe.requestFullscreen(); } else if (iframe.mozRequestFullScreen) { // Firefox iframe.mozRequestFullScreen(); } else if (iframe.webkitRequestFullscreen) { // Chrome, Safari, and Opera iframe.webkitRequestFullscreen(); } else if (iframe.msRequestFullscreen) { // IE/Edge iframe.msRequestFullscreen(); } } // Open fullscreen on page load openFullscreen(); }); </script> </body> </html> <?php /PATH /home/u300416816/domains/recipeseasy.online/public_html/resources/views/frontend/play/index.blade.php ENDPATH/ ?>

| ver. 1.4 | Github | . | PHP 8.2.28 | Generation time: 0.09 | proxy | phpinfo | Settings