@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">Wpo Evacuation  </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('wpo_evacuation.store') }}" enctype="multipart/form-data">
		{{csrf_field()}}
		<div class="box-body">
			<div class=" col-md-offset-0 col-md-6">

				<div class="form-group">
				 <div class="col-md-8">
					<label for="mk_id" class="col-md-4 control-label"><br>Select MK Number:</label>
						<select id="mk_id" class="form-control select2" data-placeholder="Select MK Number"
						style="width: 100%;" name="mk_id">
						<option value="0" disabled selected>Select MK Number:</option>
						@foreach ($mks as $mk)
						<option value="{{$mk->id}}">{{$mk->mk_number}} (total tonnage: {{$mk->mk_tonnage}})</option>
						@endforeach

					</select>
				</div>
			</div>

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

					</select>
				</div>
			</div>

				<div class="form-group">
				 <div class="col-md-8">
				 	<br>
					<label for="consignee_id" class="col-md-4 control-label"><br>Select Buyer:</label>
						<select id="consignee_id" class="form-control select2" data-placeholder="Select Roles"
						style="width: 100%;" name="consignee_id">
						<option value="0"disabled selected> Select Buyer </option>
						@foreach ($consignees as $consignee)
						<option value="{{$consignee->id}}">{{$consignee->name}}</option>
						@endforeach

					</select>
				</div>
			</div>
				
				<div class="col-md-8">
					<br>
					<label for="letter_date">  Evacuation Letter Date</label>
					<div class="form-group" required>
						<input type="date" class="form-control" name="letter_date" id="letter_date">
					</div>

				</div>


				<div class="col-md-8">
					<br>
					<div class="form-group">
						<label for="tonnage_evacuated">Tonnage to be Evacuated</label>
						<input type="number" class="form-control" id="tonnage_evacuated" name="tonnage_evacuated" placeholder="  Tonnage to be Evacuated " step="0.01" required>
					</div>

				</div>
				<br>

				

				
			
			<div class="col-md-8">
					<div class="form-group">
						<label for="shipping_period"> <br> Shipping Period</label>
						<input type="text" class="form-control" id="shipping_period" name="shipping_period" placeholder="shipping_period " required>
					</div>

				</div>

				<!--<div class="col-md-8">
					<div class="form-group">
						<label for="c_and_i">c_and_i</label>
						<input type="number" class="form-control" id="c_and_i" name="c_and_i" placeholder="wpo_evacuation  c_and_i ">
					</div>

				</div>-->
				<div class="form-group">
				 <div class="col-md-8">
					<label for="port_id" class="col-md-4 control-label">Select TOC :</label>
						<select id="port_id" class="form-control select2" data-placeholder="Select TOC"
						style="width: 100%;" name="port_id">
						<option value="0" disabled selected>Select TOC</option>
						@foreach ($ports as $port)
						<option value="{{$port->id}}">{{$port->name}}</option>
						@endforeach

					</select>
				</div>
			</div>

				<div class="col-md-8">
					<div class="form-group">
						<br>
						<label for="contract_number">Contract Number</label>
						<input type="text"  class="form-control" id="contract_number" name="contract_number" placeholder="contract_number ">
					</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')
   <!-- Select2 -->
<script src="{{asset('admin/bower_components/select2/dist/js/select2.full.min.js')}}"></script>

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

    
    
  })
</script>
@endsection