@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">Cocoa Stuffing And Equipment Request Form</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.store') }}" enctype="multipart/form-data">
		{{csrf_field()}}
		<div class="box-body">
			<div class=" col-md-offset-1 col-md-6">
				<div class="col-md-8">
					
						<div class="form-group">
							<label for="sd_number"> SD Number</label>
							<input type="text" class="form-control" id="sd_number" name="sd_number" placeholder="SD Number">
						</div>

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

							<label for="contract_id">Select contract Number:</label>
							<select id="contract_id" class="form-control select2 required" data-placeholder="Select Contract number" style="width: 100%;" name="contract_id">
								<option value=""> Select contract number</option>
								@foreach ($contracts as $contract)
									<option value="{{$contract->id}}">{{$contract->number}} (MK {{strtoupper($contract->mk->mk_number)}})</option>
								@endforeach
							</select>
							<br><br>

						</div>

						<div class="form-group">

							<label for="vessel_id">Select vessel:</label>
							<select id="vessel_id" class="form-control select2 required" data-placeholder="Select vessel" style="width: 100%;" name="vessel_id">
								<option value=""> Select vessel</option>
								@foreach ($vessels as $vessel)
									<option value="{{$vessel->id}}">{{$vessel->name}}</option>
								@endforeach
							</select>
							<br><br>

						</div>
						
						
						
						<div class="form-group">
							<label for="shipping_agent_name"> Shipping Agent </label>
							<input type="text" class="form-control" id="shipping_agent_name" name="shipping_agent_name" placeholder="shipping agent name">
						</div>

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

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

						</div>

						
						<div class="form-group">

							<label for="destinationport_id">Select  Destination Port:</label>
							<select id="destinationport_id" class="form-control select2 required" data-placeholder="Select  Destination Port" style="width: 100%;" name="destinationport_id">
								<option value=""> Select Destination port</option>
								@foreach ($destinationports as $destinationport)
									<option value="{{$destinationport->id}}">{{$destinationport->name}}</option>
								@endforeach
							</select>
							<br><br>

						</div>

						<div class="form-group">

							<label for="category_id">Select  Category:</label>
							<select id="category_id" class="form-control select2 required" data-placeholder="Select category" style="width: 100%;" name="category_id">
								<option value=""> Select Category</option>
								@foreach ($categorys as $category)
									<option value="{{$category->id}}">{{$category->name}}</option>
								@endforeach
							</select>
							<br><br>

						</div>
						

						<div class="form-group">

							<label for="container_size"> Select Container Size</label>
							<select id="container_size" class="form-control select2 required" data-placeholder="Select Container Size" style="width: 100%;" name="container_size">
								<option value="">Select Container Type</option>
								<option  value="40 footer">40" (footer)</option>
								<option  value="20 footer">20" (footer)</option>
							</select>
							<br><br>

						</div>
						<div class="form-group">
							<label for="quantity"> Quantity in Tonnes</label>
							<input type="number" class="form-control" id="quantity" name="quantity" placeholder="quantity" > <br>
						</div>

						<div class="form-group">
							<label for="date_required"> Date Required</label>
							<input type="date" class="form-control" id="date_required" name="date_required" placeholder="date required" > <br>
						</div>
						<div class="form-group">
							<div class="checkbox">
								<label><input type="checkbox" name="reachstacker" value="yes"> Reach Stacker </label>
							</div>
						</div>
						<div class="form-group">
							<div class="checkbox">
								<label><input type="checkbox" name="toplifter" value="yes"> Toplifter </label>
							</div>
						</div>
						<div class="form-group">
							<div class="checkbox">
								<label><input type="checkbox" name="forklift" value="yes"> Forklift </label>
							</div>
						</div>

					</div>

				</div>
			</div>
				
			<!-- /.box-body -->
			<div class="box-footer">
				<button type="submit" id="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