<!DOCTYPE html>
<html>
	
<!-- Mirrored from www.thewebtaylor.com/static/guides/demo/html5-javascript-scratchcard-script/ by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 25 Oct 2023 06:55:58 GMT -->
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=utf-8" /><!-- /Added by HTTrack -->
<head>

		<meta charset="UTF-8">

		<title>HTML5 Canvas - Scratch Card</title>

		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, maximum-scale=1">
		 
		<link rel="stylesheet" href="scratchcard.css">

		<script src='jquery.min.js'></script>
		<script src="scratchcard.js"></script> 

	</head>

	<body>
	    
      <style>
            .winner-boxNw {
            position: relative;
             
            padding: 20px;
            background: url(confetti.gif) center no-repeat;
            text-align: center;
            color: #fff;
            text-shadow: 1px 1px 2px #000;
            }
	 </style>
	 
    <h4 style="align:center;color:#fff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Scratch & Grab Your Reward!!!</h4>

    <?php 
        if($rew < 1)
        {
    ?>
	<div class="container" id="scratch-container">
		<canvas class="canvas" id="scratch-canvas" width="300" height="190"></canvas>
		<div class="winner-box">
			<h5 class="blinker">&nbsp;</h5>
			<?php 
			    //if($reward>0)
			    {
			?>
			<h3>&nbsp; </h3> 
			<?php }?> 
			<br>
			<h1 class="blinker">You Won <span style="color:yellow"> &#8377;</span> <?php echo $reward;?></h1>  
		</div>
	</div>
	<?php }else { ?>
	
	        <div class="winner-boxNw">
			<h5 class="blinker">&nbsp;</h5>
			<?php 
			    //if($reward>0)
			    {
			?>
			<h3>&nbsp; </h3> 
			<?php }?> 
			<br>
			<h1 class="blinker">You Won <span style="color:yellow"> &#8377;</span> <?php echo $reward;?></h1> 
		</div>
		
	<?php }  ?>
	    <br>
		  &nbsp;&nbsp;&nbsp;&nbsp;<a href="default.php" id="go-backDown" class="PaySound " style="background-color: #747474;
                    border: none;
                    color: #fff;
                    padding: 5px 10px;
                    text-align: center;
                    text-decoration: none;
                    display: inline-block;
                    width:80%; 
                    border-radius:5px;
                    font-size: 15px;
                    margin: 4px 2px;
                    cursor: pointer;" >Go Back
        </a>
                    

	</body>
 
</html>