<?php
include 'load.php';
require_once 'db_connection.php';
$user_id = $_SESSION['user_id'];
if(!$user_id>0){
	header('Location: '.'index.php');
}
?>

<!DOCTYPE html>
<html lang="en">
<head>

	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
	<meta name="description" content="POS - Payroll | Pos & Invetory System | Dashboard

">
	<meta name="keywords" content="Payroll | Pos & Invetory System | Dashboard

">
	<meta name="author" content="Payroll | Pos & Invetory System | Dashboard

">
	<meta name="robots" content="noindex, nofollow">

	<title>POS  | Payroll | Pos & Invetory System | Dashboard

</title>\
	
	<?php
	require_once 'headercss.php';
	?>
</head>
<body>
	<div id="global-loader">
		<div class="whirly-loader"> </div>
	</div>
	<div class="main-wrappers">

		<?php
		require_once 'header.php';
		?>

		<div class="page-wrapper ms-0">
			<div class="content">
				<div class="row">
					<div class="col-lg-8 col-sm-12 tabs_wrapper">
						<div class="page-header bg-primary text-white" style="padding:5px 5px 5px 5px;">
							<div class="page-title">
								<h4 style="font-weight:bold;color:#ffffff;">POS | NEW SALES</h4>
								<h6 style="font-weight:bold;color:#ffffff;">Manage your Invetory</h6>
							</div>
						</div>

						<ul class=" tabs owl-carousel owl-theme owl-product  border-0 ">
							<?php

							$stmt = $DB_con->prepare('SELECT * FROM mobilecategory where status="1" ORDER BY ctid');

							$stmt->execute();

							if($stmt->rowCount() > 0)

							{

								while($row=$stmt->fetch(PDO::FETCH_ASSOC))

								{

									extract($row);

									?>
									<li id="<?php echo $row['ctid']; ?>" onclick="loadProducts(<?php echo $row['ctid']; ?>);">
										<div class="product-details">
											<?php if($row['image']==""){$pro_img="assets/img/empty.png";}else{$pro_img="images/category/".$row['image'];} ?><img src="<?php echo $pro_img; ?>" class="pro_pick">
											<h6><?php echo $row['catename']; ?></h6>
										</div>
									</li>
									<?php 
								} 
							}
							?>
						</ul>
						
						<div class="row bg-primary" style="padding:5px 5px 5px 5px;">
							<div class="col-8">
								<input type="text" class="form-control" id="str" placeholder="Search By Items/Product Name" oninput="filterProductByName(1);">
							</div>
							<div class="col-4">
								<input type="text" class="form-control" id="str2" placeholder="Search By Product Code" oninput="filterProductByName(2);">
							</div>
						</div>
						<hr>
						<div class="tabs_container" id="productMsg">							
						</div>
						
					</div>
					
					<div class="col-lg-4 col-sm-12 ">
						<div class="order-list">
							<div class="orderid bg-primary text-white" style="padding:5px 5px 5px 5px;">
								<h4 style="font-weight:bold;color:#ffffff;">Order List</h4>
								<h5 style="font-weight:bold;color:#ffffff;"></h5>
							</div>
							<div class="actionproducts">
								<ul>
									<li>
										<a href="javascript:void(0);" class="deletebg confirm-text"><img src="assets/img/icons/delete-2.svg" alt="img"></a>
									</li>
									<li>
										<a href="javascript:void(0);" data-bs-toggle="dropdown" aria-expanded="false" class="dropset">
											<img src="assets/img/icons/ellipise1.svg" alt="img">
										</a>
										<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton" data-popper-placement="bottom-end">
											<li>
												<a href="#" class="dropdown-item">Action</a>
											</li>
											<li>
												<a href="#" class="dropdown-item">Another Action</a>
											</li>
											<li>
												<a href="#" class="dropdown-item">Something Elses</a>
											</li>
										</ul>
									</li>
								</ul>
							</div>
						</div>
						<div class="card card-order" style="border: 2px solid #000000;">
						<div class="card-body">
						<div class="row">
						<div class="col-12">
						<a href="addcustomer.php" class="btn btn-adds" target="_blank"><i class="fa fa-plus me-2"></i>Add Customer</a>
						</div>
									<div class="col-12">
										<div class="text-end" onclick="openScannerPanel();">
											<a class="btn btn-scanner-set"><img src="assets/img/icons/scanner1.svg" alt="img" class="me-2">Scan bardcode</a>
										</div>
									</div>
								</div>
							</div>
							<div class="split-card">
							</div>
							<div class="card-body pt-0" id="cart_items">
								

							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="modal fade" id="calculator" tabindex="-1" aria-hidden="true">
			<div class="modal-dialog modal-dialog-centered" role="document">
				<div class="modal-content">
					<div class="modal-header">
						<h5 class="modal-title">Define Quantity</h5>
						<button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
							<span aria-hidden="true">×</span>
						</button>
					</div>
					<div class="modal-body">
						<div class="calculator-set">
							<div class="calculatortotal">
								<h4>0</h4>
							</div>
							<ul>
								<li>
									<a href="javascript:void(0);">1</a>
								</li>
								<li>
									<a href="javascript:void(0);">2</a>
								</li>
								<li>
									<a href="javascript:void(0);">3</a>
								</li>
								<li>
									<a href="javascript:void(0);">4</a>
								</li>
								<li>
									<a href="javascript:void(0);">5</a>
								</li>
								<li>
									<a href="javascript:void(0);">6</a>
								</li>
								<li>
									<a href="javascript:void(0);">7</a>
								</li>
								<li>
									<a href="javascript:void(0);">8</a>
								</li>
								<li>
									<a href="javascript:void(0);">9</a> 
								</li>
								<li>
									<a href="javascript:void(0);" class="btn btn-closes"><img src="assets/img/icons/close-circle.svg" alt="img"></a>
								</li>
								<li>
									<a href="javascript:void(0);">0</a>
								</li>
								<li>
									<a href="javascript:void(0);" class="btn btn-reverse"><img src="assets/img/icons/reverse.svg" alt="img"></a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="modal fade" id="holdsales" tabindex="-1" aria-hidden="true">
			<div class="modal-dialog modal-dialog-centered" role="document">
				<div class="modal-content">
					<div class="modal-header">
						<h5 class="modal-title">Hold order</h5>
						<button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
							<span aria-hidden="true">×</span>
						</button>
					</div>
					<div class="modal-body">
						<div class="hold-order">
							<h2>4500.00</h2>
						</div>
						<div class="form-group">
							<label>Order Reference</label>
							<input type="text">
						</div>
						<div class="para-set">
							<p>The current order will be set on hold. You can retreive this order from the pending order button. Providing a reference to it might help you to identify the order more quickly.</p>
						</div>
						<div class="col-lg-12">
							<a class="btn btn-submit me-2">Submit</a>
							<a class="btn btn-cancel" data-bs-dismiss="modal">Cancel</a>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="modal fade" id="edit" tabindex="-1" aria-hidden="true">
			<div class="modal-dialog modal-lg modal-dialog-centered" role="document">
				<div class="modal-content">
					<div class="modal-header">
						<h5 class="modal-title">Edit Order</h5>
						<button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
							<span aria-hidden="true">×</span>
						</button>
					</div>
					<div class="modal-body">
						<div class="row">
							<div class="col-lg-6 col-sm-12 col-12">
								<div class="form-group">
									<label>Product Price</label>
									<input type="text" value="20">
								</div>
							</div>
							<div class="col-lg-6 col-sm-12 col-12">
								<div class="form-group">
									<label>Product Price</label>
									<select class="select">
										<option>Exclusive</option>
										<option>Inclusive</option>
									</select>
								</div>
							</div>
							<div class="col-lg-6 col-sm-12 col-12">
								<div class="form-group">
									<label> Discount</label>
									<div class="input-group">
										<input type="text">
										<a class="scanner-set input-group-text">
											%
										</a>
									</div>
								</div>
							</div>
							<div class="col-lg-6 col-sm-12 col-12">
								<div class="form-group">
									<label>Discount Type</label>
									<select class="select">
										<option>Fixed</option>
										<option>Percentage</option>
									</select>
								</div>
							</div>
							<div class="col-lg-6 col-sm-12 col-12">
								<div class="form-group">
									<label>Discount</label>
									<input type="text" value="20">
								</div>
							</div>
							<div class="col-lg-6 col-sm-12 col-12">
								<div class="form-group">
									<label>Sales Unit</label>
									<select class="select">
										<option>Kilogram</option>
										<option>Grams</option>
									</select>
								</div>
							</div>
						</div>
						<div class="col-lg-12">
							<a class="btn btn-submit me-2">Submit</a>
							<a class="btn btn-cancel" data-bs-dismiss="modal">Cancel</a>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="modal fade" id="create" tabindex="-1" aria-labelledby="create" aria-hidden="true">
			<div class="modal-dialog modal-lg modal-dialog-centered" role="document">
				<div class="modal-content">
					<div class="modal-header">
						<h5 class="modal-title">Create</h5>
						<button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
							<span aria-hidden="true">×</span>
						</button>
					</div>
					<div class="modal-body">
						<div class="row">
							<div class="col-lg-6 col-sm-12 col-12">
								<div class="form-group">
									<label>Customer Name</label>
									<input type="text">
								</div>
							</div>
							<div class="col-lg-6 col-sm-12 col-12">
								<div class="form-group">
									<label>Email</label>
									<input type="text">
								</div>
							</div>
							<div class="col-lg-6 col-sm-12 col-12">
								<div class="form-group">
									<label>Phone</label>
									<input type="text">
								</div>
							</div>
							<div class="col-lg-6 col-sm-12 col-12">
								<div class="form-group">
									<label>Country</label>
									<input type="text">
								</div>
							</div>
							<div class="col-lg-6 col-sm-12 col-12">
								<div class="form-group">
									<label>City</label>
									<input type="text">
								</div>
							</div>
							<div class="col-lg-6 col-sm-12 col-12">
								<div class="form-group">
									<label>Address</label>
									<input type="text">
								</div>
							</div>
						</div>
						<div class="col-lg-12">
							<a class="btn btn-submit me-2">Submit</a>
							<a class="btn btn-cancel" data-bs-dismiss="modal">Cancel</a>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="modal fade" id="delete" tabindex="-1" aria-hidden="true">
			<div class="modal-dialog modal-dialog-centered" role="document">
				<div class="modal-content">
					<div class="modal-header">
						<h5 class="modal-title">Order Deletion</h5>
						<button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
							<span aria-hidden="true">×</span>
						</button>
					</div>
					<div class="modal-body">
						<div class="delete-order">
							<img src="assets/img/icons/close-circle1.svg" alt="img">
						</div>
						<div class="para-set text-center">
							<p>The current order will be deleted as no payment has been <br> made so far.</p>
						</div>
						<div class="col-lg-12 text-center">
							<a class="btn btn-danger me-2">Yes</a>
							<a class="btn btn-cancel" data-bs-dismiss="modal">No</a>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="modal fade" id="recents" tabindex="-1" aria-hidden="true">
			<div class="modal-dialog modal-lg modal-dialog-centered" role="document">
				<div class="modal-content">
					<div class="modal-header">
						<h5 class="modal-title">Recent Transactions</h5>
						<button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
							<span aria-hidden="true">×</span>
						</button>
					</div>
					<div class="modal-body">
						<div class="tabs-sets">
							<ul class="nav nav-tabs" id="myTabs" role="tablist">
								<li class="nav-item" role="presentation">
									<button class="nav-link active" id="purchase-tab" data-bs-toggle="tab" data-bs-target="#purchase" type="button" aria-controls="purchase" aria-selected="true" role="tab">Purchase</button>
								</li>
								<li class="nav-item" role="presentation">
									<button class="nav-link" id="payment-tab" data-bs-toggle="tab" data-bs-target="#payment" type="button" aria-controls="payment" aria-selected="false" role="tab">Payment</button>
								</li>
								<li class="nav-item" role="presentation">
									<button class="nav-link" id="return-tab" data-bs-toggle="tab" data-bs-target="#return" type="button" aria-controls="return" aria-selected="false" role="tab">Return</button>
								</li>
							</ul>
							<div class="tab-content">
								<div class="tab-pane fade show active" id="purchase" role="tabpanel" aria-labelledby="purchase-tab">
									<div class="table-top">
										<div class="search-set">
											<div class="search-input">
												<a class="btn btn-searchset"><img src="assets/img/icons/search-white.svg" alt="img"></a>
											</div>
										</div>
										<div class="wordset">
											<ul>
												<li>
													<a data-bs-toggle="tooltip" data-bs-placement="top" title="pdf"><img src="assets/img/icons/pdf.svg" alt="img"></a>
												</li>
												<li>
													<a data-bs-toggle="tooltip" data-bs-placement="top" title="excel"><img src="assets/img/icons/excel.svg" alt="img"></a>
												</li>
												<li>
													<a data-bs-toggle="tooltip" data-bs-placement="top" title="print"><img src="assets/img/icons/printer.svg" alt="img"></a>
												</li>
											</ul>
										</div>
									</div>
									<div class="table-responsive">
										<table class="table datanew">
											<thead>
												<tr>
													<th>Date</th>
													<th>Reference</th>
													<th>Customer</th>
													<th>Amount	</th>
													<th class="text-end">Action</th>
												</tr>
											</thead>
											<tbody>
												<tr>
													<td>2022-03-07	</td>
													<td>INV/SL0101</td>
													<td>Walk-in Customer</td>
													<td>$ 1500.00</td>
													<td>
														<a class="me-3" href="javascript:void(0);">
															<img src="assets/img/icons/eye.svg" alt="img">
														</a>
														<a class="me-3" href="javascript:void(0);">
															<img src="assets/img/icons/edit.svg" alt="img">
														</a>
														<a class="me-3 confirm-text" href="javascript:void(0);">
															<img src="assets/img/icons/delete.svg" alt="img">
														</a>
													</td>
												</tr>
												<tr>
													<td>2022-03-07	</td>
													<td>INV/SL0101</td>
													<td>Walk-in Customer</td>
													<td>$ 1500.00</td>
													<td>
														<a class="me-3" href="javascript:void(0);">
															<img src="assets/img/icons/eye.svg" alt="img">
														</a>
														<a class="me-3" href="javascript:void(0);">
															<img src="assets/img/icons/edit.svg" alt="img">
														</a>
														<a class="me-3 confirm-text" href="javascript:void(0);">
															<img src="assets/img/icons/delete.svg" alt="img">
														</a>
													</td>
												</tr>
												<tr>
													<td>2022-03-07	</td>
													<td>INV/SL0101</td>
													<td>Walk-in Customer</td>
													<td>$ 1500.00</td>
													<td>
														<a class="me-3" href="javascript:void(0);">
															<img src="assets/img/icons/eye.svg" alt="img">
														</a>
														<a class="me-3" href="javascript:void(0);">
															<img src="assets/img/icons/edit.svg" alt="img">
														</a>
														<a class="me-3 confirm-text" href="javascript:void(0);">
															<img src="assets/img/icons/delete.svg" alt="img">
														</a>
													</td>
												</tr>
												<tr>
													<td>2022-03-07	</td>
													<td>INV/SL0101</td>
													<td>Walk-in Customer</td>
													<td>$ 1500.00</td>
													<td>
														<a class="me-3" href="javascript:void(0);">
															<img src="assets/img/icons/eye.svg" alt="img">
														</a>
														<a class="me-3" href="javascript:void(0);">
															<img src="assets/img/icons/edit.svg" alt="img">
														</a>
														<a class="me-3 confirm-text" href="javascript:void(0);">
															<img src="assets/img/icons/delete.svg" alt="img">
														</a>
													</td>
												</tr>
												<tr>
													<td>2022-03-07	</td>
													<td>INV/SL0101</td>
													<td>Walk-in Customer</td>
													<td>$ 1500.00</td>
													<td>
														<a class="me-3" href="javascript:void(0);">
															<img src="assets/img/icons/eye.svg" alt="img">
														</a>
														<a class="me-3" href="javascript:void(0);">
															<img src="assets/img/icons/edit.svg" alt="img">
														</a>
														<a class="me-3 confirm-text" href="javascript:void(0);">
															<img src="assets/img/icons/delete.svg" alt="img">
														</a>
													</td>
												</tr>
												<tr>
													<td>2022-03-07	</td>
													<td>INV/SL0101</td>
													<td>Walk-in Customer</td>
													<td>$ 1500.00</td>
													<td>
														<a class="me-3" href="javascript:void(0);">
															<img src="assets/img/icons/eye.svg" alt="img">
														</a>
														<a class="me-3" href="javascript:void(0);">
															<img src="assets/img/icons/edit.svg" alt="img">
														</a>
														<a class="me-3 confirm-text" href="javascript:void(0);">
															<img src="assets/img/icons/delete.svg" alt="img">
														</a>
													</td>
												</tr>
												<tr>
													<td>2022-03-07	</td>
													<td>INV/SL0101</td>
													<td>Walk-in Customer</td>
													<td>$ 1500.00</td>
													<td>
														<a class="me-3" href="javascript:void(0);">
															<img src="assets/img/icons/eye.svg" alt="img">
														</a>
														<a class="me-3" href="javascript:void(0);">
															<img src="assets/img/icons/edit.svg" alt="img">
														</a>
														<a class="me-3 confirm-text" href="javascript:void(0);">
															<img src="assets/img/icons/delete.svg" alt="img">
														</a>
													</td>
												</tr>
											</tbody>
										</table>
									</div>
								</div>
								<div class="tab-pane fade" id="payment" role="tabpanel">
									<div class="table-top">
										<div class="search-set">
											<div class="search-input">
												<a class="btn btn-searchset"><img src="assets/img/icons/search-white.svg" alt="img"></a>
											</div>
										</div>
										<div class="wordset">
											<ul>
												<li>
													<a data-bs-toggle="tooltip" data-bs-placement="top" title="pdf"><img src="assets/img/icons/pdf.svg" alt="img"></a>
												</li>
												<li>
													<a data-bs-toggle="tooltip" data-bs-placement="top" title="excel"><img src="assets/img/icons/excel.svg" alt="img"></a>
												</li>
												<li>
													<a data-bs-toggle="tooltip" data-bs-placement="top" title="print"><img src="assets/img/icons/printer.svg" alt="img"></a>
												</li>
											</ul>
										</div>
									</div>
									<div class="table-responsive">
										<table class="table datanew">
											<thead>
												<tr>
													<th>Date</th>
													<th>Reference</th>
													<th>Customer</th>
													<th>Amount	</th>
													<th class="text-end">Action</th>
												</tr>
											</thead>
											<tbody>
												<tr>
													<td>2022-03-07	</td>
													<td>0101</td>
													<td>Walk-in Customer</td>
													<td>$ 1500.00</td>
													<td>
														<a class="me-3" href="javascript:void(0);">
															<img src="assets/img/icons/eye.svg" alt="img">
														</a>
														<a class="me-3" href="javascript:void(0);">
															<img src="assets/img/icons/edit.svg" alt="img">
														</a>
														<a class="me-3 confirm-text" href="javascript:void(0);">
															<img src="assets/img/icons/delete.svg" alt="img">
														</a>
													</td>
												</tr>
												<tr>
													<td>2022-03-07	</td>
													<td>0102</td>
													<td>Walk-in Customer</td>
													<td>$ 1500.00</td>
													<td>
														<a class="me-3" href="javascript:void(0);">
															<img src="assets/img/icons/eye.svg" alt="img">
														</a>
														<a class="me-3" href="javascript:void(0);">
															<img src="assets/img/icons/edit.svg" alt="img">
														</a>
														<a class="me-3 confirm-text" href="javascript:void(0);">
															<img src="assets/img/icons/delete.svg" alt="img">
														</a>
													</td>
												</tr>
												<tr>
													<td>2022-03-07	</td>
													<td>0103</td>
													<td>Walk-in Customer</td>
													<td>$ 1500.00</td>
													<td>
														<a class="me-3" href="javascript:void(0);">
															<img src="assets/img/icons/eye.svg" alt="img">
														</a>
														<a class="me-3" href="javascript:void(0);">
															<img src="assets/img/icons/edit.svg" alt="img">
														</a>
														<a class="me-3 confirm-text" href="javascript:void(0);">
															<img src="assets/img/icons/delete.svg" alt="img">
														</a>
													</td>
												</tr>
												<tr>
													<td>2022-03-07	</td>
													<td>0104</td>
													<td>Walk-in Customer</td>
													<td>$ 1500.00</td>
													<td>
														<a class="me-3" href="javascript:void(0);">
															<img src="assets/img/icons/eye.svg" alt="img">
														</a>
														<a class="me-3" href="javascript:void(0);">
															<img src="assets/img/icons/edit.svg" alt="img">
														</a>
														<a class="me-3 confirm-text" href="javascript:void(0);">
															<img src="assets/img/icons/delete.svg" alt="img">
														</a>
													</td>
												</tr>
												<tr>
													<td>2022-03-07	</td>
													<td>0105</td>
													<td>Walk-in Customer</td>
													<td>$ 1500.00</td>
													<td>
														<a class="me-3" href="javascript:void(0);">
															<img src="assets/img/icons/eye.svg" alt="img">
														</a>
														<a class="me-3" href="javascript:void(0);">
															<img src="assets/img/icons/edit.svg" alt="img">
														</a>
														<a class="me-3 confirm-text" href="javascript:void(0);">
															<img src="assets/img/icons/delete.svg" alt="img">
														</a>
													</td>
												</tr>
												<tr>
													<td>2022-03-07	</td>
													<td>0106</td>
													<td>Walk-in Customer</td>
													<td>$ 1500.00</td>
													<td>
														<a class="me-3" href="javascript:void(0);">
															<img src="assets/img/icons/eye.svg" alt="img">
														</a>
														<a class="me-3" href="javascript:void(0);">
															<img src="assets/img/icons/edit.svg" alt="img">
														</a>
														<a class="me-3 confirm-text" href="javascript:void(0);">
															<img src="assets/img/icons/delete.svg" alt="img">
														</a>
													</td>
												</tr>
												<tr>
													<td>2022-03-07	</td>
													<td>0107</td>
													<td>Walk-in Customer</td>
													<td>$ 1500.00</td>
													<td>
														<a class="me-3" href="javascript:void(0);">
															<img src="assets/img/icons/eye.svg" alt="img">
														</a>
														<a class="me-3" href="javascript:void(0);">
															<img src="assets/img/icons/edit.svg" alt="img">
														</a>
														<a class="me-3 confirm-text" href="javascript:void(0);">
															<img src="assets/img/icons/delete.svg" alt="img">
														</a>
													</td>
												</tr>
											</tbody>
										</table>
									</div>
								</div>
								<div class="tab-pane fade" id="return" role="tabpanel">
									<div class="table-top">
										<div class="search-set">
											<div class="search-input">
												<a class="btn btn-searchset"><img src="assets/img/icons/search-white.svg" alt="img"></a>
											</div>
										</div>
										<div class="wordset">
											<ul>
												<li>
													<a data-bs-toggle="tooltip" data-bs-placement="top" title="pdf"><img src="assets/img/icons/pdf.svg" alt="img"></a>
												</li>
												<li>
													<a data-bs-toggle="tooltip" data-bs-placement="top" title="excel"><img src="assets/img/icons/excel.svg" alt="img"></a>
												</li>
												<li>
													<a data-bs-toggle="tooltip" data-bs-placement="top" title="print"><img src="assets/img/icons/printer.svg" alt="img"></a>
												</li>
											</ul>
										</div>
									</div>
									<div class="table-responsive">
										<table class="table datanew">
											<thead>
												<tr>
													<th>Date</th>
													<th>Reference</th>
													<th>Customer</th>
													<th>Amount	</th>
													<th class="text-end">Action</th>
												</tr>
											</thead>
											<tbody>
												<tr>
													<td>2022-03-07	</td>
													<td>0101</td>
													<td>Walk-in Customer</td>
													<td>$ 1500.00</td>
													<td>
														<a class="me-3" href="javascript:void(0);">
															<img src="assets/img/icons/eye.svg" alt="img">
														</a>
														<a class="me-3" href="javascript:void(0);">
															<img src="assets/img/icons/edit.svg" alt="img">
														</a>
														<a class="me-3 confirm-text" href="javascript:void(0);">
															<img src="assets/img/icons/delete.svg" alt="img">
														</a>
													</td>
												</tr>
												<tr>
													<td>2022-03-07	</td>
													<td>0102</td>
													<td>Walk-in Customer</td>
													<td>$ 1500.00</td>
													<td>
														<a class="me-3" href="javascript:void(0);">
															<img src="assets/img/icons/eye.svg" alt="img">
														</a>
														<a class="me-3" href="javascript:void(0);">
															<img src="assets/img/icons/edit.svg" alt="img">
														</a>
														<a class="me-3 confirm-text" href="javascript:void(0);">
															<img src="assets/img/icons/delete.svg" alt="img">
														</a>
													</td>
												</tr>
												<tr>
													<td>2022-03-07	</td>
													<td>0103</td>
													<td>Walk-in Customer</td>
													<td>$ 1500.00</td>
													<td>
														<a class="me-3" href="javascript:void(0);">
															<img src="assets/img/icons/eye.svg" alt="img">
														</a>
														<a class="me-3" href="javascript:void(0);">
															<img src="assets/img/icons/edit.svg" alt="img">
														</a>
														<a class="me-3 confirm-text" href="javascript:void(0);">
															<img src="assets/img/icons/delete.svg" alt="img">
														</a>
													</td>
												</tr>
												<tr>
													<td>2022-03-07	</td>
													<td>0104</td>
													<td>Walk-in Customer</td>
													<td>$ 1500.00</td>
													<td>
														<a class="me-3" href="javascript:void(0);">
															<img src="assets/img/icons/eye.svg" alt="img">
														</a>
														<a class="me-3" href="javascript:void(0);">
															<img src="assets/img/icons/edit.svg" alt="img">
														</a>
														<a class="me-3 confirm-text" href="javascript:void(0);">
															<img src="assets/img/icons/delete.svg" alt="img">
														</a>
													</td>
												</tr>
												<tr>
													<td>2022-03-07	</td>
													<td>0105</td>
													<td>Walk-in Customer</td>
													<td>$ 1500.00</td>
													<td>
														<a class="me-3" href="javascript:void(0);">
															<img src="assets/img/icons/eye.svg" alt="img">
														</a>
														<a class="me-3" href="javascript:void(0);">
															<img src="assets/img/icons/edit.svg" alt="img">
														</a>
														<a class="me-3 confirm-text" href="javascript:void(0);">
															<img src="assets/img/icons/delete.svg" alt="img">
														</a>
													</td>
												</tr>
												<tr>
													<td>2022-03-07	</td>
													<td>0106</td>
													<td>Walk-in Customer</td>
													<td>$ 1500.00</td>
													<td>
														<a class="me-3" href="javascript:void(0);">
															<img src="assets/img/icons/eye.svg" alt="img">
														</a>
														<a class="me-3" href="javascript:void(0);">
															<img src="assets/img/icons/edit.svg" alt="img">
														</a>
														<a class="me-3 confirm-text" href="javascript:void(0);">
															<img src="assets/img/icons/delete.svg" alt="img">
														</a>
													</td>
												</tr>
												<tr>
													<td>2022-03-07	</td>
													<td>0107</td>
													<td>Walk-in Customer</td>
													<td>$ 1500.00</td>
													<td>
														<a class="me-3" href="javascript:void(0);">
															<img src="assets/img/icons/eye.svg" alt="img">
														</a>
														<a class="me-3" href="javascript:void(0);">
															<img src="assets/img/icons/edit.svg" alt="img">
														</a>
														<a class="me-3 confirm-text" href="javascript:void(0);">
															<img src="assets/img/icons/delete.svg" alt="img">
														</a>
													</td>
												</tr>
											</tbody>
										</table>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<script src="assets/js/jquery-3.6.0.min.js"></script>

		<script src="assets/js/feather.min.js"></script>

		<script src="assets/js/jquery.slimscroll.min.js"></script>

		<script src="assets/js/bootstrap.bundle.min.js"></script>

		<script src="assets/js/jquery.dataTables.min.js"></script>
		<script src="assets/js/dataTables.bootstrap4.min.js"></script>

		<script src="assets/plugins/owlcarousel/owl.carousel.min.js"></script>

		<script src="assets/plugins/sweetalert/sweetalert2.all.min.js"></script>
		<script src="assets/plugins/sweetalert/sweetalerts.min.js"></script>
		<script src="assets/alertify/alertify.js"></script>
		<script src="assets/alertify/alertify.min.js"></script>


		<script src="assets/js/script.js"></script>
		<script src="process.js"></script>
		

<script src="assets/plugins/apexchart/apexcharts.min.js"></script>
<script src="assets/plugins/apexchart/chart-data.js"></script>

<script src="assets/plugins/select2/js/select2.min.js"></script>
<script src="assets/plugins/select2/js/custom-select.js"></script>

		
	</body>
	</html>

	<script type="text/javascript">
		document.body.onload = function(){
			loadProducts(0);
			loadCartPanel();
		}
	</script>

	<div class="modal" tabindex="-1" role="dialog" id="myModal">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<h5 class="modal-title">Product Add to Cart</h5>
					<button type="button" class="close" data-dismiss="modal" aria-label="Close" onclick="cloasemyModal();">
						<span aria-hidden="true">&times;</span>
					</button>
				</div>
				<div class="modal-body" id="myModalMsg">

				</div>
			</div>
		</div>
	</div>

	<div class="modal" tabindex="-1" role="dialog" id="myModal2">
		<div class="modal-dialog modal-lg" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<h5 class="modal-title">Scan Products</h5>
					<button type="button" class="close" data-dismiss="modal" aria-label="Close" onclick="cloasemyModal();">
						<span aria-hidden="true">&times;</span>
					</button>
				</div>
				<div class="modal-body">

					<div class="row">
						<div class="col-md-8">
							<label>Barcode Number</label>
							<input type="text" placeholder="Barcode Number" id="searchbarcode" class="form-control" onKeyDown="if(event.keyCode==13) searchbarcode();">
						</div>
						<div class="col-md-4">
							<label>Quantity</label>
							<input type="text" placeholder="Quantity" id="searchQty" class="form-control" onKeyDown="if(event.keyCode==13) searchbarcode();" value="1">
						</div>
					</div>

					<div class="row">
						<div class="col-md-12" id="scanmsg"></div>
					</div>

					<div class="row mt-2">
						<div class="col-md-12" id="scanmsg2"></div>
					</div>

				</div>
			</div>
		</div>
	</div>