129 lines
5.0 KiB
PHP
129 lines
5.0 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
@include('layouts.shared/title-meta', ['title' => "Report"])
|
|
@include('layouts.shared/head-css', ["mode" => $mode ?? '', "demo" => $demo ?? ''])
|
|
</head>
|
|
<body class="loading" style="background:#FAFAFA">
|
|
<div class="loader text-white">
|
|
<i class="mdi mdi-loading mdi-spin mdi-48px" aria-hidden="true"></i><br />Loading
|
|
</div>
|
|
<nav class="navbar list-inline justify-content-center">
|
|
<ul class="pagination">
|
|
<li class="page-item {{($page == 'scores') ? 'active' : ''}}"><a class="page-link" href="/form/competitioncontest?page=scores">Live Scores</a></li>
|
|
<li class="page-item {{($page == 'schedule') ? 'active' : ''}}"><a class="page-link" href="/form/competitioncontest?page=schedule">Schedule</a></li>
|
|
<li class="page-item {{($page == 'table') ? 'active' : ''}}"><a class="page-link" href="/form/competitioncontest?page=table">Points Table</a></li>
|
|
</ul>
|
|
</nav>
|
|
|
|
@if($page == 'scores')
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<h4 class="header-title mb-2">{{$title}}</h4>
|
|
<div class="row">
|
|
@foreach($scores as $score)
|
|
<div class="col-lg-4">
|
|
<div class="card border mb-3">
|
|
<div class="card-body">
|
|
<h4 class="card-title text-primary">{{$score->title}}</h4>
|
|
<p>{{date("d M Y h:iA", strtotime($score->validity_start))}} - {{date("d M Y h:iA", strtotime($score->validity_end)-1 )}}</p>
|
|
<!-- <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p> -->
|
|
@foreach($score->participants as $participant)
|
|
@if($participant->type == 'Team')
|
|
<div class="row mt-2">
|
|
<div class="col-3"><img src="{{$participant->team->image}}" alt="contact-img" title="contact-img" class="avatar-md" /></div>
|
|
<div class="col-6"><h5 class="m-0 fw-normal">{{$participant->team->name}}</h5></div>
|
|
<div class="col-3"><h4>{{$participant->score}}</h4></div>
|
|
</div>
|
|
@endif
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endif
|
|
|
|
@if($page == 'schedule')
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<h4 class="header-title mb-2">{{$title}}</h4>
|
|
<div class="row" style="background:#00AED9; color: #fff; padding:5px 0; border-radius: 5px 5px 0 0">
|
|
<div class="col-4">Date</div>
|
|
<div class="col-4">Match</div>
|
|
<div class="col-2">Status</div>
|
|
<div class="col-2">Result</div>
|
|
</div>
|
|
@foreach($schedules as $schedule)
|
|
<div class="row mt-2">
|
|
<div class="col-4">{{date("d M, Y", strtotime($schedule->validity_start))}}<br />{{date("d M, Y", strtotime($schedule->validity_end))}}</div>
|
|
<div class="col-4"><h6>{{$schedule->title}}</h6></div>
|
|
<div class="col-2">-</div>
|
|
<div class="col-2">-</div>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
@endif
|
|
|
|
@if($page == 'table')
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<h4 class="header-title mb-2">{{$title}}</h4>
|
|
<div class="row" style="background:#00AED9; color: #fff; padding:5px 0; border-radius: 5px 5px 0 0">
|
|
<div class="col-3">Team</div>
|
|
<div class="col-3">Played</div>
|
|
<div class="col-2">Won</div>
|
|
<div class="col-2">Lost</div>
|
|
<div class="col-2">Points</div>
|
|
</div>
|
|
@foreach($teams as $team)
|
|
<div class="row mt-2">
|
|
<div class="col-3"><img src="{{$team->image}}" alt="contact-img" title="contact-img" class="avatar-md" /></div>
|
|
<div class="col-3">0</div>
|
|
<div class="col-2"><span class="text-success">0</span></div>
|
|
<div class="col-2"><span class="text-danger">0</span></div>
|
|
<div class="col-2">0</div>
|
|
<div class="col-12">{{$team->name}}</div>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
|
|
@endif
|
|
<style>
|
|
.page-link{ border: 1px solid #00AAD6;}
|
|
.page-item .page-link{ background:#edeff1 }
|
|
.page-item.active .page-link{ background-color:#fff; border-color:#00AAD6; color:#323a46 }
|
|
.card {background-color: #FAFAFA; border:1px solid #FAFAFA;}
|
|
.loader{
|
|
position: absolute;
|
|
height: 100vh;
|
|
width: 100vw;
|
|
z-index: 999;
|
|
background-color: rgba(0,0,0,0.5);
|
|
padding-top: calc(50vh - 24px);
|
|
padding-left: calc(50vw - 24px);
|
|
}
|
|
.navbar {padding-bottom: 0px; margin-top: 20px}
|
|
</style>
|
|
|
|
<!-- end container -->
|
|
@include('layouts.shared/footer-script')
|
|
|
|
|
|
<script type="text/javascript">
|
|
jQuery(document).ready(function($){
|
|
$('.loader').hide()
|
|
$('.pagination a').click(function(){
|
|
$('.loader').show()
|
|
})
|
|
});
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|
|
|