@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')}}">
@endsection

@section('main-content')

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

</section>

<section class="content">

	<!-- Default box -->
	<div class="box">
		<div class="box-header with-border">
			<h3 class="box-title">EVACUATE FROM STACK</h3>
			

			<div class="box-tools pull-right">
				<a class="btn btn-danger" href="{{ route('wpo_evacuation.local.index') }}">Back to Transactions</a>

			</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_1" data-toggle="tab" aria-expanded="true">VIEW TRUCK LIST</a></li>
					<li class=""><a href="#tab_2" data-toggle="tab" aria-expanded="false"> ADD TRUCK</a></li>

				</ul>
			</div>
			<div class="tab-content">
				<div class="tab-pane active table-responsive" id="tab_1">


					<table class="table table-striped table-bordered">
						<tr>
							<th>No.</th>
							<th>MK Number / Contract Number</th>
							<th>TRUCK NUMBER</th>
							<th> BAGS</th>
							<th>TRANSPORTER</th>
							<th>BUYER</th>
							<th>EDIT</th>
							<!-- <th>DELETE</th> -->
						</tr>
						@foreach ($trucklists as $trucklist)
							<tr>
								<td>{{$loop->index + 1}}</td>
								<td>{{strtoupper($wpo_evacuation->mk_number)}} / {{strtoupper($wpo_evacuation->contract->number)}}</td>
								<td>{{strtoupper($trucklist->truck_no)}}</td>
								<td>{{strtoupper($trucklist->bags)}}</td>
								<td>{{strtoupper($trucklist->transporter_name)}}</td>
								<td>{{strtoupper($trucklist->wpo_evacuation->consignee->name)}}</td>
								<td><a href="{{ route('get.edit.trucklist',$trucklist) }}" class="btn btn-primary">EDIT</a></td>
								<!--<td>DELETE</td>-->
							</tr>
							
						@endforeach
					</table>
					
				</div>
				
				<div class="tab-pane" id="tab_2">
					
					<div class="col-md-12">
						<h3>MK NUMBER / CONTRACT NUMBER : <b style="color: red"> {{strtoupper($wpo_evacuation->sales_advice->mk_number)}} / {{strtoupper($wpo_evacuation->contract->number)}}</b></h3>
						<h3>BUYER: <b style="color: green;">{{strtoupper($wpo_evacuation->consignee->name)}} </b></h3>
					</div>
				<div class=" col-md-6">
					<form role="form" method="post" action="{{ route('store.truck.list', $wpo_evacuation) }}" enctype="multipart/form-data">
						{{csrf_field()}} {{method_field('POST')}}

								
							<div class="col-md-8">
								

									<div class="form-group">
										<label for="date_evacuated"> Date:</label>
										<input type="date" class="form-control" id="date" name="date" placeholder="date_evacuated" required>
									</div>

									<div class="form-group">
										<label for="truck_no"> 	Truck number:</label>
										<input type="text" class="form-control" id="truck_no" name="truck_no" placeholder="truck number" required>
									</div>
									<div class="form-group">
										<label for="transporter_name"> 	Name of Transporter:</label>
										<input type="text" class="form-control" id="transporter_name" name="transporter_name" placeholder="truck number" required>
									</div>
									
									<div class="form-group">
										<label for="bags"> Bags</label>
										<input type="number" class="form-control" id="bags" name="bags" placeholder="eg. 500" step="1">
									</div>

									

									<input type="hidden" name="wpo_evacuation_id" value="{{$wpo_evacuation->id}}">

									<div class="form-group">
										<button id="verify_submit" type="submit" class="btn btn-primary">Submit</button>
									</div>
								</div>

						</form>
					</div>
					
				</div>
				
			</div>
		</div>
				
			<!-- /.box-body -->
			
	</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();


    $('#verify_submit').click(function(event) {
    	bags_quantity_added = $('#bags_quantity_evacuated').val();
    	//
    	//return false;
    	if (bags_quantity_added == 0 || bags_quantity_added =='' ) {
    		alert('Number of bags to evacuate cannot be zero!!');
    		return false;

    	}
    	else
    		return true;
    });
    
   
  })
</script>

@endsection