@extends('layouts.index')

@section('header')
<div class="row align-items-center py-4">
	<div class="col-lg-6 col-7">
		<h6 class="h2 text-white d-inline-block mb-0"> {{$title}} </h6>
		<nav aria-label="breadcrumb" class="d-none d-md-inline-block ml-md-4">
			<ol class="breadcrumb breadcrumb-links breadcrumb-dark">
				<li class="breadcrumb-item"><a href="{{url($url)}}"><i class="fas fa-home"></i></a></li>
				<li class="breadcrumb-item active" aria-current="page">{{$menu}}</li>
			</ol>
		</nav>
	</div>
</div>
@endsection

@push('styles')
<style>
	.select2-container .select2-selection--single{
		height : auto !important;
	}
</style>
@endpush

@section('content')
<div class="row">
	<div class="col">
		<div class="card">
			<!-- Card header -->
			<div class="card-header border-0">
				<div class="row">
					<div class="col-6">
						<h3 class="mb-0">{{$title}}</h3>
					</div>
					<div class="col-6 text-right">
						
					</div>
				</div>
            </div>
			<div class="table-responsive py-4">
				<table class="table table-flush" >
					<thead class="table-success">
						<tr>
							<th> Area Defect</th>
							<th> Jumlah Defect</th>
							<th> % Defect</th>
						</tr>
					</thead>

					<tbody>
						@php
						$totalDefect = \App\Models\DetailTransaksi::whereNotNull('keluhan')->count();
						@endphp
						@foreach ($datas as $key => $data)
							<tr>
								<td> {{ $key }}</td>
								<td>{{ $data }}</td>
								<td>{{ \Helper::hitungPersen($data, $totalDefect) }} </td>
							</tr>
						@endforeach
						<tr>
							<th>Total</th>
							<th colspan="2">{{ $totalDefect }}</th>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
	</div>
</div>

@push('scripts')
<script type="text/javascript">

	$(document).ready(function(){		
		$('.select2-single').select2();
	});
</script>
@endpush
@endsection