
<!-- ======================== START OF REGISTRATIONS MODULE MODALS ============================= -->
<!-- Start of Update Kitchen Modal -->
<div class="modal fade" id="updateKitchenModal" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
	<div class="modal-dialog modal-dialog-centered modal-md">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title"><i class="fa fa-edit"></i> Update Kitchen Information</h5>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
			</div>
			<div class="modal-body">
				<div class="tile">
					<form action="#" method="POST" id="updateKitchenForm">
						<div class="row">
							<div class="form-group col-md-12">
								<label class="control-label">Kitchen Name</label>
								<input type="hidden" name="txtKitchenIddUpdateKitchen" id="txtKitchenIddUpdateKitchen" required readonly />
								<input class="form-control font-weight-bold" type="text" name="txtKitchenNameUpdateKitchen" id="txtKitchenNameUpdateKitchen" placeholder="Enter kitchen name" required>
							</div>
							<div class="form-group col-md-12">
								<label class="control-label">Description</label>
								<textarea class="form-control" rows="2" name="txtKitchenDescriptionUpdateKitchen" id="txtKitchenDescriptionUpdateKitchen" required></textarea>
								<input class="form-control" type="hidden" name="txtUpdatedByUpdateKitchen" id="txtUpdatedByUpdateKitchen" value="<?php echo $_SESSION['userIdd']; ?>" required>
								<input class="form-control" type="hidden" name="txtUpdateDateUpdateKitchen" id="txtUpdateDateUpdateKitchen" value="<?php echo date("Y-m-d H:i:s"); ?>" required>
							</div>
							<div class="form-group col-md-12 text-right pt-2">
								<button type="submit" class="btn btn-primary" name="btnUpdateKitchen" id="btnUpdateKitchen"><i class="fa fa-fw fa-lg fa-pencil"></i>Update Kitchen</button>&nbsp;
								<button type="reset" class="btn btn-danger" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-fw fa-lg fa-times"></i>Close</button>
							</div>
						</div>
					</form>
				</div>
			</div>

		</div>
	</div>
</div>
<!-- End of Update Kitchen Modal -->

<!-- Update Restaurant Category Modal -->
<div class="modal fade" id="updateRestaurantCategoryModal" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
	<div class="modal-dialog modal-dialog-centered modal-lg">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title"><i class="fa fa-edit"></i> Update Category Form</h5>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
			</div>
			<div class="modal-body">
				<div class="tile">
					<form action="#" method="POST" id="updateRestaurantCategoryForm" enctype="multipart/form-data" >
						<div class="row">
							<div class="form-group col-md-3 text-center">
								<img class="rounded" src="img/upload-image.png" id="restaurantCategoryPhotoTargetUpdate" width="100%" height="150px" /><br>
								<label class="btn btn-info btn-sm d-block mt-1">
									<i class="fa fa-upload"> </i> Category Photo<input type="file" class="form-control" name="restaurantCategoryPhotoUpdate" id="restaurantCategoryPhotoUpdate" hidden>
								</label>
								<input type="hidden" id="photoUpdateRestaurantCategory1" name="photoUpdateRestaurantCategory1"/>                        

								<script>
									var rest_category_photo_src_update = document.getElementById("restaurantCategoryPhotoUpdate");
									var rest_category_photo_target_update = document.getElementById("restaurantCategoryPhotoTargetUpdate");

									function showUpdateRestaurantCategoryPhoto(rest_category_photo_src_update, rest_category_photo_target_update) {
										var upl = new FileReader();
										upl.onload = function (e) {
											rest_category_photo_target_update.src = this.result;
										};
										rest_category_photo_src_update.addEventListener("change", function () {
											upl.readAsDataURL(rest_category_photo_src_update.files[0]);
										})
									}
									showUpdateRestaurantCategoryPhoto(rest_category_photo_src_update, rest_category_photo_target_update);
								</script>
							</div>

							<div class="form-group col-md-9">
								<div class="row">
									<div class="form-group col-md-12">
										<label class="control-label">Category Name</label>
										<input type="hidden" name="txtCategoryIddUpdateRestaurantCategory" id="txtCategoryIddUpdateRestaurantCategory" required readonly />
										<input class="form-control font-weight-bold" type="text" name="txtCategoryNameUpdateRestaurantCategory" id="txtCategoryNameUpdateRestaurantCategory" placeholder="Exmple: Launch, pizza" required>
									</div>
									<div class="form-group col-md-12">
										<label class="control-label">Category Section</label>
										<select id="cmbCategorySectionUpdateRestaurantCategory" name="cmbCategorySectionUpdateRestaurantCategory" class="form-control" style="width:100%" required />

										</select>
										</div>
									<div class="form-group col-md-12">
										<label class="control-label">Category Desciption</label>
										<textarea class="form-control" rows="4" name="txtCategoryDescriptionUpdateRestaurantCategory" id="txtCategoryDescriptionUpdateRestaurantCategory" placeholder="Category description" required></textarea>
										<input class="form-control" type="hidden" name="txtUpdatedByNewRestaurantCategory" id="txtUpdatedByNewRestaurantCategory" value="<?php echo $_SESSION['userIdd']; ?>" required>
										<input class="form-control" type="hidden" name="txtUpdateDateNewRestaurantCategory" id="txtUpdateDateNewRestaurantCategory" value="<?php echo date("Y-m-d H:i:s"); ?>" required>
									</div>
									<div class="form-group col-md-12 mt-1" style="text-align: right;">
										<button type="submit" class="btn btn-primary" name="btnUpdateRestaurantCategory" id="btnUpdateRestaurantCategory"><i class="fa fa-fw fa-lg fa-pencil"></i>Update Category</button>&nbsp;
										<button type="reset" class="btn btn-danger"><i class="fa fa-fw fa-lg fa-trash"></i> Clear</button>
									</div>
								</div>
							</div>
						</div>
					</form>	
				</div>
			</div>
		</div>
	</div>
</div>
<!-- Update Restaurant Category Modal Ends Here  -->

<!-- Update Restaurant Product Modal -->
<div class="modal fade" id="updateRestaurantProductModal" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
	<div class="modal-dialog modal-dialog-centered modal-lg">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title"><i class="fa fa-edit"></i> Update Product Information</h5>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
			</div>
			<div class="modal-body">
				<div class="tile">
					<form action="#" method="POST" id="updateRestaurantProductForm" enctype="multipart/form-data" >
						<div class="row">
							<div class="form-group col-md-3 text-center">
								<img class="rounded" src="img/upload-image.png" id="restaurantProductPhotoTargetUpdate" width="100%" height="150px" /><br>
								<label class="btn btn-info btn-sm d-block mt-1">
									<i class="fa fa-upload"> </i> Product Photo<input type="file" class="form-control" name="restaurantProductPhotoUpdate" id="restaurantProductPhotoUpdate" hidden>
								</label>
								<input type="hidden" id="photoUpdateRestaurantProduct1" name="photoUpdateRestaurantProduct1"/>                        

								<script>
									var rest_product_photo_src_update = document.getElementById("restaurantProductPhotoUpdate");
									var rest_product_photo_target_update = document.getElementById("restaurantProductPhotoTargetUpdate");

									function showUpdateRestaurantProductPhoto(rest_product_photo_src_update, rest_product_photo_target_update) {
										var upl = new FileReader();
										upl.onload = function (e) {
											rest_product_photo_target_update.src = this.result;
										};
										rest_product_photo_src_update.addEventListener("change", function () {
											upl.readAsDataURL(rest_product_photo_src_update.files[0]);
										})
									}
									showUpdateRestaurantProductPhoto(rest_product_photo_src_update, rest_product_photo_target_update);
								</script>
							</div>

							<div class="form-group col-md-9">
								<div class="row">
									<div class="form-group col-md-4">
										<label class="control-label">Product Name</label>
									</div>
									<div class="form-group col-md-8">
										<input type="hidden" name="txtProductIddUpdateRestaurantProduct" id="txtProductIddUpdateRestaurantProduct" required readonly />
										<input class="form-control font-weight-bold" type="text" name="txtProductNameUpdateRestaurantProduct" id="txtProductNameUpdateRestaurantProduct" placeholder="Exmple: burger, shuwaarma" required>
									</div>
									<div class="form-group col-md-4">
										<label class="control-label">Product Category</label>
									</div>
									<div class="form-group col-md-8">
										<select id="cmbProductCategoryUpdateRestaurantProduct" name="cmbProductCategoryUpdateRestaurantProduct" class="form-control" style="width:100%" required />
	
										</select>
									</div>
									<div class="form-group col-md-4">
										<label class="control-label">Product Price($)</label>
									</div>
									<div class="form-group col-md-8">
										<input class="form-control" type="number" name="txtProductPriceUpdateRestaurantProduct" id="txtProductPriceUpdateRestaurantProduct" step="0.01" placeholder="Exmple: 10" required>
									</div>
									<div class="form-group col-md-4">
										<label class="control-label">Section</label>
									</div>
									<div class="form-group col-md-8">
										<select id="cmbProductSectionUpdateRestaurantProduct" name="cmbProductSectionUpdateRestaurantProduct" class="form-control" style="width:100%" required />

										</select>
									</div>
									<div class="form-group col-md-4">
										<label class="control-label">Kitchen</label>
									</div>
									<div class="form-group col-md-8">
										<select id="cmbProcessingKitchenUpdateRestaurantProduct" name="cmbProcessingKitchenUpdateRestaurantProduct" class="form-control" style="width:100%" required />
	
										</select>
									</div>
									<div class="form-group col-md-4">
										<label class="control-label">Product Desciption</label>
									</div>
									<div class="form-group col-md-8">
										<textarea class="form-control" rows="3" name="txtProductDescriptionUpdateRestaurantProduct" id="txtProductDescriptionUpdateRestaurantProduct" placeholder="Product description" required></textarea>
									</div>
									<div class="form-group col-md-4">
										<label class="control-label">Product Status</label>
									</div>
									<div class="form-group col-md-8">
										<input type="checkbox" name="cbxProductStatusUpdateRestaurantProduct" id="cbxProductStatusUpdateRestaurantProduct" data-toggle="toggle" data-on="<i class='fa fa-check'></i>Available" data-off="<i class='fa fa-times'></i>Unavailable " data-width="100%" data-onstyle="success" data-offstyle="danger" data-style="slow">
										<input class="form-control" type="hidden" name="txtUpdatedByUpdateRestaurantProduct" id="txtUpdatedByUpdateRestaurantProduct" value="<?php echo $_SESSION['userIdd']; ?>" required>
										<input class="form-control" type="hidden" name="txtUpdateDateUpdateRestaurantProduct" id="txtUpdateDateUpdateRestaurantProduct" value="<?php echo date("Y-m-d H:i:s"); ?>" required>
									</div>
									<div class="form-group col-md-12 mt-1" style="text-align: right;">
										<button type="submit" class="btn btn-primary" name="btnUpdateRestaurantProduct" id="btnUpdateRestaurantProduct"><i class="fa fa-fw fa-lg fa-pencil"></i>Update Product</button>&nbsp;
										<button type="reset" class="btn btn-danger"><i class="fa fa-fw fa-lg fa-trash"></i> Clear</button>
									</div>
								</div>
							</div>
						</div>
					</form>	
				</div>
			</div>
		</div>
	</div>
</div>
<!-- Update Restaurant Product Modal Ends Here  -->

<!-- Start of Update Table Modal -->
<div class="modal fade" id="updateTableModal" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
	<div class="modal-dialog modal-dialog-centered modal-md">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title"><i class="fa fa-edit"></i> Update Table Information</h5>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
			</div>
			<div class="modal-body">
				<div class="tile">
					<form action="#" method="POST" id="updateTableForm">
						<div class="row">
							<div class="form-group col-md-12">
								<label class="control-label">Table Name</label>
								<input type="hidden" name="txtTableIddUpdateTable" id="txtTableIddUpdateTable" required readonly />
								<input class="form-control font-weight-bold" type="text" name="txtTableNameUpdateTable" id="txtTableNameUpdateTable" placeholder="Enter table name" required>
							</div>
							<div class="form-group col-md-12">
								<label class="control-label">Table Section</label>
								<select id="cmbTableSectionUpdateTable" name="cmbTableSectionUpdateTable" class="form-control" style="width:100%" required />
									<option value="">Select Section</option>
									<option value="0">Ground Floor</option>
									<option value="1">First Floor</option>
								</select>
							</div>
							<div class="form-group col-md-12">
								<label class="control-label">Description</label>
								<textarea class="form-control" rows="2" name="txtTableDescriptionUpdateTable" id="txtTableDescriptionUpdateTable" required></textarea>
								<input class="form-control" type="hidden" name="txtUpdatedByUpdateTable" id="txtUpdatedByUpdateTable" value="<?php echo $_SESSION['userIdd']; ?>" required>
								<input class="form-control" type="hidden" name="txtUpdateDateUpdateTable" id="txtUpdateDateUpdateTable" value="<?php echo date("Y-m-d H:i:s"); ?>" required>
							</div>
							<div class="form-group col-md-12 text-right pt-2">
								<button type="submit" class="btn btn-primary" name="btnUpdateTable" id="btnUpdateTable"><i class="fa fa-fw fa-lg fa-pencil"></i>Update Table</button>&nbsp;
								<button type="reset" class="btn btn-danger" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-fw fa-lg fa-times"></i>Close</button>
							</div>
						</div>
					</form>
				</div>
			</div>

		</div>
	</div>
</div>
<!-- Update Table Modal Ends Here  -->

<!-- Start of Register Customer Modal -->
<div class="modal fade" id="registerNewCustomerModal" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
	<div class="modal-dialog modal-dialog-centered modal-md">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title"><i class="fa fa-user-plus"></i> Register New Customer</h5>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
			</div>
			<div class="modal-body">
				<div class="tile">
					<form action="#" method="POST" id="registerNewCustomerModalForm">
						<div class="row">
							<div class="form-group col-md-12">
								<label class="control-label">Customer Name</label>
								<input class="form-control" type="text" name="txtCustomerNameRegisterNewCustomerModal" id="txtCustomerNameRegisterNewCustomerModal" placeholder="Example: Mohamed Ali Jamac" required>
							</div>
							<div class="form-group col-sm-12">
								<label class="control-label">Mobile</label>
								<input type="text" class="form-control" name="txtCustomerMobileRegisterNewCustomerModal" id="txtCustomerMobileRegisterNewCustomerModal" placeholder="Example: 617336622" maxlength="9" required>
							</div>
							<div class="form-group col-md-12">
								<label class="control-label">Address</label>
								<input type="text" class="form-control" name="txtCustomerAddressRegisterNewCustomerModal" id="txtCustomerAddressRegisterNewCustomerModal" placeholder="Example: Waaberi" required>
								<input type="hidden" name="txtRegisteredByRegisterNewCustomerModal" id="txtRegisteredByRegisterNewCustomerModal" value="<?php echo $_SESSION['userIdd']; ?>" required>
								<input type="hidden" name="txtRegisterDateRegisterNewCustomerModal" id="txtRegisterDateRegisterNewCustomerModal" value="<?php echo date("Y-m-d H:i"); ?>" required>
							</div>
							<div class="form-group col-md-12 text-right mt-3">
								<button type="submit" class="btn btn-success" name="btnRegisterNewCustomerModal" id="btnRegisterNewCustomerModal"><i class="fa fa-fw fa-lg fa-save"></i>Register Customer</button>&nbsp;
								<button type="reset" class="btn btn-danger"><i class="fa fa-fw fa-lg fa-trash"></i> Clear</button>
							</div>
						</div>
					</form>
				</div>
			</div>

		</div>
	</div>
</div>
<!-- Register Customer Modal Ends Here  -->

<!-- Start of Update Customer Modal -->
<div class="modal fade" id="updateCustomerModal" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
	<div class="modal-dialog modal-dialog-centered modal-md">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title"><i class="fa fa-edit"></i> Update Customer Form</h5>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
			</div>
			<div class="modal-body">
				<div class="tile">
					<form action="#" method="POST" id="updateCustomerForm">
						<div class="row">
							<div class="form-group col-md-12">
								<label class="control-label">Customer Name</label>
								<input name="txtCustomerIddUpdateCustomer" id="txtCustomerIddUpdateCustomer" hidden readonly required>
								<input class="form-control" type="text" name="txtCustomerNameUpdateCustomer" id="txtCustomerNameUpdateCustomer" placeholder="Example: Mohamed Ali Jamac" required>
							</div>
							<div class="form-group col-sm-12">
								<label class="control-label">Mobile</label>
								<input type="text" class="form-control" name="txtCustomerMobileUpdateCustomer" id="txtCustomerMobileUpdateCustomer" placeholder="Example: 617336622" maxlength="9" required>
							</div>
							<div class="form-group col-md-12">
								<label class="control-label">Address</label>
								<input type="text" class="form-control" name="txtCustomerAddressUpdateCustomer" id="txtCustomerAddressUpdateCustomer" placeholder="Example: Waaberi" required>
								<input type="hidden" name="txtUpdatedByUpdateCustomer" id="txtUpdatedByUpdateCustomer" value="<?php echo $_SESSION['userIdd']; ?>" required>
								<input type="hidden" name="txtUpdateDateUpdateCustomer" id="txtUpdateDateUpdateCustomer" value="<?php echo date("Y-m-d H:i"); ?>" required>
							</div>
							<div class="form-group col-md-12 text-right mt-3">
								<button type="submit" class="btn btn-primary" name="btnUpdateCustomer" id="btnUpdateCustomer"><i class="fa fa-fw fa-lg fa-pencil"></i>Update Customer</button>&nbsp;
								<button type="reset" class="btn btn-danger"><i class="fa fa-fw fa-lg fa-trash"></i> Clear</button>
							</div>
						</div>
					</form>
				</div>
			</div>

		</div>
	</div>
</div>
<!-- Update Customer Modal Ends Here  -->

<!-- Register Customer Payment Modal -->
<div class="modal fade" id="registerCustomerPaymentModal" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
	<div class="modal-dialog modal-dialog-centered modal-lg">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title"><i class="fa fa-dollar"></i> Pay Now</h5>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
			</div>
			<div class="modal-body">

				<div class="tile mb-3 orderInformationCustomerPaymentModal">
					
				</div>

				<div class="tile mb-3">
					<div class="row">
						<div class="form-group col-md-12">
							<button type="button" class="btn btn-primary font-weight-bold pull-right btnAddDepositAccountRegisterCustomerPayment"><i class="fa fa-plus"></i> Add Account</button>
						</div>
					</div>
					<div class="depositAccountsCustomerPaymentModal">
						<div class="row pb-2 font-weight-bold">
							<div class="col-md-1">&nbsp;</div>
							<div class="col-md-5">Account Number</div>
							<div class="col-md-3">Paid Amount</div>
							<div class="col-md-3">Desciption</div>
						</div>
						<div class="row pb-2" id="depositAccountCustomerPayment0">
							<div class="col-md-1">
								<i class="fa fa-trash fa-2x text-danger pull-right removeDepositAccountCustomerPaymentModal" style="cursor: pointer;"></i>
							</div>
							<div class="col-md-5">
								<select class="form-control cmbDepositAccountRegisterCustomerPayment" style="width: 100%;" name="cmbDepositAccountRegisterCustomerPayment0" id="cmbDepositAccountRegisterCustomerPayment0" required>

								</select>
							</div>
							<div class="col-md-3">
								<input class="form-control text-center txtPaidAmountRegisterCustomerPayment" type="number" name="txtPaidAmountRegisterCustomerPayment0" id="txtPaidAmountRegisterCustomerPayment0" step="0.01" min="0.01" required>
							</div>
							<div class="col-md-3">
								<textarea class="form-control txtPaymentDescriptionRegisterCustomerPayment" style="resize:none" rows="1" name="txtPaymentDescriptionRegisterCustomerPayment0" id="txtPaymentDescriptionRegisterCustomerPayment0" placeholder="Desciption" required></textarea>
							</div>	
						</div>
					</div>
					<div class="row mt-3">
						<div class="col-md-9"><h5 class="text-right border-top border-lightt pt-2 pl-3">Total Paid</h5></div>
						<div class="col-md-3"><h5 class="text-success border-top border-lightt pt-2">$<span id="totalPaidAmountCustomerPayments">0.00</span><h5></div>
					</div>
				</div>
				<div class="row">
					<div class="form-group col-md-12 text-right pt-2">
						<button type="submit" class="btn btn-success btn-lg" name="btnRegisterCustomerPayment" id="btnRegisterCustomerPayment"><i class="fa fa-fw fa-lg fa-save"></i>Register Payment</button>&nbsp;
						<button type="reset" class="btn btn-danger btn-lg" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-fw fa-lg fa-times"></i>Close</button>
					</div>
				</div>
			</div>

		</div>
	</div>
</div>
<!-- Register Customer Payment Modal Ends Here  -->

<!-- Register Delivery Order Modal -->
<div class="modal fade" id="registerDeliveryOrderModal" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
	<div class="modal-dialog modal-dialog-centered modal-lg">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title"><i class="fa fa-send"></i> Deliver Now - Delivery Order</h5>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close" onclick="location.reload()">
					<span aria-hidden="true">&times;</span>
				</button>
			</div>
			<div class="modal-body">

				<div class="tile mb-3 orderInformationCustomerPaymentModal">
					
				</div>

				<div class="tile mb-3">
					<div class="row">
						<div class="col-md-12 pb-2 font-weight-bold">
							<h5>Pick Deliveryman </h5>
						</div>
					</div>
					<div class="row">
						<?php
							if (($_SESSION['userTypeID'] == 'PS0001') || ($_SESSION['userTypeID'] == 'PS0002') || ($_SESSION['userTypeID'] == 'PS0003')) $fetchCriteria = "WHERE employeePosition = 'PS0007' AND employeeStatus = '1'";
							else $fetchCriteria = "WHERE employeePosition = 'PS0007' AND employeeStatus = '1'";
							$getDeliveryMen = mysqli_query($conn, "SELECT employeeID, employeeName, employeePhoto
							FROM employees
							$fetchCriteria
							ORDER BY employeeName ASC") or die(mysqli_error($conn));
							if ($getDeliveryMen) {
								if (mysqli_num_rows($getDeliveryMen) > 0) {
									while ($deliverymen_rs = mysqli_fetch_array($getDeliveryMen)) { ?>
										<div class="col-md-2 mb-3 text-center">
											<div class="custom-control custom-checkbox image-checkbox">
												<input type="checkbox" class="custom-control-input cbxDeliveryManWaitingDeliveries" id="<?php echo $deliverymen_rs[0] ?>" serving-deliverymen-id="<?php echo $deliverymen_rs[0] ?>">
												<label class="custom-control-label pb-2" for="<?php echo $deliverymen_rs[0] ?>">
													<img src="<?php echo $deliverymen_rs[2] ?>" alt="#" class="img-fluid">
												</label>
												
												<span><?php $get_name = explode(" ", $deliverymen_rs[1]); echo $get_name[0]; ?></span>
											</div>
										</div><?php
									}
								} else {
									?><div class="row">
										<div class="col-md-12">
											<h6>Deliveryman Not Found</h6>
										</div>
									</div><?php
								}
							} else {
								?><div class="row">
									<div class="col-md-12">
										<p><?php echo mysqli_error($conn); ?></p>
									</div>
								</div><?php
							}
						?>
					</div>
				</div>
				<div class="row">
					<div class="form-group col-md-12 text-right pt-2">
						<button type="submit" class="btn btn-success btn-lg" name="btnRegisterDeliveryWaitingDeliveries" id="btnRegisterDeliveryWaitingDeliveries"><i class="fa fa-fw fa-lg fa-save"></i>Deliver Order</button>&nbsp;
						<button type="reset" class="btn btn-danger btn-lg" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-fw fa-lg fa-times"></i>Close</button>
					</div>
				</div>
			</div>

		</div>
	</div>
</div>
<!-- Register Delivery Order Modal Ends Here  -->

<!-- Change Deliveryman Modal -->
<div class="modal fade" id="changeDeliverymanModal" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
	<div class="modal-dialog modal-dialog-centered modal-lg">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title"><i class="fa fa-refresh"></i> Change Deliveryman - Delivery Order</h5>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
			</div>
			<div class="modal-body">
                
                <div class="deliveryOrderChangeDeliverymanAreaSection">
                
                </div>

				<div class="row">
					<div class="form-group col-md-12 text-right pt-2">
						<button type="submit" class="btn btn-primary btn-lg" name="btnChangeDeliverymanDeliveryOrder" id="btnChangeDeliverymanDeliveryOrder"><i class="fa fa-fw fa-lg fa-refresh"></i>Change Deliveryman</button>&nbsp;
						<button type="reset" class="btn btn-danger btn-lg" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-fw fa-lg fa-times"></i>Close</button>
					</div>
				</div>
			</div>

		</div>
	</div>
</div>
<!-- Change Delivery Order Modal Ends Here  -->

<!-- Add To Restaurant Order Modal - Admin POS -->
<div class="modal fade" id="addToRestaurantOrderModal" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
	<div class="modal-dialog modal-dialog-centered modal-xxl">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title"><i class="fa fa-plus"></i> Add To Order</h5>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
			</div>
			<div class="modal-body bg-light">
				<div class="p-4" id="orderFullInformationToAddDivisionArea">

				</div>
			</div>

		</div>
	</div>
</div>
<!-- End of Edit Restaurant Order Modal - Admin POS -->

<!-- Edit Restaurant Order Modal - Admin POS -->
<div class="modal fade" id="editRestaurantOrderModal" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
	<div class="modal-dialog modal-dialog-centered modal-xxl">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title"><i class="fa fa-pencil"></i> Edit Order Information</h5>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
			</div>
			<div class="modal-body bg-light">
				<div class="p-4" id="orderFullInformationDivisionArea">

				</div>
			</div>

		</div>
	</div>
</div>
<!-- End of Edit Restaurant Order Modal - Admin POS -->

<!-- View and Print Restaurant Order Receipt Modal -->
<div class="modal fade" id="viewAndPrintOrderReceiptModal" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
	<div class="modal-dialog modal-dialog-centered modal-xl">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title"><i class="fa fa-print"></i> Print Order Receipt</h5>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
			</div>
			<div class="modal-body">
				<div id="viewOrderFullInformationDivisionArea">

				</div>
			</div>

		</div>
	</div>
</div>
<!-- End of View and Print Restaurant Order Receipt Modal -->

<!-- Edit Restaurant Order Modal - Waiter POS -->
<div class="modal fade" id="editRestaurantOrderWaiterPOSModal" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
	<div class="modal-dialog modal-dialog-centered modal-xxl">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title"><i class="fa fa-pencil"></i> Edit Order Information</h5>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
			</div>
			<div class="modal-body bg-light">
				<div class="p-4" id="orderFullInformationWaiterPOSDivisionArea">

				</div>
			</div>

		</div>
	</div>
</div>
<!-- End of Edit Restaurant Order Modal - Waiter POS -->

<!-- ======================== START OF STOCK MANAGEMENT MODULE MODALS ======================= -->

<!-- Start of Update Supplier Modal -->
<div class="modal fade" id="updateSupplierModal" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
	<div class="modal-dialog modal-dialog-centered modal-sm">
		<div class="modal-content">
			<div class="modal-header">
				<h6 class="modal-title"><i class="fa fa-edit"></i> Update Supplier Form</h6>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
			</div>
			<div class="modal-body">
				<form action="#" method="POST" id="updateSupplierForm">
					<div class="row">
						<div class="col-md-12">
							<label class="col-form-label col-form-label-sm">Supplier Name</label>
							<input name="txtSupplierIdUpdateSupplier" id="txtSupplierIdUpdateSupplier" hidden readonly required>
							<input class="form-control form-control-sm" type="text" name="txtSupplierNameUpdateSupplier" id="txtSupplierNameUpdateSupplier" placeholder="Example: Hirgal Electronics" required>
						</div>
					</div>
					<div class="row">
						<div class="col-md-12">
							<label class="col-form-label col-form-label-sm">Supplier Address</label>
							<textarea class="form-control form-control-sm" style="resize: none;" rows="2" name="txtSupplierAddressUpdateSupplier" id="txtSupplierAddressUpdateSupplier" placeholder="Example: Bakaaro" required></textarea>
						</div>
					</div>
					<div class="row">
						<div class="col-md-12">
							<label class="col-form-label col-form-label-sm">Contact Person</label>
							<input class="form-control form-control-sm" type="text" name="txtContactPersonUpdateSupplier" id="txtContactPersonUpdateSupplier" placeholder="Example: Mohamed Hassan" required>
						</div>
					</div>
					<div class="row">
						<div class="col-sm-12">
							<label class="col-form-label col-form-label-sm">Mobile Number</label>
							<input type="text" class="form-control form-control-sm" name="txtSupplierMobileUpdateSupplier" id="txtSupplierMobileUpdateSupplier" placeholder="Example: 617336622" maxlength="9" required>
						</div>
					</div>
					<div class="row">
						<div class="col-md-12">
							<label class="col-form-label col-form-label-sm">Email Address</label>
							<input class="form-control form-control-sm" type="text" name="txtSupplierEmailUpdateSupplier" id="txtSupplierEmailUpdateSupplier" placeholder="Example: example@email.com" required>
						</div>
					</div>
					<div class="row">
						<div class="form-group col-md-12">
							<label class="col-form-label col-form-label-sm">Supplier Status</label>
							<select class="form-control" style="width: 100%;" name="cmbSupplierStatusUpdateSupplier" id="cmbSupplierStatusUpdateSupplier" required>
								<option value="">Select Status</option>
								<option value="1">Active</optionv>
								<option value="0">InActive</optionv>
							</select>
						</div>
					</div>
					<div class="row">
						<div class="form-group col-md-12 text-right mt-3">
							<button type="submit" class="btn btn-primary btn-sm mr-1" name="btnUpdateSupplier" id="btnUpdateSupplier"><i class="fa fa-fw fa-lg fa-pencil"></i>Update Supplier</button>
							<button type="reset" class="btn btn-danger btn-sm" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-fw fa-lg fa-times"></i>Close</button>
						</div>
					</div>
				</form>
			</div>

		</div>
	</div>
</div>
<!-- Update Supplier Modal Ends Here  -->

<!-- Start of Update Unit Modal -->
<div class="modal fade" id="updateUnitModal" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
	<div class="modal-dialog modal-dialog-centered modal-sm">
		<div class="modal-content">
			<div class="modal-header">
				<h6 class="modal-title"><i class="fa fa-edit"></i> Update Unit Form</h6>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
			</div>
			<div class="modal-body">
				<form action="#" method="POST" id="updateUnitForm">
					<div class="row">
						<div class="col-md-12">
							<label class="col-form-label col-form-label-sm">Unit Name</label>
							<input name="txtUnitIdUpdateUnit" id="txtUnitIdUpdateUnit" hidden readonly required>
							<input class="form-control form-control-sm" type="text" name="txtUnitNameUpdateUnit" id="txtUnitNameUpdateUnit" placeholder="Example: Electronics" required>
						</div>
					</div>
					<div class="row">
						<div class="col-md-12">
							<label class="col-form-label col-form-label-sm">Remarks</label>
							<textarea class="form-control form-control-sm" style="resize: none;" rows="4" name="txtUnitRemarksUpdateUnit" id="txtUnitRemarksUpdateUnit" placeholder="Example: Electronics" required></textarea>
						</div>
					</div>
					<div class="row">
						<div class="col-md-12 text-right mt-3">
							<button type="submit" class="btn btn-primary btn-sm mr-1" name="btnUpdateUnit" id="btnUpdateUnit"><i class="fa fa-fw fa-lg fa-pencil"></i>Update Unit</button>
							<button type="reset" class="btn btn-danger btn-sm" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-fw fa-lg fa-times"></i>Close</button>
						</div>
					</div>
				</form>
			</div>

		</div>
	</div>
</div>
<!-- Update Unit Modal Ends Here  -->

<!-- Start of Update Stock Categories Modal -->
<div class="modal fade" id="updateStockCategoryModal" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
	<div class="modal-dialog modal-dialog-centered modal-sm">
		<div class="modal-content">
			<div class="modal-header">
				<h6 class="modal-title"><i class="fa fa-edit"></i> Update Stock Category Form</h6>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
			</div>
			<div class="modal-body">
				<form action="#" method="POST" id="updateStockCategoryForm">
					<div class="row">
						<div class="col-md-12">
							<label class="col-form-label col-form-label-sm">Category Name</label>
							<input name="txtCategoryIdUpdateStockCategory" id="txtCategoryIdUpdateStockCategory" hidden readonly required>
							<input class="form-control form-control-sm" type="text" name="txtCategoryNameUpdateStockCategory" id="txtCategoryNameUpdateStockCategory" placeholder="Example: Electronics" required>
						</div>
					</div>
					<div class="row">
						<div class="col-md-12">
							<label class="col-form-label col-form-label-sm">Remarks</label>
							<textarea class="form-control form-control-sm" style="resize: none;" rows="4" name="txtCategoryRemarksUpdateStockCategory" id="txtCategoryRemarksUpdateStockCategory" placeholder="Example: Electronics" required></textarea>
						</div>
					</div>
					<div class="row">
						<div class="form-group col-md-12 text-right mt-3">
							<button type="submit" class="btn btn-primary btn-sm mr-1" name="btnUpdateStockCategory" id="btnUpdateStockCategory"><i class="fa fa-fw fa-lg fa-pencil"></i>Update Category</button>
							<button type="reset" class="btn btn-danger btn-sm" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-fw fa-lg fa-times"></i>Close</button>
						</div>
					</div>
				</form>
			</div>

		</div>
	</div>
</div>
<!-- Update Stock Categories Modal Ends Here  -->

<!-- Register Items Modal -->
<div class="modal fade" id="registerStockItemsModal" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
	<div class="modal-dialog modal-dialog-centered modal-xl">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title"><i class="fa fa-save"></i> Register Items</h5>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close" onclick="location.reload()">
					<span aria-hidden="true">&times;</span>
				</button>
			</div>
			<div class="modal-body">

				<div class="tile pb-3">
					<form action="#" method="POST" id="registerNewStockItemsForm">
						<div class="row">
							<div class="col-md-12">
								<div class="itemsNewItemsModal">
									<div class="row m-0 mb-3 pt-1 pb-1 align-items-center rounded-top bg-primary text-white">
										<div class="col-md-3">Item Name</div>
										<div class="col-md-2">Category Name</div>
										<div class="col-md-2">Unit</div>
										<div class="col-md-3">Remarks</div>
										<div class="col-md-2 text-right"><button type="button" class="btn btn-light btn-sm font-weight-bold btnAddNewStockItem"><i class="fa fa-plus"></i>Add Item</button></div>
									</div>
									<div class="row m-0 pt-2 pb-2 align-items-top" id="itemInformation0">
										<div class="col-md-3">
											<input class="form-control form-control-sm txtItemNameRegisterNewStockItem" type="text" name="txtItemNameRegisterNewStockItem0" id="txtItemNameRegisterNewStockItem0" placeholder="Item Name" required>
										</div>
										<div class="col-md-2">
											<select class="form-control cmbCategoryNameRegisterNewStockItem" style="width: 100%;" name="cmbCategoryNameRegisterNewStockItem0" id="cmbCategoryNameRegisterNewStockItem0" required>

											</select>
										</div>
										<div class="col-md-2">
											<select class="form-control cmbUnitNameRegisterNewStockItem" style="width: 100%;" name="cmbUnitNameRegisterNewStockItem0" id="cmbUnitNameRegisterNewStockItem0" required>

											</select>
										</div>
										<div class="col-md-4">
											<textarea class="form-control form-control-sm txtItemRemarksRegisterNewStockItem" style="resize:none" rows="2" name="txtItemRemarksRegisterNewStockItem0" id="txtItemRemarksRegisterNewStockItem0" placeholder="Remarks" required></textarea>
										</div>
										<div class="col-md-1 text-center">
											<i class="fa fa-trash fa-2x text-danger btnRemoveStockItem" style="cursor: pointer;"></i>
										</div>	
									</div>
								</div>

								<div class="row mt-3">
									<div class="form-group col-md-12 text-right">
										<button type="submit" class="btn btn-success" name="btnRegisterNewStockItems" id="btnRegisterNewStockItems"><i class="fa fa-fw fa-lg fa-save"></i>Register Items</button>&nbsp;
										<button type="reset" class="btn btn-danger" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-fw fa-lg fa-times"></i>Close</button>
									</div>
								</div>
								
							</div>
						</div>
					</form>
				</div>
				
			</div>

		</div>
	</div>
</div>
<!-- Register Item Modal Ends Here  -->

<!-- Start of Update Item Modal -->
<div class="modal fade" id="updateStockItemModal" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
	<div class="modal-dialog modal-dialog-centered modal-sm">
		<div class="modal-content">
			<div class="modal-header">
				<h6 class="modal-title"><i class="fa fa-edit"></i> Update Stock Item Form</h6>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
			</div>
			<div class="modal-body">
				<form action="#" method="POST" id="updateStockItemForm">
					<div class="row">
						<div class="col-md-12">
							<label class="col-form-label col-form-label-sm">Item Name</label>
							<input name="txtItemIdUpdateStockItem" id="txtItemIdUpdateStockItem" hidden readonly required>
							<input class="form-control form-control-sm" type="text" name="txtItemNameUpdateStockItem" id="txtItemNameUpdateStockItem" placeholder="Example: Electronics" required>
						</div>
					</div>
					<div class="row">
						<div class="col-md-12">
							<label class="col-form-label col-form-label-sm">Category Name</label>
							<select class="form-control" style="width: 100%;" name="cmbCategoryNameUpdateStockItem" id="cmbCategoryNameUpdateStockItem" required>

							</select>						
						</div>
					</div>
					<div class="row">
						<div class="col-md-12">
							<label class="col-form-label col-form-label-sm">Item Unit</label>
							<select class="form-control" style="width: 100%;" name="cmbUnitNameUpdateStockItem" id="cmbUnitNameUpdateStockItem" required>

							</select>
						</div>
					</div>
					<div class="row">
						<div class="col-md-12">
							<label class="col-form-label col-form-label-sm">Remarks</label>
							<textarea class="form-control form-control-sm" style="resize: none;" rows="4" name="txtItemRemarksUpdateStockItem" id="txtItemRemarksUpdateStockItem" placeholder="Example: Electronics" required></textarea>
						</div>
					</div>
					<div class="row">
						<div class="form-group col-md-12 text-right mt-3">
							<button type="submit" class="btn btn-primary btn-sm mr-1" name="btnUpdateStockItem" id="btnUpdateStockItem"><i class="fa fa-fw fa-lg fa-pencil"></i>Update Item</button>
							<button type="reset" class="btn btn-danger btn-sm" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-fw fa-lg fa-times"></i>Close</button>
						</div>
					</div>
				</form>
			</div>

		</div>
	</div>
</div>
<!-- Update Item Modal Ends Here  -->

<!-- ======================== END OF STOCK MANAGEMENT MODULE MODALS ========================= -->






