Professional Documents
Culture Documents
Gramfree Lottery
Gramfree Lottery
DOCTYPE html>
<html class="loading" lang="en" data-textdirection="ltr">
<!-- BEGIN: Head-->
<head>
<script src="https://www.google.com/recaptcha/api.js?
render=6LcAGv4UAAAAADGyXxiQS6tmitSxfBEmj8ez6nfr"></script>
ym(57547003, "init", {
clickmap:true,
trackLinks:true,
accurateTrackBounce:true
});
</script>
<!-- /Yandex.Metrika counter -->
</head>
<!-- END: Head-->
</ul>
<div class="progress progress-bar-primary progress-lg" style="
">
<div class="progress-bar progress-bar-
striped progress-bar-animated" role="progressbar" aria-valuenow="20" aria-
valuemin="20" aria-valuemax="100" style="width:12%"></div>
</div>
</div>
<ul class="nav navbar-nav float-right">
<li class="nav-item d-none d-lg-block" style="display: none!
important;"><a class="nav-link nav-link-expand"></a></li>
<style type="text/css">
#navbar-mobile {
width: 100%;
display: flex;
}
#navbar-mobile .bookmark-wrapper {
width: 100%;
}
.progress {
width: 100%;
margin: 0 10px;
}
.progress:last-child {
margin-bottom: 0;
}
.progress-bar {
transition: all 0.5s;
}
.swal2-shown .navbar-wrapper {
/*margin-right: 17px;*/
}
.swal2-shown .header-navbar{
transition: none;
margin-right: 47px;
width: calc(100vw - (100vw - 100%) - calc(2.2rem * 2) - 277px);
}
@media (max-width: 600px) {
#navbar-mobile {
display: flex;
}
.header-navbar.floating-nav {
width: calc(100vw - (100vw - 100%) - 2.5rem) !important;
}
.swal2-shown .header-navbar{
transition: none;
margin-right: 1.2rem;
}
}
</style>
</center>
<div class="col-lg-6">
<div class="card">
<div class="card-header">
<h4 class="mb-1">Buy tickets</h4>
</div>
<form method="post" action="buyTicket" id="form-
buy">
<div class="card-content">
<div class="card-body">
<div class="row">
<div class="col-12 mb-2 pr-0">
<div class="input-group input-
group-lg">
<input type="number" id="count-
tickets" class="touchspin" value="1" min="" max="" name="count">
</div>
</div>
<div class="col-12 pr-0">
<div class="form-group">
<fieldset>
<div class="input-group">
<div class="input-group-
prepend">
<span class="input-
group-text">Price</span>
</div>
<input type="text"
id="price" class="form-control" value="0.1 Gram" aria-label="Amount (to the nearest
dollar)" disabled>
</div>
</fieldset>
</div>
</div>
<div class="col-12 pr-0">
<div class="form-group">
<fieldset>
<div class="input-group">
<div class="input-group-
prepend">
<span class="input-
group-text">Min win chance</span>
</div>
<input type="text"
id="chance" class="form-control" value="2%" aria-label="Amount (to the nearest
dollar)" disabled>
</div>
</fieldset>
</div>
</div>
<div class="col-12 pr-0">
<div class="form-group">
<fieldset>
<div class="input-group">
<div class="input-group-
prepend">
<span class="input-
group-text">Available balance</span>
</div>
<input type="text"
class="form-control" value="1.5 Gram" aria-label="Amount (to the nearest dollar)"
disabled>
</div>
</fieldset>
</div>
</div>
<div class="col-12">
<button class="btn btn-primary
waves-effect waves-light mb-2" id="btn-copy">Buy!</button>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
<div class="col-lg-6">
<div class="card">
<div class="card-header">
<h4 class="mb-0">Prizes</h4>
</div>
<div class="card-content">
<div class="table-responsive mt-1">
<table class="table table-hover-animation
mb-0">
<thead>
<tr>
<th>POSITION</th>
<th>PAYOUT</th>
</tr>
</thead>
<tbody>
<tr>
<td>1-10th</td>
<td>5000.0 Gram</td>
</tr>
<tr>
<td>11-20th</td>
<td>3000.0 Gram</td>
</tr>
<tr>
<td>21-30th</td>
<td>1000.0 Gram</td>
</tr>
<tr>
<td>31-50th</td>
<td>200.0 Gram</td>
</tr>
<tr>
<td>51-100th</td>
<td>20.0 Gram</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-header">
<h4 class="mb-0">Last 5 rounds</h4>
</div>
<div class="card-content">
<div class="table-responsive mt-1">
<table class="table table-hover-animation mb-
0">
<thead>
<tr>
<th>LOTTERY ROUND</th>
<th>TICKETS</th>
<th>STATUS</th>
<th>WON TICKETS</th>
<th>WON AMOUNT</th>
</tr>
</thead>
<tbody>
<tr>
<td>#307</td>
<td>5</td>
<td><i class="fa fa-circle font-
small-3 text-success mr-50"></i>Completed</td>
<td>0</td>
<td>0.0 Gram</td>
</tr>
<tr>
<td>#298</td>
<td>1</td>
<td><i class="fa fa-circle font-
small-3 text-success mr-50"></i>Completed</td>
<td>0</td>
<td>0.0 Gram</td>
</tr>
<tr>
<td>#294</td>
<td>2</td>
<td><i class="fa fa-circle font-
small-3 text-success mr-50"></i>Completed</td>
<td>0</td>
<td>0.0 Gram</td>
</tr>
<tr>
<td>#292</td>
<td>7</td>
<td><i class="fa fa-circle font-
small-3 text-success mr-50"></i>Completed</td>
<td>0</td>
<td>0.0 Gram</td>
</tr>
<tr>
<td>#286</td>
<td>18</td>
<td><i class="fa fa-circle font-
small-3 text-success mr-50"></i>Completed</td>
<td>0</td>
<td>0.0 Gram</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<style>
.ad_responsive_2 { width: 300px; height: 250px; }
@media(min-width: 340px) { .ad_responsive_2 { width: 336px; height: 280px; } }
@media(min-width: 600px) { .ad_responsive_2 { width: 580px; height: 400px; } }
</style>
</center></div>
</div>
</div>
</div>
<!-- END: Content-->
<div class="sidenav-overlay"></div>
<div class="drag-target"></div>
<script type="text/javascript">
$(document).ready( function() {
var minCountTickets = 0,
maxCountTickets = 0,
balance = 1.5;
$("#count-tickets").val(minCountTickets);
var countTickets = $("#count-tickets").val();
var chance = minChance * countTickets;
$("#count-tickets").on('change',function() {
countTickets = $("#count-tickets").val();
var chance = minChance * countTickets;
$('#price').val((onePriceTicket * countTickets).toFixed(1) + "
Gram");
$("#chance").val( chance.toFixed(2) + '%');
});
$("#count-tickets").on('keyup',function() {
countTickets = $("#count-tickets").val();
var chance = minChance * countTickets;
$('#price').val((onePriceTicket * countTickets).toFixed(1) + "
Gram");
$("#chance").val( chance.toFixed(2) + '%');
});
countTickets = $("#count-tickets").val();
var chance = minChance * countTickets;
$('#price').val((onePriceTicket * countTickets).toFixed(1) + "
Gram");
$("#chance").val( chance.toFixed(2) + '%');
});
$(".bootstrap-touchspin-injected button").on('click', function() {
countTickets = $("#count-tickets").val();
var chance = minChance * countTickets;
$('#price').val((onePriceTicket * countTickets).toFixed(1) + "
Gram");
$("#chance").val( chance.toFixed(2) + '%');
});
// var a = new Date($('#lottery-time').data('time') * 1000);
let timeSec = Math.ceil($('#lottery-time').data('time'));
let hour = timeSec/3600 ^ 0;
let min = (timeSec-hour*3600)/60 ^ 0;
let sec = timeSec-hour*3600-min*60;
let time = hour + ':' + min + ':' + sec ;
clearInterval(interval);
return;
}
$('#lottery-time').html(hourse + ':' +minutes + ':' + seconds);
time = hourse + ':' + minutes + ':' + seconds;
}, 1000);
$('#form-buy').on('submit',function(e){
})
});
</script>
</body>
<!-- END: Body-->
</html>