File: /home/u435929562/domains/butanking.com/public_html/resources/views/layouts/app.blade.php
<!doctype html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- CSRF Token -->
<meta name="csrf-token" content="{{ csrf_token() }}">
<title>{{ config('app.name', 'Laravel') }}</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<!-- Fonts -->
<link rel="dns-prefetch" href="//fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/dmuy/duDatepicker/dist/duDatepicker.css" />
<!-- Styles -->
<link href="{{ asset('css/app.css') }}" rel="stylesheet">
</head>
<body>
@php
$colorArr = ['gold','silver','platinum','mercury','sodium','copper','king','queen','master'];
@endphp
<section class="container main-block">
<form>
<div class="col-lg-2 col-sm-4 mx-auto mb-5">
<input class="form-control " type="text" placeholder="select date" name="date" id="date" onchange="getOldresults()"/>
</div>
</form>
<div class="row">
<div class="col-md-12">
<div class="table-responsive">
<table class="table draw-table d-none" id="old_table">
</table>
</div>
</div>
</div>
<div class="col-md-12 text-center clockdiv d-none">
<div id="clockdiv" class="mb-4">
<div>
<span class="days"></span>
<div class="smalltext">Days</div>
</div>
<div>
<span class="hours"></span>
<div class="smalltext">Hours</div>
</div>
<div>
<span class="minutes"></span>
<div class="smalltext">Minutes</div>
</div>
<div>
<span class="seconds"></span>
<div class="smalltext">Seconds</div>
</div>
</div>
</div>
{{-- {{ dd($latestDraw) }} --}}
<div class="new-data d-none">
@if ($drawLen > 0)
<h3 class="derby" ><span id="draw-header">{{$latestDraw['draws']['draw_name']}} {{$day}} {{$time}}</span></h3>
<div class="row">
<div class="col-md-8">
<div class="table-responsive" id="price-list-table">
<table class="table draw-table index-table">
<tr class="draw-no">
<td>Draw No</td>
<td>{{$latestDraw['draw_number']}}</td>
</tr>
<tr class="draw-date">
<td>Draw Date</td>
<td>{{$date}}</td>
</tr>
<tr>
<td>First Price</td>
<td>{{$latestDraw['first_price']}}</td>
</tr>
<tr>
<td>Second Price</td>
<td>{{$latestDraw['second_price']}}</td>
</tr>
<tr>
<td>Third Price</td>
<td>{{$latestDraw['third_price']}}</td>
</tr>
<tr>
<td>Fourth Price</td>
<td>{{$latestDraw['fourth_price']}}</td>
</tr>
<tr>
<td>Fifth Price</td>
<td>{{$latestDraw['fifth_price']}}</td>
</tr>
</table>
<table class="table draw-table ajax-table d-none">
</table>
</div>
</div>
@endif
<div class="col-md-4">
@if ($drawLen > 0)
@php $j = 0 @endphp
@foreach ($draw as $k=>$v)
<button class="btn btn-derby get-draw-data {{ $colorArr[$k] }}" type="button" data-id ="{{ $v->id }}">
<span>{{ $v->draws->draw_name }}</span>
<span>{{ date('l', strtotime($v->draw_date))." ".date('h:i:s A', strtotime($v->draw_time)) }} </span>
</button>
@php $j = $k @endphp
@endforeach
@endif
@if($upcomingDraw != null)
<button class="btn btn-derby get-upcoming {{ $colorArr[$j+1]}}" type="button">
<span>{{ $upcomingDraw->draws->draw_name }}</span>
<div class="col-md-12 text-center clockdiv-right">
<div id="clockdiv-right" class="mb-4 mt-2">
<div>
<span class="days"></span>
<div class="smalltext">Days</div>
</div>
<div>
<span class="hours"></span>
<div class="smalltext">Hours</div>
</div>
<div>
<span class="minutes"></span>
<div class="smalltext">Minutes</div>
</div>
<div>
<span class="seconds"></span>
<div class="smalltext">Seconds</div>
</div>
</div>
</div>
{{-- <span>{{ date('l', strtotime($upcomingDraw->draw_date))." ".date('h:i:s A', strtotime($upcomingDraw->draw_time)) }} </span> --}}
</button>
@endif
</div>
</div>
</div>
<div class="error d-none" id="error">
<div class="alert alert-danger"> <strong>Sorry </strong> No Draws found.</div>
</div>
</section>
{{-- @if($draw[0]['id'] == $upcomingDraw['id'])
<script>
var draw_time = "{{ $upcomingDraw->draw_time ?? ''}}" ;
var date = new Date(`${new Date().getFullYear()}-${new Date().getMonth()+1}-${new Date().getDate()} ${draw_time}`);
</script>
@endif --}}
<script src="{{url('plugins/jquery/jquery.min.js')}}"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" ></script>
<script src="https://cdn.jsdelivr.net/gh/dmuy/duDatepicker/dist/duDatepicker.js"></script>
<script src="{{url('js/common-helper.js?v='.time())}}"></script>
<script>
var url = '{{url("/")}}';
var token = $('meta[name="csrf-token"]').attr("content");
duDatepicker('#date', { format: 'yyyy-mm-dd', maxDate: 'today' ,setValue: 'today' });
function getOldresults()
{
var date = $('#date').val();
$.ajax({
type: "POST",
data: {
"date" : date,
"_token" : token
},
url: url + '/get-previous-data',
statusCode:{
202:function(response){
$('.new-data').addClass('d-none');
$('#old_table').addClass('d-none');
$('#error').removeClass('d-none');
},
201:function(response){
location.reload();
},
200:function(response){
html = `<tr>
<td>Draw No : <span id="draw_no">${response.data[0].draw_number}</span></td>
<td>Time</td>
<td>Result</td>
</tr>`;
$.each(response.data, function(k, v) {
html += `<tr class="draw_${v.id}" >
<td>${v.draws.draw_name}</td>
<td>${tConvert(v.draw_time)}</td>
<td>${v.first_price}</td>
</tr>`;
});
$('#error').addClass('d-none');
$('.new-data').addClass('d-none');
$('#old_table').removeClass('d-none');
$('#old_table').html(html);
}
}
});
}
var draw_time = "{{ $upcomingDraw->draw_time ?? ''}}" ;
var date = new Date(`${new Date().getFullYear()}-${new Date().getMonth()+1}-${new Date().getDate()} ${draw_time}`);
function getTimeRemaining(endtime) {
var t = Date.parse(endtime) - Date.parse(new Date());
var seconds = Math.floor((t / 1000) % 60);
var minutes = Math.floor((t / 1000 / 60) % 60);
var hours = Math.floor((t / (1000 * 60 * 60)) % 24);
var days = Math.floor(t / (1000 * 60 * 60 * 24));
return {
'total': t,
'days': days,
'hours': hours,
'minutes': minutes,
'seconds': seconds
};
}
function initializeClock(id, endtime) {
// $(".clockdiv").removeClass('d-none');
var clock = document.getElementById(id);
var daysSpan = clock.querySelector('.days');
var hoursSpan = clock.querySelector('.hours');
var minutesSpan = clock.querySelector('.minutes');
var secondsSpan = clock.querySelector('.seconds');
function updateClock() {
var t = getTimeRemaining(endtime);
daysSpan.innerHTML = t.days;
hoursSpan.innerHTML = ('0' + t.hours).slice(-2);
minutesSpan.innerHTML = ('0' + t.minutes).slice(-2);
secondsSpan.innerHTML = ('0' + t.seconds).slice(-2);
if (t.total <= 0) {
var id = $('.get-upcoming').data('id');
$(".clockdiv").addClass('d-none');
clearInterval(timeinterval);
getDrawData(id);
}
}
updateClock();
var timeinterval = setInterval(updateClock, 1000);
}
var deadline = date;
initializeClock('clockdiv', deadline);
function getDrawData(id = 0) {
var weekday = ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"];
if(id == 0)
{
id = '';
}
$.ajax({
type: "GET",
url: url + '/get-draw-data/'+id,
statusCode:{
201:function(response){
location.reload();
},
200:function(xhr){
var date = new Date(xhr.data.latestDraw.draw_date);
var day = date.getDay();
var time = xhr.data.latestDraw.draw_time;
$('.index-table').addClass('d-none');
$('.ajax-table').removeClass('d-none');
var html = `<tr class="draw-no">
<td>Draw No</td>
<td>${xhr.data.latestDraw.draw_number}</td>
</tr>
<tr class="draw-date">
<td>Draw Date</td>
<td>${xhr.data.latestDraw.draw_date}</td>
</tr>
<tr>
<td>First Price</td>
<td>${xhr.data.latestDraw.first_price}</td>
</tr>
<tr>
<td>Second Price</td>
<td>${xhr.data.latestDraw.second_price}</td>
</tr>
<tr>
<td>Third Price</td>
<td>${xhr.data.latestDraw.third_price}</td>
</tr>
<tr>
<td>Fourth Price</td>
<td>${xhr.data.latestDraw.fourth_price}</td>
</tr>
<tr>
<td>Fifth Price</td>
<td>${xhr.data.latestDraw.fifth_price}</td>
</tr>`;
$('.ajax-table').html(html);
$('#draw-header').text(xhr.data.latestDraw.draws.draw_name+ ' ' +weekday[day]+ ' '+ tConvert(time));
}
}
});
}
$(document).on('click','.get-draw-data',function(){
var draw_id = $(this).data('id');
getDrawData(draw_id)
});
if("{{ $drawLen }}" == 0){
$('.clockdiv').removeClass("d-none");
}
else{
$('.new-data').removeClass("d-none");
$('.clockdiv').addClass("d-none");
var draw_time_right = "{{ $upcomingDraw->draw_time ?? ''}}" ;
deadline_right = new Date(`${new Date().getFullYear()}-${new Date().getMonth()+1}-${new Date().getDate()} ${draw_time_right}`);
initializeClock('clockdiv-right', deadline);
// var latestDraw = "{{ $latestDraw }}";
// console.log(latestDraw);
// $('#draw-header').text('')
}
</script>
</body>
</html>