@extends('admin.layout.app')

@section('more-head')
<link rel="stylesheet" type="text/css" href="{{asset('admin/bower_components/select2/dist/css/select2.min.css')}}">
<link rel="stylesheet" href="{{asset('admin/dist/css/AdminLTE.min.css')}}">
<style type="text/css">
	@media print{
		@page{
			sixe:A4 portrait;
			margin:1cm;
		}
		::-webkit-scrollbar{
			display: none;
		}
	}
</style>
@endsection

@section('main-content')

<section class="content-header">
	<h1>
		OPERATIONS MANAGEMENT SYSTEM
		
	</h1>

</section>

<section class="content">

	<!-- Default box -->
	<div class="box">
		<div class="">

			<div class=""><button id="printscrn" class="btn btn-success">Print</button></div>
			<div class=" showee">
				<img class="col-md-2" style="width: 150px; height: 100px;" src="{{asset('admin/dist/img/cmclogo.png')}}" class="img-circle" alt="User Image">
				<br>
				@if (empty(Auth::user()->shed_id))
				<h3 style="text-align: center;"> {{strtoupper(Auth::user()->port->name)}} TOC ARRIVAL DESK</h3> 
				@endif
				<div class="box-header with-border " >
					<h3 class="box-title"><span style="color:green; font-weight: bolder;">TRUCKLIST FOR {{(strtoupper($trucklist->consignee->name))}} ON {{$trucklist->date}}</span> <br></h3>
				</div>
			</div>


		</div>
		
		<div class="box-body table-responsive">
			<table class="table table-bordered table-striped table-condensed">
				<tr>
					<th>TRUCK NO.</th><th>TRANSPORTER</th><th>CAPACITY</th><th>CHECKOUT</th>
				</tr>
				@foreach ($trucklist->trucks as $truck)
				<tr>
					<td>{{$truck->truck_no}}</td><td>{{$truck->transporter}}</td><td>{{$truck->capacity}}</td>@if(optional($truck->evac_trucks->first())->check_out_user_id == null)<td>NO</td>@else<td>YES</td>@endif
				</tr>
				@endforeach
			</table>
		</div>
		<!-- /.box-footer-->
	</div>
	<!-- /.box -->

</section>

@endsection



@section('more-scripts')
<script src="{{asset('admin/bower_components/datatables.net/js/jquery.dataTables.min.js')}}"></script>
<script src="{{asset('admin/bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js')}}"></script>
<script src="{{asset('admin/bower_components/select2/dist/js/select2.full.min.js')}}"></script>
<script>
	$(function () {
		
		$('.select2').select2();
		
		$('#printscrn').on('click', function(event) {
			event.preventDefault();
			$('.hiide').hide();
			$(this).hide();
			window.print();
			$(this).show();
			$('.hiide').show();
      //$('.showee').hide();
		});

		
	})
</script>

@endsection