
­­­­­­­­­­­­­­­­­­
<!DOCTYPE html>
<html>
<?php
include "../login/landing_api.php";

//is_active_session();

if(isset($_GET['prizeCode'])){}else{

$newURL = 'https://funlandksa.com/luckywheel/login/';

header('Location: '.$newURL);      
}    

$prize_details = get_prize_details($_GET['prizeCode']);

//print_r($prize_details);

?>
<!DOCTYPE html>
<html lang="en">
<head>
  <title>Funland | Everyone is winner</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>

<style>
body{
 background-image: url("../login/images/bg.jpg");
 background-color: #cccccc; 
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}

.input-kd{
    border: 3px solid #fff;
    border-radius: 23px;
    background-image: linear-gradient(to right,#E6E6E6, #fff);
    box-shadow: 0px 0px 4px 4px #2dbdbb;
}

.label-kd{
color: #fcda00;
}
.fl-right{
    float: right;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {

.win-img{
    height:285px;
}

.gift-box-kd{
    margin-top: -183px;
}

.term1{
height: 29px;float:right;    
}
.term2{
height: 29px;float:left;    
}
    
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {


.win-img{
    height:285px;
}
   
.gift-box-kd{
    margin-top: -183px;
} 

.term1{
height: 29px;float:right;    
}
.term2{
height: 29px;float:left;    
}
    
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {

.win-img{
    height: 430px;
}

.gift-box-kd{
    margin-top: -252px;
}

.term1{
height: 57px;float:right;    
}
.term2{
height: 57px;float:left;    
}
    
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {

.win-img{
    height: 430px;
}

.gift-box-kd{
    margin-top: -252px;
}

.term1{
height: 57px;float:right;    
}
.term2{
height: 57px;float:left;    
}
    
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

.win-img{
    height: 430px;
}

.gift-box-kd{
    margin-top: -252px;
}

.term1{
height: 57px;float:right;    
}
.term2{
height: 57px;float:left;    
}
    
}




    
</style>  
  
</head>
<body>
<div class="container">

<div style="height:96px;"></div>

<div style="
    top: 15px;
    left: 201px;
    position: absolute;
">
<img src="../login/images/funland-logo.png" style="height: 57px;" >    
</div>

<div style="
    top: 15px;
    right: 201px;
    position: absolute;
">
<img src="../login/images/hashtag.png" style="height: 57px;" >    
</div>



<div>
<img src="<?php echo "../thank-you/".$prize_details['prize'].".png"; ?>" class="mx-auto d-block win-img" style="margin-top:-64px;">    
</div>

<div>
<img src="../login/images/gift-box-thank-you.png" class="gift-box-kd mx-auto d-block win-img">    
</div>

<?php $digits = 4;
$code =  rand(pow(10, $digits-1), pow(10, $digits)-1); ?>

<div>
<div style="height:165px;width:165px;background:white;text-align:center;" class="mx-auto d-block">   
<img style="margin-top: 7.5px;" src="https://api.qrserver.com/v1/create-qr-code/?data=<?php echo $prize_details['prize_code']; ?>&amp;size=150x150"  > 
</div>
</div>

<div style="height:64px;"></div>

<div class="row">
<div class="col-6">
<img src="../login/images/terms-2.png" class="term2"  >    
</div>

<div class="col-6">
<img src="../login/images/terms-1.png" class="term1"  >    
</div>

</div>

<audio id="myAudio">
  <source src="cheers.ogg" type="audio/ogg">
  <source src="cheers.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>    
    
</div>    
<div style="height:64px;"></div> 
<div style="height:64px;"></div> 

<?php 



?>
    
</body>

<script>
var x = document.getElementById("myAudio"); 

function playAudio() { 
  x.play(); 
} 

x.play();
</script>

</html>