PNG  IHDR pHYs   OiCCPPhotoshop ICC profilexڝSgTS=BKKoR RB&*! J!QEEȠQ, !{kּ> H3Q5 B.@ $pd!s#~<<+"x M0B\t8K@zB@F&S`cbP-`'{[! eDh;VEX0fK9-0IWfH  0Q){`##xFW<+*x<$9E[-qWW.(I+6aa@.y24x6_-"bbϫp@t~,/;m%h^ uf@Wp~<5j>{-]cK'Xto(hw?G%fIq^D$.Tʳ?D*A, `6B$BB dr`)B(Ͱ*`/@4Qhp.U=pa( Aa!ڈbX#!H$ ɈQ"K5H1RT UH=r9\F;2G1Q= C7F dt1r=6Ыhڏ>C03l0.B8, c˱" VcϱwE 6wB aAHXLXNH $4 7 Q'"K&b21XH,#/{C7$C2'ITFnR#,4H#dk9, +ȅ3![ b@qS(RjJ4e2AURݨT5ZBRQ4u9̓IKhhitݕNWGw Ljg(gwLӋT071oUX**| J&*/Tު UUT^S}FU3S ԖUPSSg;goT?~YYLOCQ_ cx,!k u5&|v*=9C3J3WRf?qtN (~))4L1e\kXHQG6EYAJ'\'GgSSݧ M=:.kDwn^Loy}/TmG X $ <5qo</QC]@Caaᄑ.ȽJtq]zۯ6iܟ4)Y3sCQ? 0k߬~OCOg#/c/Wװwa>>r><72Y_7ȷOo_C#dz%gA[z|!?:eAAA!h쐭!ΑiP~aa~ 'W?pX15wCsDDDޛg1O9-J5*>.j<74?.fYXXIlK9.*6nl {/]py.,:@LN8A*%w% yg"/6шC\*NH*Mz쑼5y$3,幄'L Lݛ:v m2=:1qB!Mggfvˬen/kY- BTZ(*geWf͉9+̳ې7ᒶKW-X潬j9(xoʿܔĹdff-[n ڴ VE/(ۻCɾUUMfeI?m]Nmq#׹=TR+Gw- 6 U#pDy  :v{vg/jBFS[b[O>zG499?rCd&ˮ/~јѡ򗓿m|x31^VwwO| (hSЧc3- cHRMz%u0`:o_F@8N ' p @8N@8}' p '#@8N@8N pQ9p!i~}|6-ӪG` VP.@*j>[ K^<֐Z]@8N'KQ<Q(`s" 'hgpKB`R@Dqj '  'P$a ( `D$Na L?u80e J,K˷NI'0eݷ(NI'؀ 2ipIIKp`:O'`ʤxB8Ѥx Ѥx $ $P6 :vRNb 'p,>NB 'P]-->P T+*^h& p '‰a ‰ (ĵt#u33;Nt̵'ޯ; [3W ~]0KH1q@8]O2]3*̧7# *p>us p _6]/}-4|t'|Smx= DoʾM×M_8!)6lq':l7!|4} '\ne t!=hnLn (~Dn\+‰_4k)0e@OhZ`F `.m1} 'vp{F`ON7Srx 'D˸nV`><;yMx!IS钦OM)Ե٥x 'DSD6bS8!" ODz#R >S8!7ّxEh0m$MIPHi$IvS8IN$I p$O8I,sk&I)$IN$Hi$I^Ah.p$MIN$IR8I·N "IF9Ah0m$MIN$IR8IN$I 3jIU;kO$ɳN$+ q.x* tEXtComment

Viewing File: /home/u403625155/domains/onegrandholding.com/public_html/dashboard/spin.php

<?php
require "header.php";
?>
<div class="container my-4 py-4">
    <div class="row my-4 py-4">
        <div class="col-12 col-sm-12 col-lg-5 mx-auto">
            <h1 class="title">SPIN AND WIN</h1>
                <section class="row" id="js-lotto">
                    <div class="square col-4" data-order="0">
                        <div class="card">
                            <div class="card-body">
                                <div class="square__content text-center">$30</div>
                            </div>
                        </div>
                        
                    </div>
                    <div class="square col-4" data-order="1">
                        <div class="card">
                            <div class="card-body">
                                <div class="square__content text-center">$70</div>
                            </div>
                        </div>
                    </div>
                    <div class="square col-4" data-order="2">
                        <div class="card">
                            <div class="card-body">
                                <div class="square__content text-center">$105</div>
                            </div>
                        </div>
                    </div>
                    <div class="square col-4" data-order="7">
                        <div class="card">
                            <div class="card-body">
                                <div class="square__content text-center">$200</div> 
                            </div>
                        </div>
                    </div>
                    <?php
                    $time=time();
                    $get_spins=mysqli_query($conn, "SELECT * FROM rewards WHERE user_id='$id' ORDER BY id DESC LIMIT 1");
                    $last=mysqli_fetch_assoc($get_spins);
                    $last_time=$last['timestamp'];
                    
                    if($time-$last_time>300){
                         //if(true){
                    ?>
                    <div class="square square__start-btn col-4" id="js-start">
                        <div class="card bg-primary">
                            <div class="card-body">
                                <div class="square__content text-center" id="start-game">START</div> 
                            </div>
                        </div>
                    </div>
                    <?php
                    }
                    else{
                        ?>
                        <div class="square square__start-btn col-4">
                        <div class="card bg-primary">
                            <div class="card-body">
                                <div class="square__content text-center"><small>come back later</small></div> 
                            </div>
                        </div>
                    </div>
                    <?php
                        
                    }
                    ?>
                    <div class="square col-4" data-order="3">
                        <div class="card">
                            <div class="card-body">
                                <div class="square__content text-center">$500</div> 
                            </div>
                        </div>
                    </div>
                    <div class="square col-4" data-order="6">
                        <div class="card">
                            <div class="card-body">
                                <div class="square__content text-center">$2000</div> 
                            </div>
                        </div>
                    </div>
                    <div class="square col-4" data-order="5">
                        <div class="card">
                            <div class="card-body">
                                <div class="square__content text-center">$3500</div> 
                            </div>
                        </div>
                    </div>
                    <div class="square col-4" data-order="4">
                        <div class="card">
                            <div class="card-body">
                                <div class="square__content text-center">$10000</div> 
                            </div>
                        </div>
                    </div>
                </section>
        </div>
    </div>
</div>

<style>
    *,
*::before,
*::after {
    box-sizing: border-box;
}


.title {
    text-align: center;
    margin: 1.2em 0;
    font-size: 2em;
    color: #FBFFFE;
    text-transform: uppercase;
}

.square{
    margin-bottom:5px;
    
     &.square:not(:nth-child(n+7)) {
        margin-bottom: 10px;
    }

    &.is-active {
        border: 20px solid gold;
    }
}

/*.square {*/
/*    border: 1px solid lightpink;*/
/*    flex: 0 0 200px;*/
    
/*    justify-content: center;*/
/*    align-items: center;*/
/*    height: 200px;*/
/*    background: #EB73B2;*/

/*    &.square:not(:nth-child(3n)) {*/
/*        margin-right: 10px;*/
/*    }*/

   
}

.square__content {
    font-size: 2.8em;
}

.square__start-btn {
   
    color: #e97573;
    font-size: 2em;
    cursor: pointer;

    &:hover {
        background: lighten(gold, 25%);
    }
}

</style>
<script>
let consecutiveSpins=0;
    const prizes = {
    0: '30',
    1: '70',
    2: '105',
    3: '200',
    4: '10000',
    5: '3500',
    6: '2000',
    7: '500',
};
const total_items = 8;
const minimum_jumps = 30; // 超過這數字開始進入抽獎
let current_index = -1;
let jumps = 0;
let speed = 30;
let timer = 0;
let prize = -1;

function runCircle() {
    $(`[data-order="${current_index}"]`).removeClass('is-active');

    current_index += 1; 
    
    

    if (current_index > total_items - 1) {
        current_index = 0;
    }

    $(`[data-order="${current_index}"]`).addClass('is-active');
}

function generatePrizeNumber() {
    consecutiveSpins+=1;
    let prizeNumber = Math.floor(Math.random() * total_items);
    console.log(prizeNumber);
    // Call the countdown function with the initial value (300 seconds)
    countdown(300);
    if(consecutiveSpins<=13){
        if(prizeNumber==4 || prizeNumber==5 || prizeNumber==6 ){
            console.log("regenerating...");
            let btn = $("#start-game");
            $(btn).attr("disabled",true);
            return generatePrizeNumber();
        }
        else{
            return prizeNumber
        }
    }
    else{
        return prizeNumber
    }
    
    //return Math.floor(Math.random() * total_items);
}

function controllSpeed() {
  //  consecutiveSpins+=1;
    jumps += 1;
    runCircle();
    // 1. 抽到獎品停止遊戲
    if (jumps > minimum_jumps + 10 && prize === current_index) {
        clearTimeout(timer);

        swal({
            title: `You Won $${prizes[current_index]}`,
            text: 'Congratulations!',
            icon: 'success',
        })
        .then(()=>{
            $.ajax({
                type: 'post',
                url: 'scripts/spin.php',
                data: {amount: prizes[current_index]},
                success: function(data){
                    console.log(data,prizes[current_index])
                    //location.replace('index')
                }
            })
        })

        prize = -1;
        jumps = 0;
    // 2. 還沒抽繼續跑
    } else {
        // 還沒進入關鍵抽獎階段前的速度 (前菜轉特效)
        if (jumps < minimum_jumps) {
            speed -= 5; // 加快
        // 決定獎品的位置
        } else if (jumps === minimum_jumps) {
            const random_number = generatePrizeNumber();
            prize = random_number;
        } else {
            // 下一個就是獎品時放慢鈍一下
            if ( (jumps > minimum_jumps + 10) && prize === (current_index + 1) ) {
                speed += 600;
            } else {
                speed += 20; // 減速
            }
        }
        if (speed < 40) {
            speed = 40;
        }

        timer = setTimeout(controllSpeed, speed);
    }
}

let currentSecond = 0;
function countdown(seconds) {
  
  
  const countdownInterval = setInterval(function() {
    if (currentSecond >= 300) {
      clearInterval(countdownInterval); // Stop the countdown when it reaches 0
      console.log("Countdown completed.");
    } else {
      //console.log(currentSecond);
      currentSecond++;
    }
  }, 1000); // Update the countdown every 1000 milliseconds (1 second)
}




function init() {
    jumps = 0;
    speed = 100;
    prize = -1;
    if(currentSecond==0){
        controllSpeed();
    }
    else{
        let waitSecond = 300-currentSecond;
        swal('Oops',`you have to wait ${waitSecond} seconds for the next spin`,'warning');
    }
    
}

$(document).ready(() => {
    $('#js-start').on('click', init);
});
</script>


<?php
require "footer.php";
?>
Back to Directory=ceiIENDB`