1#@!#!123s

��JFIF�� 1#@!#!123s
: / home / earnlouq / tapnaire.live / user /
Filename : spin-earn.php
back
<?php
session_start();
error_reporting(0);
require_once '../../config/conn.php';
include('includes/checklogin.php');
check_login();
include 'includes/functions.php';
include 'includes/header.php'; 


// Check if user is logged in
if (!isset($_SESSION['id'])) {
    // User not authenticated
    // Display appropriate message or redirect
    exit;
}

$uid = $_SESSION['id'];

// Get user details from the database
$sql = "SELECT * FROM `users` WHERE `id` = ?";
$stmt = mysqli_prepare($con, $sql);
mysqli_stmt_bind_param($stmt, 'i', $uid);
mysqli_stmt_execute($stmt);
$result = mysqli_stmt_get_result($stmt);

if (mysqli_num_rows($result) > 0) {
    $row = mysqli_fetch_assoc($result);
    $activity_balance = $row['earnings'];
    $lastSpin = $row['lastSpin'];

    // Get the current date from the server
    $today = date("Y-m-d");

    // Calculate the next eligible date
    $nextEligibleDate = date("Y-m-d", strtotime($lastSpin . ' +1 day'));


    // Fetch the portal statuses from the database
$query = "SELECT portal_name, status FROM withdrawal_portals";
$result = mysqli_query($con, $query);

// Initialize variables for portal statuses
$spinPortalStatus = 0;

// Check if there are any results
if ($result && mysqli_num_rows($result) > 0) {
    while ($row = mysqli_fetch_assoc($result)) {
        if ($row['portal_name'] === 'SpinWheel') {
            $spinPortalStatus = $row['status'];
        } 
    }
}

        ?>
<style>
#result-wrapper{
margin-bottom:20px;
font-size:18px;
font-weight:600;
}   

</style>
<div
      class="container min-h-dvh relative overflow-hidden py-8 dark:text-white -z-10 dark:bg-color1"
    >
 <!-- Page Title Start -->
 <div class="relative z-10 px-6 pb-20">
        <div class="flex justify-between items-center gap-4">
          <div class="flex justify-start items-center gap-4">
            <h2 class="text-2xl font-semibold text-white">
              Spin & win
            </h2>
          </div>
        </div>

        <div class="pt-8">
          <div
            class="py-6 px-5 bg-white dark:bg-color9 border border-dashed border-p1 rounded-xl"
            style="margin-top:20px;"
            >
            <div
              class="flex justify-between items-center  border-p1"
            >
           
               spin the wheel to win
            </div> 
          </div>


    <?php
                                                        
    if ($today >= $nextEligibleDate) {
        // User is eligible to spin

        // Display the spin and earn section

                            ?>

    <div id="result-wrapper" style="text-align:center;border:0px !important;"></div>


        <div class="nk-content-inner" style="display:flex;flex-direction:column;align-items:center;justify-content:center;">
            <div class="mb-5" style="width:300px;">
                <canvas id="canvas" width="300" height="300"></canvas>
            </div>
            <?php 
                echo ($spinPortalStatus == 1) 
                    ? '<button 
                class="bg-p2 rounded-full py-3 w-full text-white text-sm font-semibold text-center block mt-5 dark:bg-p1 spin-button"

                    onclick="spinWheel()">Spin the Wheel</button>' 
                    : 'Spin Currently Unavailable. Check again later';
                ?>


        </div>


        <?php
            } else {
        // User has already spun today
        ?>
        <div class="col-12" style="text-align:center;margin-top:20vh;">
            <h4>Oops!</h4>
            <p>You don't have any spin for today.<br>Please check again tomorrow</p>
        </div>
        <?php
    }
} else {
    // User not found
    // Display appropriate message or redirect
?>
 <div class="col-12" style="text-align:center;margin-top:20vh;">
            <h4>Oops!</h4>
            <p>
                Account not found. Please logout and login again.
            </p>
        </div>

<?php
    
}
?>

</div>
</div>
      
         </div>
         </div>
         </div>
         </div>

         <br> <br>   <br> <br>
</main>

<script src="assets/js/Winwheel.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.1/gsap.min.js"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>


<script>
         // Create a new wheel object
         var wheel = new Winwheel({
            'canvasId': 'canvas',
            'numSegments': 12,
            'segments': [
            { 'text': '500','value': 500,'fillStyle': '#ff710f', 'textFontFamily': 'Arial', 'textFontSize': 16, 'textFillStyle': '#ffffff', 'textAlignment': 'center', 'textFontWeight': 'normal' },  // Red color
            { 'text': '0','value': 0, 'fillStyle': '#000000', 'textFontFamily': 'Arial', 'textFontSize': 16, 'textFillStyle': '#ffffff', 'textAlignment': 'center', 'textFontWeight': 'normal' },    // Green color
            { 'text': '400', 'value': 400,'fillStyle': '#ff710f', 'textFontFamily': 'Arial', 'textFontSize': 16, 'textFillStyle': '#ffffff', 'textAlignment': 'center', 'textFontWeight': 'normal' },  // Blue color
            { 'text': '0', 'value': 0,'fillStyle': '#000000', 'textFontFamily': 'Arial', 'textFontSize': 16, 'textFillStyle': '#ffffff', 'textAlignment': 'center', 'textFontWeight': 'normal' },    // Yellow color
            { 'text': '300','value': 300,'fillStyle': '#ff710f', 'textFontFamily': 'Arial', 'textFontSize': 16, 'textFillStyle': '#ffffff', 'textAlignment': 'center', 'textFontWeight': 'normal' },  // Red color
            { 'text': '0','value': 0,'fillStyle': '#000000', 'textFontFamily': 'Arial', 'textFontSize': 16, 'textFillStyle': '#ffffff', 'textAlignment': 'center', 'textFontWeight': 'normal' },    // Green color
            { 'text': '200','value': 200,'fillStyle': '#ff710f', 'textFontFamily': 'Arial', 'textFontSize': 16, 'textFillStyle': '#ffffff', 'textAlignment': 'center', 'textFontWeight': 'normal' }, // Blue color
            { 'text': '0','value': 0, 'fillStyle': '#000000', 'textFontFamily': 'Arial', 'textFontSize': 16, 'textFillStyle': '#ffffff', 'textAlignment': 'center', 'textFontWeight': 'normal' },    // Yellow color
            { 'text': '100', 'value': 100, 'fillStyle': '#ff710f', 'textFontFamily': 'Arial', 'textFontSize': 16, 'textFillStyle': '#ffffff', 'textAlignment': 'center', 'textFontWeight': 'normal' },  // Red color
            { 'text': '0', 'value': 0, 'fillStyle': '#000000', 'textFontFamily': 'Arial', 'textFontSize': 16, 'textFillStyle': '#ffffff', 'textAlignment': 'center', 'textFontWeight': 'normal' },    // Green color
            { 'text': '50','value': 50, 'fillStyle': '#ff710f', 'textFontFamily': 'Arial', 'textFontSize': 16, 'textFillStyle': '#ffffff', 'textAlignment': 'center', 'textFontWeight': 'normal' },  // Blue color
            { 'text': '0','value': 0, 'fillStyle': '#000000', 'textFontFamily': 'Arial', 'textFontSize': 16, 'textFillStyle': '#ffffff', 'textAlignment': 'center', 'textFontWeight': 'normal' }     // Yellow color
        ],
            'animation': {
                'type': 'spinToStop',
                'duration': 5,
                'spins': 12,
                'callbackFinished': 'showResult()'
            }
        });


        function spinWheel() {
    document.getElementById('result-wrapper').textContent = 'Spinning...';
    document.querySelector('.spin-button').disabled = true;

    // Start the wheel animation
    wheel.startAnimation();
}

// Function to show the result after spinning finishes
function showResult() {
    var selectedSegment = wheel.getIndicatedSegment();
    document.getElementById('result-wrapper').textContent = 'Congratulations! You won: ' + selectedSegment.text;
    document.querySelector('.spin-button').disabled = false;

    // Get the corresponding value of the selected segment
    var reward = selectedSegment.value; // Use the 'value' property

    // Send an AJAX request to the PHP file to handle the database operations
    $.ajax({
        url: 'claim-reward.php',
        type: 'POST',
        data: { reward: reward },
        success: function(response) {
            // Redirect to the new page after a delay
            setTimeout(function() {
                window.location.href = 'index.php';
            }, 2000); // 2000 milliseconds = 2 seconds
        },
        error: function(xhr, status, error) {
            console.error(error);
        }
    });
}


    </script>

<?php include 'bottom-tabs.php' ?>
<?php include 'includes/footer.php' ?>