@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>
		PARKING MANAGEMENT SYSTEM
		
	</h1>

</section>

<section class="content">

	<!-- Default box -->
	<div class="box">
		<div class="box-header with-border">
			<h3 class="box-title">Bush Delivery</h3>

			<div class="box-tools pull-right">
				<button type="button" class="btn btn-box-tool" data-widget="collapse" data-toggle="tooltip"
				title="Collapse">
				<i class="fa fa-minus"></i></button>

			</div>
		</div>
		@include('includes.messages')
		<form role="form" method="post" action="{{ route('updateCheck',$bush_delivery) }}" enctype="multipart/form-data" id="myFormId">
			{{csrf_field()}} {{method_field('PUT')}}
			
			<div class="box-body">
				<div class="col-md-6">
					<div class="col-md-8">
						<div class="form-group">

							<label for="lbc_id"> Select LBC</label>
							<select id="lbc_id" class="form-control select2 required" data-placeholder="Select LBC"
							style="width: 100%;" name="lbc_id" disabled>
							<option value="">Select LBC.</option>
							@foreach ($lbcs as $lbc)
							<option @if ($bush_delivery->lbc_id == $lbc->id) selected @endif value="{{$lbc->id}}">{{$lbc->name}}</option>
							@endforeach
							
						</select>
						<br><br>

					</div>
					<div class="form-group">

						<label for="port_id"> Select TOC</label>
						<select id="port_id" class="form-control select2 required" data-placeholder="Select port_id"
						style="width: 100%;" name="port_id" disabled>
						
						@foreach ($ports as $port) 
						<option @if ($port->id == $bush_delivery->port_id) selected @endif value="{{$port->id}}">{{$port->name}}</option>
						@endforeach
					</select>
					<br><br>

				</div>

				<div class="form-group">

					<label for="season_id"> Select Season</label>
					<select id="season_id" class="form-control select2 required" data-placeholder="Select season_id"
					style="width: 100%;" name="season_id" disabled>
					
					@foreach ($seasons as $season) 
					<option @if ($season->id == $bush_delivery->season_id) selected @endif value="{{$season->id}}">{{$season->name}}</option>
					@endforeach
				</select>
				<br><br>

			</div>

			<div class="form-group">
				<label for="no_bags">Total No of bags</label>
				<input type="number" class="form-control" id="no_bags" name="no_bags" placeholder="bush delivery no bags eg. 200" value="{{$bush_delivery->no_bags}}" disabled>
			</div>
			<div class="form-group">
				<label for="eta"> eta</label>
				<input type="date" class="form-control" id="eta" name="eta" placeholder="eta" value="{{$bush_delivery->eta}}" disabled>
			</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_no" value="{{$bush_delivery->truck_no}}" disabled>
			</div>
			<div class="form-group">
				<label for="driver_name"> Driver's Name</label>
				<input type="text" class="form-control" id="driver_name" name="driver_name" placeholder="driver_name" value="{{$bush_delivery->driver_name}}" >
			</div>
			<div class="form-group">
				<label for="driver_contact"> Driver's Contact</label>
				<input type="text" class="form-control" id="driver_contact" name="driver_contact" placeholder="driver_contact" value="{{$bush_delivery->driver_contact}}" >
			</div>
		</div>

	</div>

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

			<div class="form-group">
				<label for="driver_license"> Driver's License</label>
				<input type="text" class="form-control" id="driver_license" name="driver_license" placeholder="driver_license" value="{{$bush_delivery->driver_license}}" >
			</div>

			<div class="form-group">
				<label for="mate_name"> Mate's Name</label>
				<input type="text" class="form-control" id="mate_name" name="mate_name" placeholder="mate_name" value="{{$bush_delivery->mate_name}}" >
			</div>
			<div class="form-group">
				<label for="mate_contact"> Mate's Contact</label>
				<input type="text" class="form-control" id="mate_contact" name="mate_contact" placeholder="mate_contact" value="{{$bush_delivery->mate_contact}}" >
			</div>
			
			<div class="form-group">

				<label for="park_id">Select Park</label>
				<select id="park_id" class="form-control select2 required" data-placeholder="Select Park"
				style="width: 100%;" name="park_id">
				<option value="0">Select Park</option>
				@foreach ($parks as $park)
				<option @if ($bush_delivery->park_id == $park->id) selected @endif value="{{$park->id}}">{{$park->code}}</option>
				@endforeach
				
			</select> <span id="pw" style="color:red"></span>
			<br><br>

		</div>
		<div class="form-group">

			<label for="driver_tag_id">Select Driver Tag</label>
			<select id="driver_tag_id" class="form-control select2 required" data-placeholder="Select driver tag"
			style="width: 100%;" name="driver_tag_id">
			<option value="0">Select driver tag</option>
			@foreach ($driver_tags as $driver_tag)
			<option @if ($bush_delivery->driver_tag_id == $driver_tag->id) selected @endif value="{{$driver_tag->id}}">{{$driver_tag->number}}</option>
			@endforeach
			
		</select>
		<br><br>

	</div>
	<div class="form-group">

		<label for="driver_tag_id">Select mate Tag</label>
		<select id="mate_tag_id" class="form-control select2 required" data-placeholder="Select mate tag"
		style="width: 100%;" name="mate_tag_id">
		<option value="0">Select mate tag</option>
		@foreach ($mate_tags as $mate_tag)
		<option @if ($bush_delivery->mate_tag_id == $mate_tag->id) selected @endif value="{{$mate_tag->id}}">{{$mate_tag->number}}</option>
		@endforeach
		
	</select>
	<br><br>

</div>

</div>


</div> </div>

<!-- /.box-body -->
<div class="box-footer">
	<button id="submit_form" class="btn btn-primary" onclick="if(confirm('Are you sure want to check this truck in?')){return true;} else{ event.preventDefault();}">Check In</button>
	<!--<button type="submit" class="btn btn-primary">Submit</button>-->
</div>
</form>
<!-- /.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();
		
		$('#submit_form').on('click', function(event) {
			park_id = $('#park_id').val();
    	//driver_tag_id = $('#driver_tag_id').val();
    	//mate_tag_id = $('#mate_tag_id').val();
    	// || driver_tag_id == '0'

    	if (park_id == '0'  ) {
    		event.preventDefault();
    		alert('Kindly select the Park');
    		return false;	
    	}
    	else {
    		return true;
    	}
    	

    });

		$('#park_id').on('change', function(event) {
			park_id = $('#park_id').val();
    	//alert(park_id);
    	$.get( '{{ url('/get/parks/available/')}}'+'/'+park_id, function(data) {
    		/*optional stuff to do after success */
    		park_available = data;
    		$('#pw').html(park_available-1 +' parking slot(s) available');
    		
    		if (park_available > 0) {

    			$('#submit_form').click(function(event) {
    				return true;
    			});
    		}
    		else{
    			alert('Park selected is full');
    			$('#submit_form').click(function(event) {

    				event.preventDefault();
    				alert('Park selected is full');
    				return false;
    			});
    		}
    	});
    });
		$('#myFormId').submit(function(){
			$("#submit_form", this)
			.html("Please Wait...")
			.attr('disabled', 'disabled');
			return true;
		});
	})
</script>

@endsection