@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>
		Wpo Evacuation  
	</h1>

</section>

<section class="content">

	<!-- Default box -->
	<div class="box">
		<div class="box-header with-border">
			<h3 class="box-title">TRUCKLIST  </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('update.truck.list', $trucklist) }}" enctype="multipart/form-data">
		{{csrf_field()}} @method('PUT')
		<div class="box-body">
			<div class=" col-md-offset-0 col-md-6">

				<div class="form-group">
					<label for="date_evacuated"> Date:</label>
					<input type="date" class="form-control" id="date" name="date" placeholder="date_evacuated" value="{{$trucklist->date}}" 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" value="{{$trucklist->truck_no}}" 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"  value="{{$trucklist->transporter_name}}"  required>
				</div>

				<div class="form-group">
					<label for="bags"> Bags</label>
					<input type="number" class="form-control" id="bags" name="bags"  value="{{$trucklist->bags}}" placeholder="eg. 500" step="1">
				</div>



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



			
			
				
			<!-- /.box-body -->
			<div class="box-footer">
				<button type="submit" class="btn btn-primary">Submit</button>
			</div>
		</form>
		<!-- /.box-footer-->
	</div>
	<!-- /.box -->

</section>

@endsection

@section('more-scripts')
   <!-- Select2 -->
<script src="{{asset('admin/bower_components/select2/dist/js/select2.full.min.js')}}"></script>

<script>
  $(function () {
    //alert('hello world');
   
    $('.select2').select2()

    
    
  })
</script>
@endsection