@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>
	.style4 {
  font-size: 20px;
  font-weight: bold;
}
.style5 {
  font-size: 20px
}
.style6 {font-size: 16px}
.style10 {font-size: 13px}
.style12 {font-size: 13px; font-weight: bold; }
.style13 {font-size: 11px}

</style>
@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 hiide">

			
			<h3 class="box-title hiide"></h3>


			@can('weighbridge', Auth::user())
				<div class="box-tools pull-right hiide">
					<a class="btn btn-danger" href="#" onclick="window.history.back()">Back to Transactions</a>
					
				</div>
			    
			@endcan

			
		</div>
		 @include('includes.messages')
		
				
			<div class="box-body">
				<div class="nav-tabs-custom">
            <ul class="nav nav-tabs">
              <li class="active hiide"><a href="#tab_1" data-toggle="tab" aria-expanded="true">VIEW CDN REPORT</a></li>

              
              <!--<li class="dropdown">
                <a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">
                  Dropdown <span class="caret"></span>
                </a>
                <ul class="dropdown-menu">
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Action</a></li>
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Another action</a></li>
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Something else here</a></li>
                  <li role="presentation" class="divider"></li>
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated link</a></li>
                </ul>
              </li>-->
              <!--<li class="pull-right"><a href="#" class="text-muted"><i class="fa fa-gear"></i></a></li>-->
            </ul>
            <div class="tab-content">
              <div class="tab-pane active" id="tab_1">
                  <div class="col-md-12 table-responsive">
					<br>
			   <table id="example1" class="table table-bordered table-striped table-condensed hiide">
                <thead>
                <tr>
		                  <th> Contract Number</th>
		                  <th>MK Number</th>
		                  <th>BUYER </th>
		                  <th>CROP YEAR</th>
		                  <th>PRINT CDN</th>
		              </tr>
					</thead>
					<tbody>
						 <tr>
			                	  <td>{{$wpo_evacuation->contract->number}}</td>
			                	  <td>{{$wpo_evacuation->contract->sales_advice->mk_number}}</td>
			                    <td>{{$wpo_evacuation->contract->consignee->name}}</td>
			                    <td>{{optional(optional($wpo_evacuation->shed_waybills()->first()->season))->name}}</td>
			                    <td><a id="printscrn" href="" class="btn btn-success"> PRINT CDN</a></td>
              			   </tr>
					</tbody>
					
				</table>

				<div class="table-responsive col-md-12" style="font-size: 15px;">
					<div class="col-sm-12 col-md-12 showee">
						<table width="1067" border="0" align="center">
							<tr>
								<td width="83" height="89"><table width="90" height="80" border="0">
									<tr>
										<td width="84"><img id="cimg" src="{{asset('admin/dist/img/cmclogo.png')}}" class="img-circle" alt="User Image"></td>
									</tr>
								</table></td>
								<td width="848"><table width="876" height="86" border="0">
									<tr>
										<td width="870"><div align="center" class="style4">COCOA MARKETING COMPANY (GH) LIMITED</div></td>
									</tr>
									<tr>
										<td><div align="center" class="style5">WAREHOUSING AND PORT OPERATIONS DEPARTMENT - {{strtoupper(Auth::user()->port->name)}}</div></td>
									</tr>
									<tr>
										<th><div align="center" class="style6"> COCOA DELIVERY NOTE </div></th>
									</tr>
									
								</table>      </td>
								<td width="122">&nbsp;</td>
							</tr>
						</table>

					</div>
					 
					<table class="table table-striped">
						<tr>
							<td>FACTORY: </td> <th>{{$wpo_evacuation->contract->consignee->name}}</th>
							<td>(MK)/CONTRACT: </td> <th> ({{$wpo_evacuation->contract->sales_advice->mk_number}})/ {{$wpo_evacuation->contract->number}}</th>
							<td>CROP YEAR:</td> <th>{{$wpo_evacuation->shed_waybills()->first()->season->name}}</th>
						</tr>
						<tr>
							<td>Take-Over Center:  </td>  <th>{{$wpo_evacuation->port->name}}</th>
							<td></td> <td></td>
							<td></td> <td style="color: red; font-weight:bold;"></td>
						</tr>
							  
						<tr>
							  <td>TOTAL BAGS: </td><th>{{$wpo_evacuation->shed_waybills->sum('quantity')}}</th>
							 <td>TOTAL TONNAGE: </td><th>{{$wpo_evacuation->shed_waybills->sum('net_weight')}}</th>
							  <td></td> <th></th>
						</tr>
						 
					
					</table>
					<table class="table table-bordered" style="font-size: 15px;">
						<tr>
							<th>TRUCK NO.</th>
							<th>WAREHOUSE</th>
							<th>SHED</th>
							<th>WAYBILL</th>
							
							<th>PORT QTY</th>
							<th>EXPECTED TONNAGE</th>
							<th>ACTUAL TONNAGE</th>
							<th>CAT</th>
							<th>GRADE</th>
							<!--<th>CROP YEAR</th>-->
							
						</tr>
						@foreach ($wpo_evacuation->shed_waybills as $shed_waybill)
							<tr>
								<td>{{strtoupper($shed_waybill->evac_truck->trucklist->truck_no)}}</td>
								<td>{{$shed_waybill->shed->warehouse->name}}</td>
								<td>{{optional($shed_waybill->shed)->name}}</td>
								<td>{{$shed_waybill->waybill_no}}</td>
								
								<td>a{{$shed_waybill->quantity}}</td>
								<td>n{{$shed_waybill->quantity/16}}</td>
								
								<td>
								 {{$shed_waybill->net_weight}}
								 </td>

								<td>{{$shed_waybill->category->name}}</td>
								<td>{{$shed_waybill->grade}}</td>
								<!--<td>{{$shed_waybill->season->name}}</td> -->
							</tr>
						@endforeach
					</table>

					<table class="table">
						<tr>
							<td>&nbsp;</td>
							<td>&nbsp;</td>
							<td>&nbsp;</td>
							<td>&nbsp;</td>
							<td>&nbsp;</td>
						</tr>
						<tr>
							<th>WPO Rep</th>
							<th>FACTORY Rep</th>
						</tr>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
						</tr>
						<tr>
							<td>.....................................................</td>
							<td>.....................................................</td>
							
						</tr>

						<tr>
							<td>{{strtoupper(Auth::user()->username)}}</td>
							<td></td>
						</tr>
						<tr>
							<td>DATE GENERATED: <b>{{strtoupper(\Carbon\Carbon::now()->parse()->format('jS F Y H:i:s'))}} </b></td>
							<td></td>
							
						</tr>
					</table>
				</div>
			</div>
              </div>
              <!-- /.tab-pane -->

		
              <!-- /.tab-pane -->
            </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 () {
   $('.showee').hide();
    $('.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;
    	}
    	

    }); */
    $('#printscrn').on('click', function(event) {
    	event.preventDefault();
    	$('.hiide').hide();
    	$('.showee').show();
    	window.print();
    	$('.hiide').show();
    	$('.showee').hide();
    });

    
   
  })
</script>

@endsection