<style>
	#sample_editable_1_filter {
		float: right!important;
	}
	.btiv {
		background: transparent;
		border: none !important;
	}
	.table td,
	.table th {
		font-size: 14px;
	}
	table.marking td {
		font-size: 12px;
		padding-right: 0px !important;
		min-width: 60px;
	}
</style>
<?php if(getCompany($_SESSION[ 'user_id'])==0 ){ ?>
<center style="margin-top:70px">
	Please complete your <strong><a href="/company/edit">Company Information</a></strong> to proceed.
	<?php }else{ ?>
	<div class="full-height-content" style="min-height: 454px;">
		<div class="full-height-content-body">
			<div class="portlet box blue-hoki" id="form_wizard_1">
				<div class="portlet-title">
					<div class="caption">
						<i class=" icon-layers"></i>
						<span class="caption-subject sbold uppercase"> Create Shipping Order  - <span class="step-title"> Step 1 of 2 </span></span>
					</div>
				</div>
				<div class="portlet-body form">
					<form id="stepy_form" class="form-horizontal" enctype="multipart/form-data" method="POST">
						<div class="form-wizard">
							<div class="form-body" style="padding-top: 0px;padding-bottom: 0px;padding-left: 10px;padding-right: 10px;">
								<ul class="nav nav-pills nav-justified steps" style="padding-top: 0px;padding-bottom: 0px;">
									<li>
										<a href="#tab1" data-toggle="tab" class="step">
											<span class="number"> 1 </span>
											<span class="desc"><i class="fa fa-check"></i> Order Details </span>
										</a>
									</li>
									<li>
										<a href="#tab2" data-toggle="tab" class="step">
											<span class="number"> 2 </span>
											<span class="desc"><i class="fa fa-check"></i> Items </span>
										</a>
									</li>
								</ul>
								<div id="bar" class="progress progress-striped" role="progressbar">
									<div class="progress-bar progress-bar-success"> </div>
								</div>
								<div class="tab-content">
									<div id='suksesupdate' class="alert alert-success alert-block fade in" style='display:none;'>
										<strong><i class="icon-ok-sign"></i>Success!</strong>Yehaa.. Your pasword has been updated. Reload page in few seconds..
									</div>
									<div id='gagalupdate' class="alert alert-danger alert-block fade in" style='display:none;'>
										<strong><i class="icon-ok-sign"></i>Whoops!</strong>
										<h4>You have some form errors. Please check below.</h4>
									</div>
									<div class="tab-pane active" id="tab1">
										<h4 class="form-section">Order Details</h4>
										<input class="form-control" id='order_type' style="display:none" name='order_type' value="1" />

										<div class="form-group forwarder_id">
											<label class="control-label col-md-3">Freight Forwarder
												<i class="fa fa-info-circle tooltips" data-placement="bottom" data-original-title="If your freight forwarder is not in the list, please contact your Freight Forwarder to add your company into their Importer List."></i>
											</label>
											<div class="col-md-3">
												<p id="select_forwarder" style="margin-top: 5px;" class="contact-list"><a>Please select forwarder</a>
												</p>
												<input style="display:none;" class="form-control" name="forwarder_id" id="forwarder_id" />
												<p id="forwarder" style="margin-top: 5px;" class="contact-list"></p>
											</div>
											<?php if (getLastForwarder() <> "" || getLastForwarder()
											<> null){ ?>
												<div class="col-md-6 last-selected">
													<i style="margin-top: 5px; font-size:13px;">Last selected Freight Forwarder <?php echo getCompanyData(getLastForwarder(), "company_id", "name"); ?></i>
													<a class="btn btn-sm btn-outline green button-select-last-selected" data-id="<?php echo getLastForwarder(); ?>" data-company_name="<?php echo getCompanyData(getLastForwarder(), "company_id", "name"); ?>" id="button-select-last-selected"> Select</a>
												</div>
												<?php } ?>
										</div>
										<div class="form-group supplier">
											<label class="control-label col-md-3">Supplier Company Name</label>
											<div class="col-md-4">
												<input class=" form-control" id="supplier" name="supplier" minlength="2" type="text" />
											</div>
										</div>
										<div class="form-group supplier">
											<label class="control-label col-md-3">Supplier Contact Person</label>
											<div class="col-md-4">
												<input class=" form-control" id="supplier_contact_person" name="supplier_contact_person" minlength="2" type="text" />
											</div>
										</div>
										<div class="form-group supplier">
											<label class="control-label col-md-3">Supplier Contact Person No</label>
											<div class="col-md-4">
												<input class=" form-control" id="supplier_contact_person_no" name="supplier_contact_person_no" minlength="2" type="text" />
											</div>
										</div>
										<h4 class="form-section warehouse">Warehouse Details</h4>
										<div class="form-group warehouse">
											<label class="control-label col-md-3">Warehouse
												<i class="fa fa-info-circle tooltips" data-placement="bottom" data-original-title="If there is no warehouse listed, you need to ask your forwarder to update their lists of warehouse."></i>
											</label>
											<div class="col-md-4">
												<select class="form-control" id="warehouse_id" name="warehouse_id">
													<option value="">Please choose warehouse</option>
												</select>
											</div>
										</div>
										<div class="form-group warehouse_name">
											<label class="control-label col-md-3">Warehouse Name</label>
											<div class="col-md-4">
												<input class=" form-control" id="warehouse_name" name="warehouse_name" minlength="2" type="text" />
											</div>
										</div>
										<div class="form-group warehouse_address">
											<label class="control-label col-md-3">Warehouse Address</label>
											<div class="col-md-4">
												<textarea class=" form-control" id="warehouse_address" name="warehouse_address" minlength="2" type="text"></textarea>
											</div>
										</div>
										<div class="form-group warehouse_address">
											<label class="control-label col-md-3">Warehouse City</label>
											<div class="col-md-4">
												<textarea class=" form-control" id="warehouse_city" name="warehouse_city" minlength="2" type="text"></textarea>
											</div>
										</div>
										<div class="form-group warehouse_address">
											<label class="control-label col-md-3">Warehouse Zip</label>
											<div class="col-md-4">
												<textarea class=" form-control" id="warehouse_zip" name="warehouse_zip" minlength="2" type="text"></textarea>
											</div>
										</div>
										<div class="form-group warehouse_address">
											<label class="control-label col-md-3">Warehouse State</label>
											<div class="col-md-4">
												<textarea class=" form-control" id="warehouse_state" name="warehouse_state" minlength="2" type="text"></textarea>
											</div>
										</div>
										<div class="form-group warehouse_address">
											<label class="control-label col-md-3">Warehouse Country</label>
											<div class="col-md-4">
												<textarea class=" form-control" id="warehouse_country" name="warehouse_country" minlength="2" type="text"></textarea>
											</div>
										</div>
										<div class="form-group warehouse_address">
											<label class="control-label col-md-3">Warehouse Contact Person</label>
											<div class="col-md-4">
												<textarea class=" form-control" id="warehouse_contact_person" name="warehouse_contact_person" minlength="2" type="text"></textarea>
											</div>
										</div>
										<div class="form-group warehouse_address">
											<label class="control-label col-md-3">Warehouse Contact Number</label>
											<div class="col-md-4">
												<textarea class=" form-control" id="warehouse_contact_person_no" name="warehouse_contact_person_no" minlength="2" type="text"></textarea>
											</div>
										</div>
										<h4 class="form-section warehouse">Delivery Details</h4>
										<div class="form-group warehouse">
											<label class="control-label col-md-3">Delivery
												<i class="fa fa-info-circle tooltips" data-placement="bottom" data-original-title="If there is no Delivery Address listed, you can just key in the information below."></i>
											</label>
											<div class="col-md-4">
												<select class="form-control" id="delivery_id" name="delivery_id">
													<option value="">Please choose / add new your delivery address</option>
												</select>
											</div>
										</div>
										<div class="form-group warehouse_name">
											<label class="control-label col-md-3">Delivery Name</label>
											<div class="col-md-4">
												<input class=" form-control" id="delivery_name" name="delivery_name" minlength="2" type="text" />
											</div>
										</div>
										<div class="form-group warehouse_address">
											<label class="control-label col-md-3">Delivery Address</label>
											<div class="col-md-4">
												<textarea class=" form-control" id="delivery_address" name="delivery_address" minlength="2" type="text"></textarea>
											</div>
										</div>
										<div class="form-group warehouse_address">
											<label class="control-label col-md-3">Delivery City</label>
											<div class="col-md-4">
												<textarea class=" form-control" id="delivery_city" name="delivery_city" minlength="2" type="text"></textarea>
											</div>
										</div>
										<div class="form-group warehouse_address">
											<label class="control-label col-md-3">Delivery Postcode</label>
											<div class="col-md-4">
												<textarea class=" form-control" id="delivery_zip" name="delivery_zip" minlength="2" type="text"></textarea>
											</div>
										</div>
										<div class="form-group warehouse_address">
											<label class="control-label col-md-3">Delivery State</label>
											<div class="col-md-4">
												<textarea class=" form-control" id="delivery_state" name="delivery_state" minlength="2" type="text"></textarea>
											</div>
										</div>
										<div class="form-group warehouse_address">
											<label class="control-label col-md-3">Delivery Country</label>
											<div class="col-md-4">
												<textarea class=" form-control" id="delivery_country" name="delivery_country" minlength="2" type="text"></textarea>
											</div>
										</div>
										<div class="form-group warehouse_address">
											<label class="control-label col-md-3">Delivery Contact Person</label>
											<div class="col-md-4">
												<textarea class=" form-control" id="delivery_contact_person" name="delivery_contact_person" minlength="2" type="text"></textarea>
											</div>
										</div>
										<div class="form-group warehouse_address">
											<label class="control-label col-md-3">Delivery Contact Number</label>
											<div class="col-md-4">
												<textarea class=" form-control" id="delivery_contact_person_no" name="delivery_contact_person_no" minlength="2" type="text"></textarea>
											</div>
										</div>
									</div>
									<div class="tab-pane" id="tab2">
										<h4 class="block"><span class="caption-subject font-dark bold uppercase">Items</span></h4>
										<div class="table-toolbar">
											<div class="row">
												<div class="col-md-6">
												</div>
											</div>
										</div>
										<table class="table table-striped table-hover table-bordered" id="sample_editable_1">
											<thead>
												<tr>
													<th> No </th>
													<th> Description </th>
													<th> Model </th>
													<th> UOM </th>
													<th> Qty </th>
													<th> CBM </th>
													<th> Weight </th>
													<th> Photo </th>
													<th> Action </th>
												</tr>
											</thead>
											<tbody>
											</tbody>
											<tfoot>
												<tr>
													<td colspan="8">
														<center>
															<a id="sample_editable_1_new" class="btn green" href="#form_add" data-toggle="modal">
																<i class="fa fa-plus"></i>
															</a>
														</center>
													</td>
												</tr>
											</tfoot>
										</table>
									</div>
								</div>
								<div class="form-actions">
									<div class="row  pull-right">
										<div class="col-md-12">
											<a href="javascript:;" class="btn default button-previous"><i class="fa fa-angle-left"></i> Back </a>
											<a href="javascript:;" class="btn btn-outline green button-next" id="button-next"> Continue <i class="fa fa-angle-right"></i></a>
											<button type="submit" class="btn green button-submit" id="finish"> Finish!</button>
										</div>
									</div>
								</div>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
	<div class="modal fade modal-scroll bs-modal-lg  in" id="form_add" role="basic" aria-hidden="true">
		<div class="modal-dialog  modal-lg">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
					<h4 class="modal-title">Add Item</h4>
				</div>
				<div class="modal-body form" id="form_wizard_2">
					<div class="row">
						<form class="form-horizontal" id="stepy_form2" enctype="multipart/form-data">
							<div class="form-wizard">
								<div class="form-body">
									<div class="tab-content">
										<div class="tab-pane active" id="ttab1">
											<div class="row">
												<div class="col-md-12">
													<div class="col-md-6">
														<h5><strong>Item Details</strong></h5>
														<div class="form-group">
															<label class="control-label col-md-3">Description <span class="required"> * </span>
															</label>
															<div class="col-md-6">
																<input type="text" class="form-control" id="description" name="description" placeholder="42 inch" required>
															</div>
														</div>
														<div class="form-group">
															<label class="control-label col-md-3">Brand</label>
															<div class="col-md-6">
																<input type="text" class="form-control" id="brand_no" name="brand_no" placeholder="Sharp">
															</div>
														</div>
														<div class="form-group">
															<label class="control-label col-md-3"> Model</label>
															<div class="col-md-6">
																<input type="text" class="form-control" id="model_no" name="model_no" placeholder="Bravia">
															</div>
														</div>
														<div class="form-group">
															<label class="control-label col-md-3"> Item Code</label>
															<div class="col-md-6">
																<input type="text" class="form-control" id="item_code" name="item_code" placeholder="">
															</div>
														</div>
														<div class="form-group">
															<label class="control-label col-md-3">Quantity </span>
															</label>
															<div class="col-md-6">
																<input type="number" class="form-control int" id="quantity" name="quantity" placeholder="4">
															</div>
														</div>
														<div class="form-group">
															<label class="control-label col-md-3">UOM</label>
															<div class="col-md-6">
																<select class="form-control" id="uom" name="uom">
																	<option value="">Please select UOM for your Item</option>
																	<option value="Bag">Bag</option>
																	<option value="Bucket">Bucket</option>
																	<option value="Bundle">Bundle</option>
																	<option value="Box">Box</option>
																	<option value="Piece">Piece</option>
																	<option value="Gallon">Gallon</option>
																	<option value="Pack">Pack</option>
																	<option value="Pair">Pair</option>
																	<option value="Sheet">Sheet</option>
																	<option value="Rack">Rack</option>
																</select>
															</div>
														</div>
														<div class="form-group">
															<label for="photo" class="control-label col-md-3">Photo</label>
															<div class="col-md-6">
																<div class="fileinput fileinput-new" data-provides="fileinput">
																	<div class="fileinput-new thumbnail" style="width: 200px; height: auto;">
																		<img id="uploadPreview" src="http://www.placehold.it/200/EFEFEF/AAAAAA&text=no+image" alt="" />
																	</div>
																	<div class="fileinput-preview fileinput-exists thumbnail" style="max-width: 200px; max-height: 150px;">
																	</div>
																	<div>
																		<span class="btn default btn-file"><span class="fileinput-new"> Select image </span>
																		<span class="fileinput-exists"> Change </span>
																		<input type="file" name="image" id="image" onchange="PreviewImage();" accept="image/*"> </span>
																		<input type="text" name="imagebase64" id="imagebase64" style="display:none;">
																		<a class="btn red remove" onclick="removePhoto('image');" data-id="image"> Remove </a>
																	</div>
																</div>
															</div>
														</div>
													</div>
													<div class="col-md-6">
														<h5><strong>Packing</strong></h5>
														<div class="form-group">
															<label class="control-label col-md-3">Qty of Carton<span class="required"> * </span>
															</label>
															<div class="col-md-4">
																<input type="number" name="packaging_quantity" id="packaging_quantity" placeholder="30" class="form-control int" required>
															</div>
														</div>
														<div class="form-group" id="pack_type">
															<label class="control-label col-md-3">Packaging Type</label>
															<div class="col-md-6">
																<select name="packaging_type1" id="packaging_type1" class="form-control">
																	<option value="">Please choose Packaging Type</option>
																	<option value="Carton">Carton</option>
																	<option value="Pallet">Pallet</option>
																	<option value="Wooden Box">Wooden Box</option>
																	<option value="Sacks">Sacks</option>
																	<option value="new">Add New</option>
																</select>
															</div>
														</div>
														<div class="form-group" id="pack_type_uom">
															<label class="control-label col-md-3">Packaging UOM</label>
															<div class="col-md-6">
																<input name="packaging_type2" id="packaging_type2" class="form-control">
															</div>
														</div>
														<div class="form-group" id="pack_type_photo">
															<label for="fname" class="control-label col-md-3">Photo</label>
															<div class="col-md-6">
																<div class="fileinput fileinput-new" data-provides="fileinput">
																	<div class="fileinput-new thumbnail" style="width: 200px; height: auto;">
																		<img id="uploadPreview3" src="http://www.placehold.it/200/EFEFEF/AAAAAA&text=no+image" alt="" />
																	</div>
																	<div class="fileinput-preview fileinput-exists thumbnail" style="max-width: 200px; max-height: 150px;">
																	</div>
																	<div>
																		<span class="btn default btn-file"><span class="fileinput-new"> Select image </span>
																		<span class="fileinput-exists"> Change </span>
																		<input type="file" name="image3" id="image3" onchange="PreviewImage3();" accept="image/*"> </span>
																		<input type="text" name="image3base64" id="image3base64" style="display:none;">
																		<a class="btn red remove" onclick="removePhoto('image3');" data-id="image3"> Remove </a>
																	</div>
																</div>
															</div>
														</div>
														<div class="form-group" id="carton">
															<label class="control-label col-md-3"></label>
															<div class="col-md-9">
																<img class="img-responsive" src="/assets/images/carton.jpg">
															</div>
														</div>
														<div class="form-group" id="pallet">
															<label class="control-label col-md-3"></label>
															<div class="col-md-9">
																<img class="img-responsive" src="/assets/images/pallet.png">
															</div>
														</div>
														<div class="form-group" id="wooden_box">
															<label class="control-label col-md-3"></label>
															<div class="col-md-9">
																<img class="img-responsive" src="/assets/images/wooden-box.jpg">
															</div>
														</div>
														<div class="form-group" id="sack">
															<label class="control-label col-md-3"></label>
															<div class="col-md-9">
																<img class="img-responsive" src="/assets/images/sack.jpg">
															</div>
														</div>
														<div class="form-group">
															<label for="fname" class="control-label col-md-3">Photo</label>
															<div class="col-md-6">
																<div class="fileinput fileinput-new" data-provides="fileinput">
																	<div class="fileinput-new thumbnail" style="width: 200px; height: auto;">
																		<img id="uploadPreview2" src="http://www.placehold.it/200/EFEFEF/AAAAAA&text=no+image" alt="" />
																	</div>
																	<div class="fileinput-preview fileinput-exists thumbnail" style="max-width: 200px; max-height: 150px;">
																	</div>
																	<div>
																		<span class="btn default btn-file"><span class="fileinput-new"> Select image </span>
																		<span class="fileinput-exists"> Change </span>
																		<input type="file" name="image2" id="image2" onchange="PreviewImage2();" accept=".pdf, image/*"> </span>
																		<input type="text" name="image2base64" id="image2base64" style="display:none;">
																		<a class="btn red remove" onclick="removePhoto('image2');" data-id="image2"> Remove </a>
																	</div>
																</div>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="row">
												<div class="col-md-12">
													<div class="col-md-6">
														<div class="col-md-12">
															<div class="form-group">
																<h5><strong>Measurement</strong></h5>
																<div class="col-md-4">
																	<div class="row">
																		<center>Height (m)</center>
																	</div>
																	<div class="row">
																		<div class="col-md-12">
																			<input type="number" name="packaging_height" id="packaging_height" placeholder="30" class="form-control int">
																		</div>
																	</div>
																</div>
																<div class="col-md-4">
																	<div class="row">
																		<center>Width (m)</center>
																	</div>
																	<div class="row">
																		<div class="col-md-12">
																			<input type="number" name="packaging_width" id="packaging_width" placeholder="20" class="form-control int">
																		</div>
																	</div>
																</div>
																<div class="col-md-4">
																	<div class="row">
																		<center>Depth (m)</center>
																	</div>
																	<div class="row">
																		<div class="col-md-12">
																			<input type="number" name="packaging_depth" id="packaging_depth" placeholder="15" class="form-control int">
																		</div>
																	</div>
																</div>
															</div>
														</div>
														<div class="form-group">
															<label class="control-label col-md-3"></label>
															<div class="col-md-9">
																<img class="img-responsive" src="/assets/images/hwd.jpg">
															</div>
														</div>
													</div>

													<div class="col-md-6">
														<div class="col-md-12">
															<div class="form-group">
																<h5><strong>Weight</strong></h5>
																<div class="col-md-6">
																	<div class="row">
																		<center>Gross (kg)</center>
																	</div>
																	<div class="row">
																		<div class="col-md-12">
																			<input type="number" name="packaging_gross" id="packaging_gross" class="form-control int" placeholder="30">
																		</div>
																	</div>
																</div>
																<div class="col-md-6">
																	<div class="row">
																		<center>Nett (kg)</center>
																	</div>
																	<div class="row">
																		<div class="col-md-12">
																			<input type="number" name="packaging_nett" id="packaging_nett" class="form-control int" placeholder="20">
																		</div>
																	</div>
																</div>

															</div>
														</div>
														<div class="form-group">
															<label for="fname" class="control-label col-md-3">Photo</label>
															<div class="col-md-6">
																<div class="fileinput fileinput-new" data-provides="fileinput">
																	<div class="fileinput-new thumbnail" style="width: 200px; height: auto;">
																		<img id="uploadPreview4" src="http://www.placehold.it/200/EFEFEF/AAAAAA&text=no+image" alt="" />
																	</div>
																	<div class="fileinput-preview fileinput-exists thumbnail" style="max-width: 200px; max-height: 150px;">
																	</div>
																	<div>
																		<span class="btn default btn-file"><span class="fileinput-new"> Select image </span>
																		<span class="fileinput-exists"> Change </span>
																		<input type="file" name="image4" id="image4" onchange="PreviewImage4();" accept="image/*"> </span>
																		<input type="text" name="image4base64" id="image4base64" style="display:none;">
																		<a class="btn red remove" onclick="removePhoto('image4');" data-id="image4"> Remove </a>
																	</div>
																</div>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="form-actions">
										<div class="row  pull-right">
											<div class="col-md-12" id="form-actions">
												<a class="btn green button-submit2" id="finish2"> Add Item</a>
											</div>
										</div>
									</div>
								</div>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
	</div>
	<div class="modal fade" id="form_contact_list" role="basic" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
					<h4 class="modal-title">Contact List</h4>
				</div>
				<div class="modal-body">
					<?php if($_SESSION[ 'group_id']==2 ){ ?>
					<div class="row" style="margin-bottom:10px;">
						<div class="col-md-6 col-sm-6">
						</div>
						<div class="col-md-6 col-sm-6">
							<div class="pull-right">
								<a href="/companies" target="_blank" class="btn blue btn-circle exit"> Add Forwarder <i class="fa fa-user-plus"></i></a>
							</div>
						</div>
					</div>
					<?php } ?>
					<table class="table table-striped table-hover table-bordered" id="contact">
						<thead>
							<tr>
								<th>
									<center>Company Logo</center>
								</th>
								<th>
									<center>Name</center>
								</th>
								<th>
									<center>Office Number</center>
								</th>
								<th>
									<center>Status</center>
								</th>
								<th>
									<center>Action</center>
								</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td class="table-status"></td>
								<td class="table-title"></td>
								<td class="table-title"></td>
								<td class="table-title"></td>
								<td class="table-title"></td>
							</tr>
						</tbody>
					</table>
				</div>
				<div class="modal-footer">
					<a class="btn dark btn-outline" class="close" data-dismiss="modal" aria-hidden="true">Close</a>
					<a class="btn btn-primary" class="close" data-dismiss="modal" aria-hidden="true">Save Changes</a>
				</div>
				</form>
			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal-dialog -->
	</div>
	<div class="modal fade in" id="modal_success" role="basic" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-body">
					<div id="success-content"></div>
				</div>
			</div>
		</div>
	</div>
	<div class="modal fade in" id="user-detail" tabindex="-1" role="basic" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
				</div>
				<div class="modal-body" id="getCode">
				</div>
			</div>
		</div>
	</div>
	<div class="modal fade in" id="add-user" tabindex="-1" role="basic" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
				</div>
				<div class="modal-body form">
					<div class="form-horizontal form-row-seperated">
						<div class="form-group">
							<div class="col-md-12">
								<div class="input-group">
									<input type="text" id="typeahead_example_modal_3" name="typeahead_example_modal_3" class="form-control" />
									<span class="input-group-addon"><i class="fa fa-search" aria-hidden="true"></i></span>
								</div>
							</div>
						</div>
						<div id="getCode2">
							<div class="row">
								<br>
								<center>No result found.</center>
								<br>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<?php } ?>