@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> No</th>
							<th> Ekspedisi/Perusahaan</th>
							<th> Supir</th>
							<th> Nopol</th>
							<th class="text-center"> Jumlah OverTime Pengiriman </th>
						</tr>
					</thead>

					<tbody>
						@foreach ($datas as $data)
						<tr>
							<td>{{ $loop->iteration }}</td>
							<td> {{ $data->nama_perusahaan }} </td>
							<td> {{ $data->nama }} </td>
							<td> {{ $data->nomor_armada }} </td>
							<td class="text-center"> {{ $data->c }} </td>
						</tr>
						@endforeach
					</tbody>
				</table>
			</div>
		</div>
	</div>
</div>

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

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