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

</section>

<section class="content">

	<!-- Default box -->
	<div class="box">
		<div class="box-header with-border">
			<h3 class="box-title">Service Provision for Forklift</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('equipform.storeForklift',$equipform) }}" enctype="multipart/form-data">
		{{csrf_field()}} {{--method_field('PUT')--}}
		<div class="box-body">
			<div class=" col-md-offset-1 col-md-6">
				<div class="col-md-8">
					
			  {{--$equipform->reachstacker--}}
			<div class="form-group">

				<label for="type_of_service"> Select Type of Service</label>
					<select id="type_of_service" class="form-control select2 required" data-placeholder="Select season"
						style="width: 100%;" name="type_of_service">
							<option value="0">Select Type Of Service</option>
							<option value="lift on"> Lift On</option>
							<option value="lift off"> Lift Off</option>
							<option value="lift on/off"> Lift on/off</option>
					</select>
					<br><br>

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

				<label for="provider_id"> Select Service Provider</label>
					<select id="provider_id" class="form-control select2 required" data-placeholder="Select season"
						style="width: 100%;" name="provider_id">
							<option value="0">Select Service Provider</option>
							@foreach ($providers as $provider)
									<option value="{{$provider->id}}">{{$provider->name}}</option>
							@endforeach
					</select>
					<br><br>

             </div>

            <div class="form-group">
            	<label for="date_of_required_service">Date of Required Service</label>
             <input type="date" name="date_of_required_service" class="form-control" >
            </div>

				</div>

				</div>
			</div>
				
			<!-- /.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')
	<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();
    
   
  })
</script>

@endsection