@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')}}">
<link rel="stylesheet" href="{{asset('admin/bower_components/datatables.net-bs/css/dataTables.bootstrap.min.css')}}">
@endsection
@section('main-content')

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

</section>

<section class="content">

	<!-- Default box -->
	<div class="box">
		<div class="box-header with-border">
			<h3 class="box-title"> <b style="color: red;"> {{strtoupper($shed->name)}} SHED </b>   </h3>
			
			<div class="box-tools pull-right">
				
			</div>
		</div>
		@include('includes.messages')
		
		
		<div class="box-body">
			<div class="nav-tabs-custom">
				<ul class="nav nav-tabs">
					<li class="active"><a href="#tab_5" data-toggle="tab" aria-expanded="false" style="color:darkcyan; font-weight:  bolder;">STACK SUMMARY</a></li>
				</ul>
				<div class="tab-content">
					
					<div class="tab-pane active" id="tab_5">
						<div class="table-responsive">
							<table class="table table-striped table-bordered">
								<tr>
									<th>STACK NAME</th>
									
								</tr>
								@foreach ($stacks as $stack)
								<tr>
									<th style="font-weight: bold;">
										{{strtoupper($stack->stack_name)}} (Last 50 Transactions)
									</th>
									
								</tr>
								<tr>
									<div class="table-responsive">
										<table class="table table-responsive table-bordered example2">
											<thead>

												<th>No. </th>
												<th>Internal Waybill No.</th>
												<th>Transaction Code</th>
												<th>Date Added</th>
												<th>Category</th>
												<th>Grade</th>
												<th>Season</th>
												<th>Bags Added</th>
												<th>Type</th>
												<th>Evacuation ID</th>
												<th>CMC Waybill No.</th>
												<th>Bags Evacuated</th>
												<th>Date Evacuated</th>
												<th>Type of evacuation</th>
											</thead>
											<tbody>
												
												@foreach ($stack->waybill_stacks->reverse()->take(50) as $waybill)
												<tr>
													
													@if ($waybill->type == 'offloading')
													
													<td>{{$loop->index +1}}.</td>
													<td>{{optional($waybill->internal_waybill)->internal_waybill_no}}</td>
													<td>{{--$waybill->internal_waybill->bush_delivery->transaction_code--}}</td>
													<td>{{$waybill->date_added}}</td>
													<td>{{optional($waybill->category)->name}}</td>
													<td>{{$waybill->grade}}</td>
													<td>{{$waybill->season->name}}</td>
													<td style="color: red; font-weight: bold;">{{$waybill->bags_quantity_added}}</td>
													<td style="color: red; font-weight: bold;">{{strtoupper($waybill->type)}}</td>
													<td></td>
													<td></td>
													<td></td>
													<td></td>
													<td></td>
													
													
													
													@endif

													@if ($waybill->type == 'evacuation')
													<td>{{$loop->index +1}}</td>
													<td></td>
													<td></td>
													<td></td>
													<td></td>
													<td></td>
													<td></td>
													<td></td>
													<td style="color: green; font-weight: bold;">{{strtoupper($waybill->type)}}</td>
													<td>
														@if ($waybill->evac_truck != NULL)
														{{strtoupper($waybill->evac_truck->trucklist->truck_no)}}
														@else
														N/A
														@endif
													</td>
													<td>{{strtoupper($waybill->cmcwaybill_no)}}</td>
													<td style="color: green; font-weight: bold;">{{$waybill->bags_quantity_evacuated}}</td>
													<td>{{$waybill->date_evacuated}}</td>
													<td>{{strtoupper($waybill->location)}} DELIVERY</td>
													
													@endif
													
													
												</tr>
												@endforeach
											</tbody>
										</table>
										<table class="table">
											
											<tr>
												<th></th>
												<th colspan="6">TOTAL SUM OF OFFLOADED COCOA (IN BAGS):</th>
												
												<th style="color: red; font-weight: bolder; font-size: 21px;">{{$stack->waybill_stacks->sum('bags_quantity_added')}}</th>
												<th></th>
												<th colspan="2">TOTAL SUM OF BAGS EVACUATED:</th>
												
												<th style="color: green; font-weight: bolder; font-size: 21px;">{{$stack->waybill_stacks->sum('bags_quantity_evacuated')}}</th>
												<th>BALANCE: </th>
												<th style="color: purple; font-weight: bold; font-size: 25px;">{{$stack->waybill_stacks->sum('bags_quantity_added') - $stack->waybill_stacks->sum('bags_quantity_evacuated')}}</th>
												
											</tr>

										</table>
									</div>
								</tr>
								@endforeach
							</table>

							
						</div>

					</div>
				</div>
				<!-- /.tab-content -->
			</div>
			
			


		</div>

		
		<!-- /.box-body -->
		<div class="box-footer">
			
		</div>
		
		<!-- /.box-footer-->
	</div>


</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 src="{{--asset('admin/dist/js/forwardonly.js')--}}"></script>
<script>
	$(function () {
		
		$('#example1').DataTable();
		$('.example2').DataTable();
		$('#example3').DataTable();
		$('.select2').select2();
		
		$('#submit_form').on('click', function(event) {
			bush_grade = $('#bush_grade').val();
			if (warehouse_id == '0') {
				event.preventDefault();
				alert('Kindly select a Warehouse');
				return false;	
			}
			else {
				return true;
			}
			

		});
		
	})
</script>

@endsection