@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">


</section>

<section class="content">

	<!-- Default box -->
	<div class="box">
		<div class="box-header with-border">
			<h3 class="box-title">ADD IMPORT 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('import.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="date"> Date: </label>
							<input type="date" class="form-control" id="date" name="date" required>
						</div>


						<div class="form-group">
							<label for="tonnage"> Tonnage: </label>
							<input type="number" class="form-control" step="0.0001" min="0" id="tonnage" name="tonnage" placeholder="tonnage" required>
						</div>

						<div class="form-group">

							<label for="factory_id"> Factory: </label>
							<select id="factory_id" class="form-control select2 required" data-placeholder="Select Factory"
							style="width: 100%;" name="factory_id" required>
							<option value="" selected>Select Factory.</option>
							@foreach ($consignees as $consignee)
							<option value="{{$consignee->id}}">{{$consignee->name}}</option>
							@endforeach
						</select>

					</div>

					<div class="form-group">

						<label for="import_ref"> Ref No: </label>
						<input type="text" class="form-control" id="import_ref" name="import_ref" required>

					</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/select2/dist/js/select2.full.min.js')}}"></script>
<script>
	$(function () {

		$('.select2').select2();


	})
</script>

@endsection