@extends('layouts.base_todo')

@section('styles')

@endsection

@section('scripts')

@endsection

@section('content')
<div class="row">
	<div class="col-md-12">

		<!--begin::Portlet-->
		<div class="kt-portlet">
			<div class="kt-portlet__body">
				<div class="row">
					<div class="col-12">
						<table cellpadding="10">
							<tbody>
								<tr>
									<td><h2 class="text-success"><i class="fas fa-check-circle"></i></h2></td>
									<td class="text-center"><h2>:</h2></td>
									<td class="text-success align-middle"><span class="font-weight-bold">SELESAI</span></td>
								</tr>
								<tr>
									<td><h2 class="text-info"><i class="fas fa-info-circle"></i></h2></td>
									<td class="text-center"><h2>:</h2></td>
									<td class="text-info align-middle"><span class="font-weight-bold">MENUNGGU JAWABAN</span></td>
								</tr>
								<tr>
									<td><h2 class="text-warning"><i class="fas fa-tools"></i></h2></td>
									<td class="text-center"><h2>:</h2></td>
									<td class="text-warning align-middle"><span class="font-weight-bold">DALAM PENGERJAAN</span></td>
								</tr>
								<tr>
									<td><h2 class="text-danger"><i class="fas fa-times-circle"></i></h2></td>
									<td class="text-center"><h2>:</h2></td>
									<td class="text-danger align-middle"><span class="font-weight-bold">BELUM DIKERJAKAN</span></td>
								</tr>
							</tbody>
						</table>
					</div>
					<div class="col-12 table-responsive-sm">
						<table class="table table-bordered table-hover w-100">
						  	<thead>
							    <tr class="table-info">
							      	<th scope="col" class="text-center">#</th>
							      	<th scope="col" class="text-center">Nama Modul</th>
							      	<th scope="col" class="text-center">View</th>
							      	<th scope="col" class="text-center">API</th>
							    </tr>
						  	</thead>
						  	<tbody>
						  		@foreach ($page['todos'] as $key => $element)
						  			<tr>
								      	<th scope="row" class="align-middle text-center kt-ribbon kt-ribbon--clip kt-ribbon--left kt-ribbon--info">
									      	@isset ($element['new'])
									      	@if (\Carbon\Carbon::now()->diffInDays(\Carbon\Carbon::parse($element['new'])) < 3)
										      	<div class="kt-ribbon__target" style="top: 12px;">
										      		<span class="kt-ribbon__inner"></span>New
										      	</div>
									      	@endif
									      	@endisset
										    {{$key + 1}}
										</th>
								      	<td class="align-middle">
								      		<a href="{{$element['url']}}" target="_blank" class="kt-link kt-font-bolder">
										      	{{$element['modul']}}
								      		</a>
									    </td>
								      	<td class="text-center align-middle {{$element['view'] == 'DONE' ? 'text-success' : ($element['view'] == 'PROGRESS' ? 'text-warning' : ($element['view'] == 'FOLLOW UP' ? 'text-info' : 'text-danger'))}}">
								      		@if ($element['view'] == 'DONE')
									      		<h2><i class="fas fa-check-circle"></i></h2>
								      		@elseif ($element['view'] == 'PROGRESS')
									      		<h2><i class="fas fa-tools"></i></h2>
								      		@elseif ($element['view'] == 'FOLLOW UP')
									      		<h2><i class="fas fa-info-circle"></i></h2>
								      		@else
									      		<h2><i class="fas fa-times-circle"></i></h2>
								      		@endif
								      	</td>
								      	<td class="text-center align-middle {{$element['api'] == 'DONE' ? 'text-success' : ($element['api'] == 'PROGRESS' ? 'text-warning' : ($element['api'] == 'FOLLOW UP' ? 'text-info' : 'text-danger'))}}">
								      		@if ($element['api'] == 'DONE')
									      		<h2><i class="fas fa-check-circle"></i></h2>
								      		@elseif ($element['api'] == 'PROGRESS')
									      		<h2><i class="fas fa-tools"></i></h2>
								      		@elseif ($element['api'] == 'FOLLOW UP')
									      		<h2><i class="fas fa-info-circle"></i></h2>
								      		@else
									      		<h2><i class="fas fa-times-circle"></i></h2>
								      		@endif
								      	</td>
								    </tr>
						  		@endforeach
						  	</tbody>
						</table>
					</div>
					<div class="col-6">
						<table cellpadding="10">
							<tbody>
								<tr>
									<td colspan="3" class="text-center"><span class="font-weight-bold">VIEW</span></td>
								</tr>
								<tr>
									<td><h2 class="text-success"><i class="fas fa-check-circle"></i></h2></td>
									<td class="text-center"><h2>:</h2></td>
									<td class="text-success align-middle">
										@php
											$collection = collect($page['todos']);
											$sum = $collection->sum(function ($data) {
													    return $data['view'] == 'DONE';
													});
										@endphp
										<span class="font-weight-bold">{{$sum}}</span>
									</td>
								</tr>
								<tr>
									<td><h2 class="text-info"><i class="fas fa-info-circle"></i></h2></td>
									<td class="text-center"><h2>:</h2></td>
									<td class="text-info align-middle">
										@php
											$collection = collect($page['todos']);
											$sum = $collection->sum(function ($data) {
													    return $data['view'] == 'FOLLOW UP';
													});
										@endphp
										<span class="font-weight-bold">{{$sum}}</span>
									</td>
								</tr>
								<tr>
									<td><h2 class="text-warning"><i class="fas fa-tools"></i></h2></td>
									<td class="text-center"><h2>:</h2></td>
									<td class="text-warning align-middle">
										@php
											$collection = collect($page['todos']);
											$sum = $collection->sum(function ($data) {
													    return $data['view'] == 'PROGRESS';
													});
										@endphp
										<span class="font-weight-bold">{{$sum}}</span>
									</td>
								</tr>
								<tr>
									<td><h2 class="text-danger"><i class="fas fa-times-circle"></i></h2></td>
									<td class="text-center"><h2>:</h2></td>
									<td class="text-danger align-middle">
										@php
											$collection = collect($page['todos']);
											$sum = $collection->sum(function ($data) {
													    return $data['view'] == 'NOT YET';
													});
										@endphp
										<span class="font-weight-bold">{{$sum}}</span>
									</td>
								</tr>
							</tbody>
						</table>
					</div>
					<div class="col-6">
						<table cellpadding="10">
							<tbody>
								<tr>
									<td colspan="3" class="text-center"><span class="font-weight-bold">API</span></td>
								</tr>
								<tr>
									<td><h2 class="text-success"><i class="fas fa-check-circle"></i></h2></td>
									<td class="text-center"><h2>:</h2></td>
									<td class="text-success align-middle">
										@php
											$collection = collect($page['todos']);
											$sum = $collection->sum(function ($data) {
													    return $data['api'] == 'DONE';
													});
										@endphp
										<span class="font-weight-bold">{{$sum}}</span>
									</td>
								</tr>
								<tr>
									<td><h2 class="text-info"><i class="fas fa-info-circle"></i></h2></td>
									<td class="text-center"><h2>:</h2></td>
									<td class="text-info align-middle">
										@php
											$collection = collect($page['todos']);
											$sum = $collection->sum(function ($data) {
													    return $data['api'] == 'FOLLOW UP';
													});
										@endphp
										<span class="font-weight-bold">{{$sum}}</span>
									</td>
								</tr>
								<tr>
									<td><h2 class="text-warning"><i class="fas fa-tools"></i></h2></td>
									<td class="text-center"><h2>:</h2></td>
									<td class="text-warning align-middle">
										@php
											$collection = collect($page['todos']);
											$sum = $collection->sum(function ($data) {
													    return $data['api'] == 'PROGRESS';
													});
										@endphp
										<span class="font-weight-bold">{{$sum}}</span>
									</td>
								</tr>
								<tr>
									<td><h2 class="text-danger"><i class="fas fa-times-circle"></i></h2></td>
									<td class="text-center"><h2>:</h2></td>
									<td class="text-danger align-middle">
										@php
											$collection = collect($page['todos']);
											$sum = $collection->sum(function ($data) {
													    return $data['api'] == 'NOT YET';
													});
										@endphp
										<span class="font-weight-bold">{{$sum}}</span>
									</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>

		<!--end::Portlet-->
	</div>
</div>
@endsection