@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>
		MK
	</h1>

</section>

<section class="content">

	<!-- Default box -->
	<div class="box">
		<div class="box-header with-border">
			<h3 class="box-title">MK  </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('mk.store') }}" enctype="multipart/form-data">
		{{csrf_field()}}
		<div class="box-body">
			<div class=" col-md-offset-0 col-md-6">
				<div class="col-md-8">
					<div class="form-group">
						<label for="name"> MK Number</label>
						<input type="text" class="form-control" id="mk_number" name="mk_number" placeholder="mk  ">
					</div>

				</div>
				<div class="col-md-8">
					<label for="mk_date"> mk date</label>
					<div class="form-group">
						<input type="date" class="form-control" name="mk_date" id="mk_date">
					</div>

				</div>

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

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

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

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

				<br> <br>
				<div class="col-md-8">
					<div class="form-group">
						<br>
						<label for="tonnage">tonnage</label>
						<input type="number" class="form-control" id="mk_tonnage" name="mk_tonnage" placeholder="mk  tonnage " step="0.01">
					</div>

				</div>
				<br>

				

			
			<div class="col-md-8">
					<div class="form-group">
						<label for="cif_price"> <br> cif_price ($)</label>
						<input type="number" class="form-control" id="cif_price" name="cif_price" placeholder="mk  cif_price " step="0.01">
					</div>

				</div>

				

			<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="mk  shipping_period">
					</div>

				</div>

				<div class="col-md-8">
					<div class="form-group">
						<label for="remarks"> <br> Remarks </label>
						<textarea name="remarks" class="form-control" id="remarks" cols="30" rows="10"></textarea>
					</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