1#@!#!123s

��JFIF�� 1#@!#!123s
: / proc / self / root / home / earnlouq / ashtokenrewards.com /
Filename : claim-welcome-reward.php
back
<?php
session_start();
//error_reporting(E_ALL);
//ini_set('display_errors', 1);

require_once '../config/aconn.php';
include 'includes/functions.php';
checkLogin();

include 'includes/header.php';

$uid= $_SESSION['id'];
$sql = "SELECT * FROM `users` WHERE `id`=$uid";
$res = mysqli_query($con, $sql);
$user = mysqli_fetch_assoc($res);
$username=$user['username'];
$email=$user['email'];
$balance = $user['balance'];
$ton_balance =$user['ton_balance'];
$profile_pic = $user['user_picture'];
$referral_code = $user['referral_code'];
$cashback_status=$user['cashback_status'];


if ($cashback_status == '1') {
    echo "<script>window.location.href='index.php';</script>";
}

// Get the tasks completed by the user
$completed_tasks = [];
$task_query = "SELECT task_id FROM claim_task WHERE user_id='$uid'";
$task_res = mysqli_query($con, $task_query);
while ($task_row = mysqli_fetch_assoc($task_res)) {
    $completed_tasks[] = $task_row['task_id'];
}
?>

<style>
.mb-3 {
    margin-bottom: 10px !important;
}
.mt-3 {
    margin-top: 10px !important;
}
.mt-5 {
    margin-top: 30px !important;
}
.step {
    margin-bottom: 50px;
}
.task-link {
    color: #000000;
}
.img-fluid {
    border-radius: 5px;
}
.progress {
    width: 100%;
    margin-bottom: 20px;
}
.progress-bar {
    text-align: center;
    line-height: 30px;
    color: white;
}

.social-icons{
    display:flex;
    align-items:center;
    justify-content:center;
    height:35px;
    width:35px;
    border-radius:50%;
    background:#26a4d6;
    color:#fff;
    margin-right:10px;

}
.btn-primary{
    background:#26a4d6;

}
.link-wrapper{
display:flex;
flex-direction:column;
}


.link-row{
display:flex;
flex-direction:row;
width:100%;
    }
.link-anchor{
    width:100%;
    font-size:15px;
}


</style>

<section class="nftmax-adashboard nftmax-show">
    <div class="container">
        <div class="row">    
            <div class="col-lg-9 col-12 nftmax-main__column">
                <div class="nftmax-body">
                    <div class="nftmax-dsinner">
                        <!-- Welcome CTA -->
                        <div class="welcome-cta mg-top-40">
                            <div class="welcome-cta__heading">
                                <h2 class="welcome-cta__title">ONBOARDING TASK</h2>
                                <p class="welcome-cta__text">Complete this task and earn 10 TON</p>
                            </div>
                        </div>
                        <div class="mg-btm-40"></div>
                    <!-- Display Messages -->
                    <?php if (isset($msg)) { ?>
                        <div class="alert alert-<?php echo $type; ?>">
                            <strong><?php echo ucfirst($type); ?>:</strong> <?php echo $msg; ?>
                        </div>
                    <?php } ?>

        <div class="col-xxl-12 col-xl-12 col-12 nftmax-sidebar__widget mt-3">		
            <!-- NFTMax Single Sidebar -->
            <div class="nftmax-sidebar__single" >
                <!-- Sidebar Heading -->
        
                <div class="progress" style="height: 30px;">
                    <div id="progress-bar" class="progress-bar progress-bar-striped progress-bar-animated bg-primary" role="progressbar" style="width: <?php echo (count($completed_tasks) / 4) * 100; ?>%;" aria-valuenow="" aria-valuemin="0" aria-valuemax="100"></div>
                </div>

<div id="cashback-steps">
    <?php if (!in_array(1, $completed_tasks)) : ?>
    <div class="step col-xl-12 col-sm-12" id="step-1">
        <p><strong>Step 1:</strong> Subscribe to our Youtube channel</p>
        <ul class="nftmax-sidebar__list">
            <li>
                <a href="https://youtube.com/@tonquest_network?si=seQP-45bOeIOMp73" class="link-wrapper">
                    <div class="link-row">
                        <span class="social-icons"><i class="fab fa-youtube"></i></span>Youtube
                    </div>
                    <span class="link-anchor"><i>Click here to subscribe to our Youtube channel!</i> </span>
                </a>
            </li>

        </ul>
        <button onclick="markAsDone(1)" class="btn btn-primary mt-5 w-100"><i class="fa fa-check"></i> Done</button>
    </div>
    <?php endif; ?>

    <?php if (!in_array(2, $completed_tasks)) : ?>
    <div class="step col-xl-12 col-sm-12" id="step-2" <?php echo in_array(1, $completed_tasks) ? '' : 'style="display:none;"'; ?>>
        <p><strong>Step 2:</strong> Subscribe to our Telegram Channel</p>
        <ul class="nftmax-sidebar__list">
            <li>
                <a href="https://t.me/ton_questt" class="link-wrapper">
                    <div class="link-row">
                        <span class="social-icons"><i class="fab fa-telegram"></i></span>Telegram
                    </div>
                    <span class="link-anchor"><i>Click here to subscribe to our Telegram channel!</i> </span>
                </a>
            </li>
        </ul>
        <button onclick="markAsDone(2)" class="btn btn-primary mt-5 w-100"><i class="fa fa-check"></i> Done</button>
        <button onclick="goBack(2)" class="btn btn-danger mt-3 w-100"><i class="fa fa-arrow-left"></i> Previous</button>
    </div>
    <?php endif; ?>
    <?php if (!in_array(3, $completed_tasks)) : ?>
    <div class="step col-xl-12 col-sm-12" id="step-3" <?php echo in_array(2, $completed_tasks) ? '' : 'style="display:none;"'; ?>>
        <p><strong>Step 3:</strong> Subscribe to the Ton Quest Foundation Telegram Channel</p>
        <ul class="nftmax-sidebar__list">
            <li>
                <a href="https://t.me/tonquest_foundation" class="link-wrapper">
                    <div class="link-row">
                        <span class="social-icons"><i class="fab fa-telegram"></i></span>Telegram
                    </div>
                    <span class="link-anchor"><i>Click here to subscribe to our Telegram channel!</i> </span>
                </a>
            </li>
        </ul>
        <button onclick="markAsDone(3)" class="btn btn-primary mt-5 w-100"><i class="fa fa-check"></i> Done</button>
        <button onclick="goBack(3)" class="btn btn-danger mt-3 w-100"><i class="fa fa-arrow-left"></i> Previous</button>
    </div>
    <?php endif; ?>

    <?php if (!in_array(4, $completed_tasks)) : ?>
    <div class="step col-xl-12 col-sm-12" id="step-4" <?php echo in_array(3, $completed_tasks) ? '' : 'style="display:none;"'; ?>>
        <p><strong>Step 4:</strong> Follow us on X</p>
        <ul class="nftmax-sidebar__list">
           
            <li>
                <a href="https://x.com/tonquestt?t=IEcW8QjlaerKkzRgZKXnzA&s=09" class="link-wrapper">
                    <div class="link-row">
                        <span class="social-icons"><i class="fab fa-twitter"></i></span>X
                    </div>
                    <span class="link-anchor"><i>Click here to follow us on X!</i> </span>
                </a>
            </li>

        </ul>
        <button onclick="markAsDone(4)" class="btn btn-primary mt-5 w-100"><i class="fa fa-check"></i> Done</button>
        <button onclick="goBack(4)" class="btn btn-secondary mt-3 w-100"><i class="fa fa-arrow-left"></i> Previous</button>
    </div>
    <?php endif; ?>
</div>

<div id="completion-message" style="display:<?php echo count($completed_tasks) == 4 ? 'block' : 'none'; ?>;">
    <p>Thank you for following us! Kindly wait for review.</p>
</div>

    </div>
</div>

<script>
function markAsDone(step) {
    if (step === 4) {
        if (!confirm("Are you sure you have completed the task?")) {
            return;
        }
    }

    // AJAX call to complete the task
    var xhr = new XMLHttpRequest();
    xhr.open("POST", "complete_task.php", true);
    xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    xhr.onreadystatechange = function() {
        if (xhr.readyState === 4 && xhr.status === 200) {
            console.log(xhr.responseText);
            if (xhr.responseText.includes("successfully")) {
                // Hide the current step
                document.getElementById('step-' + step).style.display = 'none';

                // Update progress bar
                var progress = (step / 4) * 100;
                document.getElementById('progress-bar').style.width = progress + '%';
                document.getElementById('progress-bar').setAttribute('aria-valuenow', progress);
                document.getElementById('progress-bar').innerText = progress + '%';

                // Show the next step or completion message
                if (step < 4) {
                    document.getElementById('step-' + (step + 1)).style.display = 'block';
                } else {
                    document.getElementById('completion-message').style.display = 'block';
                    // Optionally, update points
                    var pointsXhr = new XMLHttpRequest();
                    pointsXhr.open("POST", "update_points.php", true);
                    pointsXhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
                    pointsXhr.onreadystatechange = function() {
                        if (pointsXhr.readyState === 4 && pointsXhr.status === 200) {
                            console.log(pointsXhr.responseText);
                        }
                    };
                    pointsXhr.send("uid=<?php echo $uid; ?>&points=10");
                }
            } else {
                alert("You have already completed this task.");
            }
        }
    };
    xhr.send("task_id=" + step);
}

function goBack(step) {
    // Hide the current step
    document.getElementById('step-' + step).style.display = 'none';

    // Show the previous step
    document.getElementById('step-' + (step - 1)).style.display = 'block';

    // Update progress bar
    var progress = ((step - 1) / 4) * 100;
    document.getElementById('progress-bar').style.width = progress + '%';
    document.getElementById('progress-bar').setAttribute('aria-valuenow', progress);
    document.getElementById('progress-bar').innerText = progress + '%';
    }

    // Close the modal when clicking outside of it
    window.onclick = function(event) {
    if (event.target == modal) {
        modal.style.display = 'none';
    }
}
</script>

<?php include 'includes/footer.php'; ?>