<style>
div.stars {
  width: 270px;
  display: inline-block;
}

input.star {
  display: none;
}

label.star {
  float: right;
  padding: 10px;
  font-size: 25px;
  color: #444;
  transition: all .2s;
}

input.star:checked ~ label.star:before {
  content: '\f005';
  color: #FD4;
  transition: all .25s;
}

input.star-5:checked ~ label.star:before {
  color: #FE7;
  text-shadow: 0 0 20px #952;
}

input.star-1:checked ~ label.star:before {
  color: #F62;
}

label.star:hover {
  transform: rotate(-15deg) scale(1.3);
}

label.star:before {
  content: '\f006';
  font-family: FontAwesome;
}

input[type="radio"] {
  display: none;
}

.button-label {
  padding: 6px 12px;
  color: #666;
  background-color: #e1e5ec;
  border-color: #e1e5ec;
  border-radius: 10px;
  margin: 5px;
  display: inline-block;
}

input[type="radio"]:checked + label {
  background-color: darkblue;
  cursor: default;
  color: #E6E6E6;
}
</style>
<div class="full-height-content full-height-content-scrollable">
	<div class="full-height-content-body">
		<div class="row">
			<div class="col-md-12">
				<div class="row">
					<div class="col-md-3">
						<div class="row">
							<div class="col-md-12">
								<div class="portlet light portlet-fit full-height-content full-height-content-scrollable bordered">
									<div class="portlet-title">
										<div class="caption">
											<span class="caption-subject bold font-purple-plum uppercase"> Order List </span>
										</div>
										<div class="inputs">
											<div class="row">
												<div class="col-md-12">
													<div class="col-md-9">
														<div class="portlet-input input-inline input-small" style="margin-bottom:10px">
															<div class="input-icon right">
																<i class="icon-magnifier"></i>
																<input type="text" class="form-control input-circle" placeholder="search...">
															</div>
														</div>
													</div>
													<div class="col-md-3">
														<div class="btn-group" style="width:100%">
															<a href="" class="btn btn-circle btn-icon-only btn-default" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
															<span class="fa fa-filter"></span>
															</a>
															<ul class="dropdown-menu pull-right">
																<li>
																	<a href="javascript:;">
																	<span class="label label-sm label-success"> Active </span>
																	</a>
																</li>
																<li>
																	<a href="javascript:;">
																	<span class="label label-sm label-success"> Closed </span>
																	</a>
																</li>
																<li class="active">
																	<a href="javascript:;">
																	<span class="label label-sm label-success"> Pending </span>
																	</a>
																</li>
																<li class="active">
																	<a href="javascript:;">
																	<span class="label label-sm label-success"> Cancel </span>
																	</a>
																</li>
															</ul>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="portlet-body">
										<div class="full-height-content-body">
											<div id="tree_1" class="tree-demo">
												<ul>
													<?php echo getOrderListTree(); ?>                                               
												</ul>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-lg-9">
						<div class="portlet light portlet-fit full-height-content full-height-content-scrollable bordered">
							<div class="portlet-title">
								<div class="caption">
									<i class=" icon-layers font-dark"></i>
									<span class="caption-subject font-dark bold uppercase">Milestone</span>
								</div>
							</div>
							<div class="portlet-body" id="chats">
								<div class="full-height-content-body">
									<?php if($_GET){ ?>
									<div class="cd-horizontal-timeline mt-timeline-horizontal" data-spacing="60">
										<div class="timeline">
											<div class="events-wrapper">
												<div class="events">
													<ol>
														<?php $status = getGeneralStatus($_GET['id']); ?>
														<li>
															<a href="#0" data-date="15/01/2016" class="border-after-red bg-after-red <?php if ($status == "Order Created"){echo "selected";} ?>"><span class="small"><?php echo date("j M", strtotime(getSOData($_GET['id'], "created_on"))); ?><br/><b>Order Date</b></span></a>
														</li>
														<li>
															<a href="#0" data-date="28/02/2016" class="border-after-red bg-after-red <?php if ($status == "Warehouse Received"){echo "selected";} ?>"><span class="small"><?php echo (getWAData($_GET['id'], "receive_on") ? date("j M", strtotime(getWAData($_GET['id'], "receive_on"))) : ""); ?><br/><b>WH Received</b></span></a>
														</li>
														<li>
															<a href="#0" data-date="13/04/2016" class="border-after-red bg-after-red <?php if ($status == "Container Loading"){echo "selected";} ?>"><span class="small"><?php echo (getSAData($_GET['id'], "loading_date") ? date("j M", strtotime(getSAData($_GET['id'], "loading_date"))) : "" ); ?><br/><b>CTN Loading</b></span></a>
														</li>
														<li>
															<a href="#0" data-date="27/05/2016" class="border-after-red bg-after-red <?php if ($status == "ETD"){echo "selected";} ?>"><span class="small"><?php echo (getSAData($_GET['id'], "etd") ? date("j M", strtotime(getSAData($_GET['id'], "etd"))) : "" ); ?><br/><b>ETD</b></span></a>
														</li>
														<li>
															<a href="#0" data-date="10/07/2016" class="border-after-red bg-after-red <?php if ($status == "ETA"){echo "selected";} ?>"><span class="small"><?php echo (getSAData($_GET['id'], "eta") ? date("j M", strtotime(getSAData($_GET['id'], "eta"))) : "" ); ?><br/><b>ETA</b></span></a>
														</li>
														<li>
															<a href="#0" data-date="23/08/2016" class="border-after-red bg-after-red <?php if ($status == "Custom Clearance"){echo "selected";} ?>"><span class="small"><?php echo (getSAData($_GET['id'], "release_date") ? date("j M", strtotime(getSAData($_GET['id'], "release_date"))) : "" ); ?><br/><b>Custom Clearance</b></span></a>
														</li>
														<!--if Delivery by Inhouse and Outsource-->
														<li>
															<a href="#0" data-date="06/10/2016" class="border-after-red bg-after-red"><span class="small"><?php echo (getDAData($_GET['id'], "created_on") ? date("j M", strtotime(getDAData($_GET['id'], "created_on"))) : "" ); ?><br/><b>Delivery Arrangement</b></span></a>
														</li>
														<li>
															<a href="#0" data-date="10/12/2016" class="border-after-red bg-after-red <?php if ($status == "Delivery Request Sent" || $status == "Delivery Request Accepted" || $status == "Delivery Request Completed" || $status == "Order Completed"){echo "selected";} ?>"><span class="small"><?php echo (getDAData($_GET['id'], "created_on") ? (getDAData($_GET['id'], "delivery_date") <> null ? date("j M", strtotime(getDAData($_GET['id'], "delivery_date"))) : date("j M", strtotime(getDAData($_GET['id'], "created_on")))) : "" );  ?><br/><b>Delivery</b></span></a>
														</li>
													</ol>
													<span class="filling-line bg-red" aria-hidden="true"></span>
												</div>
												<!-- .events -->
											</div>
											<!-- .events-wrapper -->
											<ul class="cd-timeline-navigation mt-ht-nav-icon">
												<li>
													<a href="#0" class="prev inactive btn btn-outline red md-skip">
													<i class="fa fa-chevron-left"></i>
													</a>
												</li>
												<li>
													<a href="#0" class="next btn btn-outline red md-skip">
													<i class="fa fa-chevron-right"></i>
													</a>
												</li>
											</ul>
											<!-- .cd-timeline-navigation -->
										</div>
										<!-- .timeline -->
										<div class="events-content">
											<ol>
												<li class="<?php if ($status == "Order Created"){echo "selected";} ?>" data-date="15/01/2016">
													<div class="mt-title">
														<h2 class="mt-content-title">Order Date</h2>
													</div>
													<div class="mt-author">
														<div class="mt-author-name">
															<a href="javascript:;" class="font-blue-madison">Customer</a>
														</div>
														<div class="mt-author-datetime font-grey-mint"><?php echo getSOData($_GET['id'], "supplier_company_name"); ?> </div>
														<div class="mt-author-name">
															<a href="javascript:;" class="font-blue-madison">Supplier</a>
														</div>
														<div class="mt-author-datetime font-grey-mint"><?php echo getCompanyData(getSOData($_GET['id'], "company_id"), "company_id", "name"); ?>  </div>
													</div>
													<div class="clearfix"></div>
													<div class="mt-content border-grey-steel">
														<div class="form-group">
															<label><b>Order No</b></label>
															<p><?php echo getSOData($_GET['id'], "marking_no"); ?></p>
														</div>
														<div class="form-group">
															<label><b>Order Type</b></label>
															<p><?php if(getSOData($_GET['id'], "po_id") <> null){ echo "PO & SO"; }else{ echo "SO"; } ?></p>
														</div>
														<div class="form-group">
															<label><b>Date Created</b></label>
															<p><?php echo date("d/m/Y", strtotime(getSOData($_GET['id'], "created_on"))); ?></p>
														</div>
														<div class="form-group">
															<label><b>Purchase No</b></label>
															<p><?php echo getPOData(getSOData($_GET['id'], "po_id"), "purchase_no"); ?></p>
														</div>
														<div class="form-group">
															<label><b>Purchase Value</b></label>
															<p><?php echo "(".getPOData(getSOData($_GET['id'], "po_id"), "order_currency") . ")" . number_format((float)getPOTotal(getSOData($_GET['id'], "po_id")), 2, '.', '');?></p>
															<a href="/shipping-order/details/<?php echo $_GET['id']; ?>" style="margin-left:350px" class="btn blue btn-outline btn-circle">
															<i class="fa fa-pencil" aria-hidden="true"></i> Details</a>
														</div>
													</div>
												</li>
												<li class="<?php if ($status == "Warehouse Received"){echo "selected";} ?>" data-date="28/02/2016">
													<div class="mt-title">
														<h2 class="mt-content-title">Warehouse Receive Note</h2>
													</div>
													<div class="mt-author">
														<div class="mt-author-name">
															<a href="javascript:;" class="font-blue-madison">Customer</a>
														</div>
														<div class="mt-author-datetime font-grey-mint"><?php echo getSOData($_GET['id'], "supplier_company_name"); ?> </div>
														<div class="mt-author-name">
															<a href="javascript:;" class="font-blue-madison">Supplier</a>
														</div>
														<div class="mt-author-datetime font-grey-mint"><?php echo getCompanyData(getSOData($_GET['id'], "company_id"), "company_id", "name"); ?>  </div>
													</div>
													<div class="clearfix"></div>
													<div class="mt-content border-grey-steel">
														<div class="form-group">
															<label><b>Receive Date</b></label>
															<p><?php echo (getWAData($_GET['id'], "receive_on") ?date("d/m/Y",strtotime(getWAData($_GET['id'], "receive_on"))) : " - "); ?></p>
														</div>
														<div class="form-group">
															<label><b>Total Carton</b></label>
															<p><?php echo (getWATotalCarton(getWAData($_GET['id'], "id")) ? getWATotalCarton(getWAData($_GET['id'], "id")) : " - "); ?></p>
														</div>
														<?php $order_remarks = json_decode(getWAData($_GET['id'], "remarks"), true); ?>
														<?php foreach($order_remarks as $key => $order_remark){ ?>
														<div class="form-group">
															<label><b><?php echo $order_remark['form_name']; ?></b></label>
															<p><?php echo $order_remark['form_value']; ?></p>
														</div>
														<?php } ?>
														<a href="/shipping-order/details/<?php echo $_GET['id']; ?>#arrangements" style="margin-left:350px" class="btn blue btn-outline btn-circle">
														<i class="fa fa-pencil" aria-hidden="true"></i> Details</a>
													</div>
												</li>
												<li class="<?php if ($status == "Container Loading"){echo "selected";} ?>" data-date="13/04/2016">
													<div class="mt-title">
														<h2 class="mt-content-title">Container Loading</h2>
													</div>
													<div class="mt-author">
														<div class="mt-author-name">
															<a href="javascript:;" class="font-blue-madison">Customer</a>
														</div>
														<div class="mt-author-datetime font-grey-mint"><?php echo (getSOData($_GET['id'], "supplier_company_name") ? getSOData($_GET['id'], "supplier_company_name") : " - "); ?> </div>
														<div class="mt-author-name">
															<a href="javascript:;" class="font-blue-madison">Supplier</a>
														</div>
														<div class="mt-author-datetime font-grey-mint"><?php echo (getCompanyData(getSOData($_GET['id'], "company_id"), "company_id", "name") ? getCompanyData(getSOData($_GET['id'], "company_id"), "company_id", "name") : " - "); ?>  </div>
													</div>
													<div class="clearfix"></div>
													<div class="mt-content border-grey-steel">
														<div class="form-group">
															<label><b>Shipping No</b></label>
															<p><?php echo (getSAData($_GET['id'], "shipment_no") ? getSAData($_GET['id'], "shipment_no") : " - "); ?></p>
														</div>
														<div class="form-group">
															<label><b>ETD</b></label>
															<p><?php echo (getSAData($_GET['id'], "etd") ? date("d/m/Y",strtotime(getSAData($_GET['id'], "etd"))) : " - "); ?></p>
														</div>
														<div class="form-group">
															<label><b>ETA</b></label>
															<p><?php echo (getSAData($_GET['id'], "eta") ? date("d/m/Y",strtotime(getSAData($_GET['id'], "eta"))) : " - "); ?></p>
														</div>
													</div>
													<a href="/shipping-order/details/<?php echo $_GET['id']; ?>#arrangements" class="btn blue btn-outline btn-circle">
													<i class="fa fa-pencil" aria-hidden="true"></i> Details</a>
												</li>
												<li class="<?php if ($status == "ETD"){echo "selected";} ?>" data-date="27/05/2016">
													<div class="mt-title">
														<h2 class="mt-content-title">ETD</h2>
													</div>
													<div class="mt-author">
														<div class="mt-author-name">
															<a href="javascript:;" class="font-blue-madison">Customer</a>
														</div>
														<div class="mt-author-datetime font-grey-mint"><?php echo getSOData($_GET['id'], "supplier_company_name"); ?> </div>
														<div class="mt-author-name">
															<a href="javascript:;" class="font-blue-madison">Supplier</a>
														</div>
														<div class="mt-author-datetime font-grey-mint"><?php echo getCompanyData(getSOData($_GET['id'], "company_id"), "company_id", "name"); ?>  </div>
													</div>
													<div class="clearfix"></div>
													<div class="mt-content border-grey-steel">
														<?php if (getSAData($_GET['id'], "last_etd") <> getSAData($_GET['id'], "etd")){ ?>
														<div class="form-group">
															<label><b>Last Departure Date</b></label>
															<p><?php echo date("d/m/Y",strtotime(getSAData($_GET['id'], "last_etd"))); ?></p>
														</div>
														<div class="form-group has-error">
															<label style="color: #e73d4a;"><b>New Departure Date</b></label>
															<p id="inputError"><?php echo date("d/m/Y",strtotime(getSAData($_GET['id'], "etd"))); ?></p>
														</div>
														<div class="form-group">
															<label><b>Remark</b></label>
															<p>Estimated Time Delivery</p>
														</div>
														<?php }else{ ?>
														<div class="form-group">
															<label><b>Departure Date</b></label>
															<p><?php echo (getSAData($_GET['id'], "etd") ? date("d/m/Y",strtotime(getSAData($_GET['id'], "etd"))) : " - "); ?></p>
														</div>
														<div class="form-group">
															<label><b>Remark</b></label>
															<p>Estimated Time Delivery</p>
														</div>
														<?php } ?>
														<a href="/shipping-order/details/<?php echo $_GET['id']; ?>#arrangements" class="btn blue btn-outline btn-circle">
														<i class="fa fa-pencil" aria-hidden="true"></i> Details</a>
													</div>
												</li>
												<li class="<?php if ($status == "ETA"){echo "selected";} ?>" data-date="10/07/2016">
													<div class="mt-title">
														<h2 class="mt-content-title">ETA</h2>
													</div>
													<div class="mt-author">
														<div class="mt-author-name">
															<a href="javascript:;" class="font-blue-madison">Customer</a>
														</div>
														<div class="mt-author-datetime font-grey-mint"><?php echo getSOData($_GET['id'], "supplier_company_name"); ?> </div>
														<div class="mt-author-name">
															<a href="javascript:;" class="font-blue-madison">Supplier</a>
														</div>
														<div class="mt-author-datetime font-grey-mint"><?php echo getCompanyData(getSOData($_GET['id'], "company_id"), "company_id", "name"); ?>  </div>
													</div>
													<div class="clearfix"></div>
													<div class="mt-content border-grey-steel">
														<?php if (getSAData($_GET['id'], "last_eta") <> getSAData($_GET['id'], "eta")){ ?>
														<div class="form-group">
															<label><b>Last Arrival Date</b></label>
															<p><?php echo date("d/m/Y",strtotime(getSAData($_GET['id'], "last_eta"))); ?></p>
														</div>
														<div class="form-group has-error">
															<label style="color: #e73d4a;"><b>New Arrival Date</b></label>
															<p id="inputError"><?php echo date("d/m/Y",strtotime(getSAData($_GET['id'], "eta"))); ?></p>
														</div>
														<div class="form-group">
															<label><b>Remark</b></label>
															<p>Estimated Time Arrival</p>
														</div>
														<?php }else{ ?>
														<div class="form-group">
															<label><b>Arrival Date</b></label>
															<p><?php echo (getSAData($_GET['id'], "eta") ? date("d/m/Y",strtotime(getSAData($_GET['id'], "eta"))) : " - "); ?></p>
														</div>
														<div class="form-group">
															<label><b>Remark</b></label>
															<p>Estimated Time Arrival</p>
														</div>
														<?php } ?>
														<a href="/shipping-order/details/<?php echo $_GET['id']; ?>#arrangements" class="btn blue btn-outline btn-circle">
														<i class="fa fa-pencil" aria-hidden="true"></i> Details</a>
													</div>
												</li>
												<li class="<?php if ($status == "Custom Clearance"){echo "selected";} ?>" data-date="23/08/2016">
													<div class="mt-title">
														<h2 class="mt-content-title">Customs Clearance</h2>
													</div>
													<div class="mt-author">
														<div class="mt-author-name">
															<a href="javascript:;" class="font-blue-madison">Customer</a>
														</div>
														<div class="mt-author-datetime font-grey-mint"><?php echo getSOData($_GET['id'], "supplier_company_name"); ?> </div>
														<div class="mt-author-name">
															<a href="javascript:;" class="font-blue-madison">Supplier</a>
														</div>
														<div class="mt-author-datetime font-grey-mint"><?php echo getCompanyData(getSOData($_GET['id'], "company_id"), "company_id", "name"); ?>  </div>
													</div>
													<div class="clearfix"></div>
													<div class="mt-content border-grey-steel">
														<div class="form-group">
															<label><b>Customs Clearance Date</b></label>
															<p><?php echo (getSAData($_GET['id'], "release_date") ? date("d/m/Y",strtotime(getSAData($_GET['id'], "release_date"))) : " - "); ?></p>
														</div>
													</div>
													<div class="form-group">
														<label><b>Remark</b></label>
														<p><?php echo (getSAData($_GET['id'], "release_date") ? "Customs Cleareance Finish" : " - "); ?></p>
													</div>
													<a href="/shipping-order/details/<?php echo $_GET['id']; ?>#arrangements" class="btn blue btn-outline btn-circle">
													<i class="fa fa-pencil" aria-hidden="true"></i> Details</a>
												</li>
												<li class="" data-date="06/10/2016">
													<div class="mt-title">
														<h2 class="mt-content-title">Delivery Arrangement</h2>
													</div>
													<div class="mt-author">
														<div class="mt-author-name">
															<a href="javascript:;" class="font-blue-madison">Customer</a>
														</div>
														<div class="mt-author-datetime font-grey-mint"><?php echo getSOData($_GET['id'], "supplier_company_name"); ?> </div>
														<div class="mt-author-name">
															<a href="javascript:;" class="font-blue-madison">Supplier</a>
														</div>
														<div class="mt-author-datetime font-grey-mint"><?php echo getCompanyData(getSOData($_GET['id'], "company_id"), "company_id", "name"); ?>  </div>
													</div>
													<div class="clearfix"></div>
													<div class="mt-content border-grey-steel">
														<form id="change-delivery-address">
															<div class="form-group">
																<label><b>Contact Person</b></label>
																<input name="delivery_contact_person" id="delivery_contact_person" class="form-control" value="<?php echo getSOData($_GET['id'], "delivery_contact_person"); ?>">
															</div>
															<div class="form-group">
																<label><b>Contact Number</b></label>
																<input name="delivery_contact_person_no" id="delivery_contact_person_no" class="form-control" value="<?php echo getSOData($_GET['id'], "delivery_contact_person_no"); ?>">
															</div>
															<div class="form-group">
																<label><b>Address</b></label>
																<input name="delivery_address" id="delivery_address" class="form-control" value="<?php echo getSOData($_GET['id'], "delivery_address"); ?>">
															</div>
															<div class="form-group">
																<label><b>City</b></label>
																<input name="delivery_city" id="delivery_city" class="form-control" value="<?php echo getSOData($_GET['id'], "delivery_city"); ?>">
															</div>
															<div class="form-group">
																<label><b>Postcode</b></label>
																<input name="delivery_zip" id="delivery_zip" class="form-control" value="<?php echo getSOData($_GET['id'], "delivery_zip"); ?>">
															</div>
															<div class="form-group">
																<label><b>State</b></label>
																<input name="delivery_state" id="delivery_state" class="form-control" value="<?php echo getSOData($_GET['id'], "delivery_state"); ?>">
															</div>
															<div class="form-group">
																<label><b>Country</b></label>
																<input name="delivery_country" id="delivery_country" class="form-control" value="<?php echo getSOData($_GET['id'], "delivery_country"); ?>">
															</div>
															<div class="form-group last">
																<div class="form-actions" align="right">
																	<button class="btn blue change-address" id="change-address">Change Address</button>
																</div>
															</div>
														</form>
													</div>
												</li>
												<li class="<?php if ($status == "Delivery Request Sent" || $status == "Delivery Request Accepted" || $status == "Delivery Request Completed" || $status == "Order Completed"){echo "selected";} ?>" data-date="10/12/2016">
													<div class="mt-title">
														<h2 class="mt-content-title">Delivery</h2>
													</div>
													<div class="mt-author">
														<div class="mt-author-name">
															<a href="javascript:;" class="font-blue-madison">Customer</a>
														</div>
														<div class="mt-author-datetime font-grey-mint"><?php echo getSOData($_GET['id'], "supplier_company_name"); ?> </div>
														<div class="mt-author-name">
															<a href="javascript:;" class="font-blue-madison">Supplier</a>
														</div>
														<div class="mt-author-datetime font-grey-mint"><?php echo getCompanyData(getSOData($_GET['id'], "company_id"), "company_id", "name"); ?>  </div>
													</div>
													<div class="clearfix"></div>
													<div class="mt-content border-grey-steel">
														<div class="todo-ui">
															<div class="todo-content">
																<div class="row">
																	<div class="col-md-12 col-sm-6">
																		<div class="todo-tasklist">
																			<?php if(getDAData($_GET['id'], "created_on")){ ?>
																			<div class="todo-tasklist-item todo-tasklist-item-border-green">
																				<img class="todo-userpic pull-left" src="<?php echo showImage(getDAData($_GET['id'], "user_id"));?>" width="27px" height="27px">
																				<?php 
																					$salt	= "picard59fJepLkm6Gu5dDV";
																					$encrypted_id = base64_encode($salt . getDAData($_GET['id'], "user_id") . $salt);
																					?>
																				<div class="todo-tasklist-item-title"> Delivery Request Sent by <a href='/user-profile/<?php echo $encrypted_id; ?>'><?php echo getProfileData(getDAData($_GET['id'], "user_id") ,"first_name"); ?></a> </div>
																				<div class="todo-tasklist-controls pull-left">
																					<span class="todo-tasklist-date">
																					<i class="fa fa-calendar"></i> <?php echo date("d M y", strtotime(getDAData($_GET['id'], "created_on"))); ?>
																					</span>
																				</div>
																			</div>
																			<?php } ?>
																			<?php if(getDAData($_GET['id'], "accept_date") <> null){ ?>
																			<div class="todo-tasklist-item todo-tasklist-item-border-green">
																				<img class="todo-userpic pull-left" src="<?php echo showImage(getDAData($_GET['id'], "accept_user_id"));?>" width="27px" height="27px">
																				<?php 
																					$salt	= "picard59fJepLkm6Gu5dDV";
																					$encrypted_id = base64_encode($salt . getDAData($_GET['id'], "accept_user_id") . $salt);
																					?>
																				<div class="todo-tasklist-item-title"> Delivery Request Accepted by <a href='/user-profile/<?php echo $encrypted_id; ?>'><?php echo getProfileData(getDAData($_GET['id'], "accept_user_id") ,"first_name"); ?></a> </div>
																				<div class="todo-tasklist-controls pull-left">
																					<span class="todo-tasklist-date">
																					<i class="fa fa-calendar"></i> <?php echo date("d M y", strtotime(getDAData($_GET['id'], "accept_date"))); ?>
																					</span>
																				</div>
																			</div>
																			<?php } ?>
																			<?php if(getDAData($_GET['id'], "deliver_date") <> null){ ?>
																			<div class="todo-tasklist-item todo-tasklist-item-border-green">
																				<img class="todo-userpic pull-left" src="<?php echo showImage(getDAData($_GET['id'], "deliver_user_id"));?>" width="27px" height="27px">
																				<?php 
																					$salt	= "picard59fJepLkm6Gu5dDV";
																					$encrypted_id = base64_encode($salt . getDAData($_GET['id'], "deliver_user_id") . $salt);
																					?>
																				<div class="todo-tasklist-item-title"> Delivery Request Mark as Delivered by <a href='/user-profile/<?php echo $encrypted_id; ?>'><?php echo getProfileData(getDAData($_GET['id'], "deliver_user_id") ,"first_name"); ?></a> </div>
																				<div class="todo-tasklist-controls pull-left">
																					<span class="todo-tasklist-date">
																					<i class="fa fa-calendar"></i> <?php echo date("d M y", strtotime(getDAData($_GET['id'], "deliver_date"))); ?>
																					</span>
																				</div>
																			</div>
																			<?php } ?>
																		</div>
																	</div>
																</div>
															</div>
														</div>
														<hr>
														<?php if(getDAData($_GET['id'], "status") > 2){ ?>
														<form id="change-delivery-status" class="horizontal-form">
															<div class="form-body">
																<div class="row">
																	<div class="col-md-6">
																		<div class="form-group">
																			<label class="control-label"><b>Confirmation</b></label>
																			<br>
																			<span>Have you received your goods?</span>
																			<br>
																			Order No : <?php echo getSOData($_GET['id'], "marking_no"); ?>
																			<br>
																			<br>
																			<div class="form-actions left">
																				<input id="toggle-on" value="1" name="toggle" type="radio">
																				<label class="button-label" for="toggle-on">Yes</label>
																				<input id="toggle-off" value="0" name="toggle" type="radio">
																				<label class="button-label" for="toggle-off">No</label>
																			</div>
																		</div>
																		<div class="form-group">
																			<label><b>Comment</b></label>
																			<textarea class="form-control" rows="2"></textarea>
																		</div>
																	</div>
																	<!--/span-->
																	<div class="col-md-6">
																		<div class="form-group">
																			<label class="control-label"><b>Your Rating</b></label>
																			<br>
																			<div class="stars">
																				<input class="star star-5" id="star-5" type="radio" value="5" name="star"/>
																				<label class="star star-5" for="star-5"></label>
																				<input class="star star-4" id="star-4" type="radio" value="4" name="star"/>
																				<label class="star star-4" for="star-4"></label>
																				<input class="star star-3" id="star-3" type="radio" value="3" name="star"/>
																				<label class="star star-3" for="star-3"></label>
																				<input class="star star-2" id="star-2" type="radio" value="2" name="star"/>
																				<label class="star star-2" for="star-2"></label>
																				<input class="star star-1" id="star-1" type="radio" value="1" name="star"/>
																				<label class="star star-1" for="star-1"></label>
																			</div>
																		</div>
																	</div>
																</div>
																<button class="btn blue change-delivery" id="change-delivery">Submit</button>
															</div>
														</form>
														<?php }?>														
													</div>
												</li>
											</ol>
										</div>
										<!-- .events-content --> 
									</div>
									<?php }else{ ?>
									<h3 style='text-align:center; margin-top:100px;'>Please choose order number </h3>
									<?php } ?>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>