<?php echo view('admin/includes/head');?>

<body>
	<div id="global-loader">
		<div class="whirly-loader"> </div>
	</div>
	<!-- Main Wrapper -->
	<div class="main-wrapper">

		<!-- Header -->
<?php echo view('admin/includes/header');?>
		<!-- /Header -->

		<!-- Sidebar -->
<?php echo view('admin/includes/sidebarmenulogo');?>
		<!-- /Sidebar -->



		<div class="page-wrapper">
			<div class="content">

		<?php echo view('admin/includes/welcome');?>

				<div class="alert bg-orange-transparent alert-dismissible fade show mb-4">
					<div>
						<span><i class="ti ti-info-circle fs-14 text-orange me-2"></i>Your Product </span> <span class="text-orange fw-semibold"> Apple Iphone 15 is running Low, </span> already below 5 Pcs., <a href="javascript:void(0);" class="link-orange text-decoration-underline fw-semibold" data-bs-toggle="modal" data-bs-target="#add-stock">Add Stock</a>
					</div>
					<button type="button" class="btn-close text-gray-9 fs-14" data-bs-dismiss="alert" aria-label="Close"><i class="ti ti-x"></i></button>
				</div>

				<div class="row">
					<div class="col-xl-3 col-sm-6 col-12 d-flex">
						<div class="card bg-primary sale-widget flex-fill">
							<div class="card-body d-flex align-items-center">
								<span class="sale-icon bg-white text-primary">
									<i class="ti ti-file-text fs-24"></i>
								</span>
								<div class="ms-2">
									<p class="text-white mb-1">Total Sales</p>
									<div class="d-inline-flex align-items-center flex-wrap gap-2">
										<h4 class="text-white">$48,988,078</h4>
										<span class="badge badge-soft-primary"><i class="ti ti-arrow-up me-1"></i>+22%</span>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xl-3 col-sm-6 col-12 d-flex">
						<div class="card bg-secondary sale-widget flex-fill">
							<div class="card-body d-flex align-items-center">
								<span class="sale-icon bg-white text-secondary">
									<i class="ti ti-repeat fs-24"></i>
								</span>
								<div class="ms-2">
									<p class="text-white mb-1">Total Sales Return</p>
									<div class="d-inline-flex align-items-center flex-wrap gap-2">
										<h4 class="text-white">$16,478,145</h4>
										<span class="badge badge-soft-danger"><i class="ti ti-arrow-down me-1"></i>-22%</span>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xl-3 col-sm-6 col-12 d-flex">
						<div class="card bg-teal sale-widget flex-fill">
							<div class="card-body d-flex align-items-center">
								<span class="sale-icon bg-white text-teal">
									<i class="ti ti-gift fs-24"></i>
								</span>
								<div class="ms-2">
									<p class="text-white mb-1">Total Purchase</p>
									<div class="d-inline-flex align-items-center flex-wrap gap-2">
										<h4 class="text-white">$24,145,789</h4>
										<span class="badge badge-soft-success"><i class="ti ti-arrow-up me-1"></i>+22%</span>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xl-3 col-sm-6 col-12 d-flex">
						<div class="card bg-info sale-widget flex-fill">
							<div class="card-body d-flex align-items-center">
								<span class="sale-icon bg-white text-info">
									<i class="ti ti-brand-pocket fs-24"></i>
								</span>
								<div class="ms-2">
									<p class="text-white mb-1">Total Purchase Return</p>
									<div class="d-inline-flex align-items-center flex-wrap gap-2">
										<h4 class="text-white">$18,458,747</h4>
										<span class="badge badge-soft-success"><i class="ti ti-arrow-up me-1"></i>+22%</span>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>

				
				<div class="row">

					<!-- Profit -->
					<div class="col-xl-3 col-sm-6 col-12 d-flex">
						<div class="card revenue-widget flex-fill">
							<div class="card-body">
								<div class="d-flex align-items-center justify-content-between mb-3 pb-3 border-bottom">
									<div>
										<h4 class="mb-1">$8,458,798</h4>
										<p>Profit</p>
									</div>
									<span class="revenue-icon bg-cyan-transparent text-cyan">
										<i class="fa-solid fa-layer-group fs-16"></i>
									</span>
								</div>
								<div class="d-flex align-items-center justify-content-between">
									<p class="mb-0"><span class="fs-13 fw-bold text-success">+35%</span> vs Last Month</p>
									<a href="profit-and-loss.html" class="text-decoration-underline fs-13 fw-medium">View All</a>
								</div>
							</div>
						</div>
					</div>
					<!-- /Profit -->

					<!-- Invoice -->
					<div class="col-xl-3 col-sm-6 col-12 d-flex">
						<div class="card revenue-widget flex-fill">
							<div class="card-body">
								<div class="d-flex align-items-center justify-content-between mb-3 pb-3 border-bottom">
									<div>
										<h4 class="mb-1">$48,988,78</h4>
										<p>Invoice Due</p>
									</div>
									<span class="revenue-icon bg-teal-transparent text-teal">
										<i class="ti ti-chart-pie fs-16"></i>
									</span>
								</div>
								<div class="d-flex align-items-center justify-content-between">
									<p class="mb-0"><span class="fs-13 fw-bold text-success">+35%</span> vs Last Month</p>
									<a href="invoice-report.html" class="text-decoration-underline fs-13 fw-medium">View All</a>
								</div>
							</div>
						</div>
					</div>
					<!-- /Invoice -->

					<!-- Expenses -->
					<div class="col-xl-3 col-sm-6 col-12 d-flex">
						<div class="card revenue-widget flex-fill">
							<div class="card-body">
								<div class="d-flex align-items-center justify-content-between mb-3 pb-3 border-bottom">
									<div>
										<h4 class="mb-1">$8,980,097</h4>
										<p>Total Expenses</p>
									</div>
									<span class="revenue-icon bg-orange-transparent text-orange">
										<i class="ti ti-lifebuoy fs-16"></i>
									</span>
								</div>
								<div class="d-flex align-items-center justify-content-between">
									<p class="mb-0"><span class="fs-13 fw-bold text-success">+41%</span> vs Last Month</p>
									<a href="expense-list.html" class="text-decoration-underline fs-13 fw-medium">View All</a>
								</div>
							</div>
						</div>
					</div>
					<!-- /Expenses -->

					<!-- Returns -->
					<div class="col-xl-3 col-sm-6 col-12 d-flex">
						<div class="card revenue-widget flex-fill">
							<div class="card-body">
								<div class="d-flex align-items-center justify-content-between mb-3 pb-3 border-bottom">
									<div>
										<h4 class="mb-1">$78,458,798</h4>
										<p>Total Payment Returns</p>
									</div>
									<span class="revenue-icon bg-indigo-transparent text-indigo">
										<i class="ti ti-hash fs-16"></i>
									</span>
								</div>
								<div class="d-flex align-items-center justify-content-between">
									<p class="mb-0"><span class="fs-13 fw-bold text-danger">-20%</span> vs Last Month</p>
									<a href="sales-report.html" class="text-decoration-underline fs-13 fw-medium">View All</a>
								</div>
							</div>
						</div>
					</div>
					<!-- /Returns -->

				</div>

				<div class="row">

					<!-- Sales & Purchase -->
					<div class="col-xxl-8 col-xl-7 col-sm-12 col-12 d-flex">
						<div class="card flex-fill">
							<div class="card-header d-flex justify-content-between align-items-center">
								<div class="d-inline-flex align-items-center">
									<span class="title-icon bg-soft-primary fs-16 me-2"><i class="ti ti-shopping-cart"></i></span>
									<h5 class="card-title mb-0">Sales & Purchase</h5>
								</div>
								<ul class="nav btn-group custom-btn-group">
									<a class="btn btn-outline-light" href="javascript:void(0);">1D</a>
									<a class="btn btn-outline-light" href="javascript:void(0);">1W</a>
									<a class="btn btn-outline-light" href="javascript:void(0);">1M</a>
									<a class="btn btn-outline-light" href="javascript:void(0);">3M</a>
									<a class="btn btn-outline-light" href="javascript:void(0);">6M</a>
									<a class="btn btn-outline-light active" href="javascript:void(0);">1Y</a>
								</ul>
							</div>
							<div class="card-body pb-0">
								<div>
									<div class="d-flex align-items-center gap-2">
										<div class="border p-2 br-8">
											<p class="d-inline-flex align-items-center mb-1"><i class="ti ti-circle-filled fs-8 text-primary-300 me-1"></i>Total Purchase</p>
											<h4>3K</h4>
										</div>
										<div class="border p-2 br-8">
											<p class="d-inline-flex align-items-center mb-1"><i class="ti ti-circle-filled fs-8 text-primary me-1"></i>Total Sales</p>
											<h4>1K</h4>
										</div>
									</div>
									<div id="sales-daychart"></div>
								</div>
							</div>
						</div>
					</div>
					<!-- /Sales & Purchase -->

					<!-- Top Selling Products -->
					<div class="col-xxl-4 col-xl-5 d-flex">
						<div class="card flex-fill">
							<div class="card-header">
								<div class="d-inline-flex align-items-center">
									<span class="title-icon bg-soft-info fs-16 me-2"><i class="ti ti-info-circle"></i></span>
									<h5 class="card-title mb-0">Overall Information</h5>
								</div>
							</div>
							<div class="card-body">
								<div class="row g-3">
									<div class="col-md-4">
										<div class="info-item border bg-light p-3 text-center">
											<div class="mb-2 text-info fs-24">
												<i class="ti ti-user-check"></i>
											</div>
											<p class="mb-1">Suppliers</p>
											<h5>6987</h5>
										</div>
									</div>
									<div class="col-md-4">
										<div class="info-item border bg-light p-3 text-center">
											<div class="mb-2 text-orange fs-24">
												<i class="ti ti-users"></i>
											</div>
											<p class="mb-1">Customer</p>
											<h5>4896</h5>
										</div>
									</div>
									<div class="col-md-4">
										<div class="info-item border bg-light p-3 text-center">
											<div class="mb-2 text-teal fs-24">
												<i class="ti ti-shopping-cart"></i>
											</div>
											<p class="mb-1">Orders</p>
											<h5>487</h5>
										</div>
									</div>
								</div>
							</div>
							<div class="card-footer pb-sm-0">
								<div class="d-flex align-items-center justify-content-between flex-wrap gap-3">
									<h5>Customers Overview</h5>
									<div class="dropdown dropdown-wraper">
										<a href="javascript:void(0);" class="dropdown-toggle btn btn-sm btn-white"  data-bs-toggle="dropdown" aria-expanded="false">
											<i class="ti ti-calendar me-1"></i>Today
										</a>
										<ul class="dropdown-menu p-3">
											<li>
												<a href="javascript:void(0);" class="dropdown-item">Today</a>
											</li>
											<li>
												<a href="javascript:void(0);" class="dropdown-item">Weekly</a>
											</li>
											<li>
												<a href="javascript:void(0);" class="dropdown-item">Monthly</a>
											</li>
										</ul>
									</div>
								</div>
								<div class="row align-items-center">
									<div class="col-sm-5">
										<div id="customer-chart"></div>
									</div>
									<div class="col-sm-7">
										<div class="row gx-0">
											<div class="col-sm-6">
												<div class="text-center border-end">
													<h2 class="mb-1">5.5K</h2>
													<p class="text-orange mb-2">First Time</p>
													<span class="badge badge-success badge-xs d-inline-flex align-items-center"><i class="ti ti-arrow-up-left me-1"></i>25%</span>
												</div>
											</div>
											<div class="col-sm-6">
												<div class="text-center">
													<h2 class="mb-1">3.5K</h2>
													<p class="text-teal mb-2">Return</p>
													<span class="badge badge-success badge-xs d-inline-flex align-items-center"><i class="ti ti-arrow-up-left me-1"></i>21%</span>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>

				<div class="row">

					<!-- Top Selling Products -->
					<div class="col-xxl-4 col-md-6 d-flex">
						<div class="card flex-fill">
							<div class="card-header d-flex justify-content-between align-items-center flex-wrap gap-3">
								<div class="d-inline-flex align-items-center">
									<span class="title-icon bg-soft-pink fs-16 me-2"><i class="ti ti-box"></i></span>
									<h5 class="card-title mb-0">Top Selling Products</h5>
								</div>
								<div class="dropdown">
									<a href="javascript:void(0);" class="dropdown-toggle btn btn-sm btn-white" data-bs-toggle="dropdown" aria-expanded="false">
										<i class="ti ti-calendar me-1"></i>Today
									</a>
									<ul class="dropdown-menu p-3">
										<li>
											<a href="javascript:void(0);" class="dropdown-item">Today</a>
										</li>
										<li>
											<a href="javascript:void(0);" class="dropdown-item">Weekly</a>
										</li>
										<li>
											<a href="javascript:void(0);" class="dropdown-item">Monthly</a>
										</li>
									</ul>
								</div>
							</div>
							<div class="card-body sell-product">
								<div class="d-flex align-items-center justify-content-between border-bottom">
									<div class="d-flex align-items-center">
										<a href="javascript:void(0);" class="avatar avatar-lg">
											<img src="assets/img/products/product-01.jpg" alt="img">
										</a>
										<div class="ms-2">
											<h6 class="fw-bold mb-1"><a href="javascript:void(0);">Charger Cable - Lighting</a></h6>
											<div class="d-flex align-items-center item-list">			
												<p>$187</p>
												<p>247+ Sales</p>
											</div>
										</div>
									</div>
									<span class="badge bg-outline-success badge-xs d-inline-flex align-items-center"><i class="ti ti-arrow-up-left me-1"></i>25%</span>
								</div>
								<div class="d-flex align-items-center justify-content-between border-bottom">
									<div class="d-flex align-items-center">
										<a href="javascript:void(0);" class="avatar avatar-lg">
											<img src="assets/img/products/product-16.jpg" alt="img">
										</a>
										<div class="ms-2">
											<h6 class="fw-bold mb-1"><a href="javascript:void(0);">Yves Saint Eau De Parfum</a></h6>
											<div class="d-flex align-items-center item-list">			
												<p>$145</p>
												<p>289+ Sales</p>
											</div>
										</div>
									</div>
									<span class="badge bg-outline-success badge-xs d-inline-flex align-items-center"><i class="ti ti-arrow-up-left me-1"></i>25%</span>
								</div>
								<div class="d-flex align-items-center justify-content-between border-bottom">
									<div class="d-flex align-items-center">
										<a href="javascript:void(0);" class="avatar avatar-lg">
											<img src="assets/img/products/product-03.jpg" alt="img">
										</a>
										<div class="ms-2">
											<h6 class="fw-bold mb-1"><a href="javascript:void(0);">Apple Airpods 2</a></h6>
											<div class="d-flex align-items-center item-list">			
												<p>$458</p>
												<p>300+ Sales</p>
											</div>
										</div>
									</div>
									<span class="badge bg-outline-success badge-xs d-inline-flex align-items-center"><i class="ti ti-arrow-up-left me-1"></i>25%</span>
								</div>
								<div class="d-flex align-items-center justify-content-between border-bottom">
									<div class="d-flex align-items-center">
										<a href="javascript:void(0);" class="avatar avatar-lg">
											<img src="assets/img/products/product-04.jpg" alt="img">
										</a>
										<div class="ms-2">
											<h6 class="fw-bold mb-1"><a href="javascript:void(0);">Vacuum Cleaner</a></h6>
											<div class="d-flex align-items-center item-list">			
												<p>$139</p>
												<p>225+ Sales</p>
											</div>
										</div>
									</div>
									<span class="badge bg-outline-danger badge-xs d-inline-flex align-items-center"><i class="ti ti-arrow-down-left me-1"></i>21%</span>
								</div>
								<div class="d-flex align-items-center justify-content-between">
									<div class="d-flex align-items-center">
										<a href="javascript:void(0);" class="avatar avatar-lg">
											<img src="assets/img/products/product-05.jpg" alt="img">
										</a>
										<div class="ms-2">
											<h6 class="fw-bold mb-1"><a href="javascript:void(0);">Samsung Galaxy S21 Fe 5g</a></h6>
											<div class="d-flex align-items-center item-list">			
												<p>$898</p>
												<p>365+ Sales</p>
											</div>
										</div>
									</div>
									<span class="badge bg-outline-success badge-xs d-inline-flex align-items-center"><i class="ti ti-arrow-up-left me-1"></i>25%</span>
								</div>
							</div>
						</div>
					</div>
					<!-- /Top Selling Products -->

					<!-- Low Stock Products -->
					<div class="col-xxl-4 col-md-6 d-flex">
						<div class="card flex-fill">
							<div class="card-header d-flex justify-content-between align-items-center flex-wrap gap-3">
								<div class="d-inline-flex align-items-center">
									<span class="title-icon bg-soft-danger fs-16 me-2"><i class="ti ti-alert-triangle"></i></span>
									<h5 class="card-title mb-0">Low Stock Products</h5>
								</div>								
								<a href="low-stocks.html" class="fs-13 fw-medium text-decoration-underline">View All</a>
							</div>
							<div class="card-body">
								<div class="d-flex align-items-center justify-content-between mb-4">
									<div class="d-flex align-items-center">
										<a href="javascript:void(0);" class="avatar avatar-lg">
											<img src="assets/img/products/product-06.jpg" alt="img">
										</a>
										<div class="ms-2">
											<h6 class="fw-bold mb-1"><a href="javascript:void(0);">Dell XPS 13</a></h6>
											<p class="fs-13">ID : #665814</p>
										</div>
									</div>
									<div class="text-end">
										<p class="fs-13 mb-1">Instock</p>
										<h6 class="text-orange fw-medium">08</h6>
									</div>
								</div>
								<div class="d-flex align-items-center justify-content-between mb-4">
									<div class="d-flex align-items-center">
										<a href="javascript:void(0);" class="avatar avatar-lg">
											<img src="assets/img/products/product-07.jpg" alt="img">
										</a>
										<div class="ms-2">
											<h6 class="fw-bold mb-1"><a href="javascript:void(0);">Vacuum Cleaner Robot</a></h6>
											<p class="fs-13">ID : #940004</p>
										</div>
									</div>
									<div class="text-end">
										<p class="fs-13 mb-1">Instock</p>
										<h6 class="text-orange fw-medium">14</h6>
									</div>
								</div>
								<div class="d-flex align-items-center justify-content-between mb-4">
									<div class="d-flex align-items-center">
										<a href="javascript:void(0);" class="avatar avatar-lg">
											<img src="assets/img/products/product-08.jpg" alt="img">
										</a>
										<div class="ms-2">
											<h6 class="fw-bold mb-1"><a href="javascript:void(0);">KitchenAid Stand Mixer</a></h6>
											<p class="fs-13">ID : #325569</p>
										</div>
									</div>
									<div class="text-end">
										<p class="fs-13 mb-1">Instock</p>
										<h6 class="text-orange fw-medium">21</h6>
									</div>
								</div>
								<div class="d-flex align-items-center justify-content-between mb-4">
									<div class="d-flex align-items-center">
										<a href="javascript:void(0);" class="avatar avatar-lg">
											<img src="assets/img/products/product-09.jpg" alt="img">
										</a>
										<div class="ms-2">
											<h6 class="fw-bold mb-1"><a href="javascript:void(0);">Levi's Trucker Jacket</a></h6>
											<p class="fs-13">ID : #124588</p>
										</div>
									</div>
									<div class="text-end">
										<p class="fs-13 mb-1">Instock</p>
										<h6 class="text-orange fw-medium">12</h6>
									</div>
								</div>
								<div class="d-flex align-items-center justify-content-between mb-0">
									<div class="d-flex align-items-center">
										<a href="javascript:void(0);" class="avatar avatar-lg">
											<img src="assets/img/products/product-10.jpg" alt="img">
										</a>
										<div class="ms-2">
											<h6 class="fw-bold mb-1"><a href="javascript:void(0);">Lay's Classic</a></h6>
											<p class="fs-13">ID : #365586</p>
										</div>
									</div>
									<div class="text-end">
										<p class="fs-13 mb-1">Instock</p>
										<h6 class="text-orange fw-medium">10</h6>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- /Low Stock Products -->

					<!-- Recent Sales -->
					<div class="col-xxl-4 col-md-12 d-flex">
						<div class="card flex-fill">
							<div class="card-header d-flex justify-content-between align-items-center flex-wrap gap-3">
								<div class="d-inline-flex align-items-center">
									<span class="title-icon bg-soft-pink fs-16 me-2"><i class="ti ti-box"></i></span>
									<h5 class="card-title mb-0">Recent Sales</h5>
								</div>
								<div class="dropdown">
									<a href="javascript:void(0);" class="dropdown-toggle btn btn-sm btn-white"  data-bs-toggle="dropdown" aria-expanded="false">
										<i class="ti ti-calendar me-1"></i>Weekly
									</a>
									<ul class="dropdown-menu p-3">
										<li>
											<a href="javascript:void(0);" class="dropdown-item">Today</a>
										</li>
										<li>
											<a href="javascript:void(0);" class="dropdown-item">Weekly</a>
										</li>
										<li>
											<a href="javascript:void(0);" class="dropdown-item">Monthly</a>
										</li>
									</ul>
								</div>
							</div>
							<div class="card-body">
								<div class="d-flex align-items-center justify-content-between mb-4">
									<div class="d-flex align-items-center">
										<a href="javascript:void(0);" class="avatar avatar-lg">
											<img src="assets/img/products/product-11.jpg" alt="img">
										</a>
										<div class="ms-2">
											<h6 class="fw-bold mb-1"><a href="javascript:void(0);">Apple Watch Series 9</a></h6>
											<div class="d-flex align-items-center item-list">			
												<p>Electronics</p>
												<p class="text-gray-9">$640</p>
											</div>
										</div>
									</div>
									<div class="text-end">
										<p class="fs-13 mb-1">Today</p>
										<span class="badge bg-purple badge-xs d-inline-flex align-items-center"><i class="ti ti-circle-filled fs-5 me-1"></i>Processing</span>
									</div>									
								</div>
								<div class="d-flex align-items-center justify-content-between mb-4">
									<div class="d-flex align-items-center">
										<a href="javascript:void(0);" class="avatar avatar-lg">
											<img src="assets/img/products/product-12.jpg" alt="img">
										</a>
										<div class="ms-2">
											<h6 class="fw-bold mb-1"><a href="javascript:void(0);">Gold Bracelet</a></h6>
											<div class="d-flex align-items-center item-list">			
												<p>Fashion</p>
												<p class="text-gray-9">$126</p>
											</div>
										</div>
									</div>
									<div class="text-end">
										<p class="fs-13 mb-1">Today</p>
										<span class="badge badge-danger badge-xs d-inline-flex align-items-center"><i class="ti ti-circle-filled fs-5 me-1"></i>Cancelled</span>
									</div>									
								</div>
								<div class="d-flex align-items-center justify-content-between mb-4">
									<div class="d-flex align-items-center">
										<a href="javascript:void(0);" class="avatar avatar-lg">
											<img src="assets/img/products/product-13.jpg" alt="img">
										</a>
										<div class="ms-2">
											<h6 class="fw-bold mb-1"><a href="javascript:void(0);">Parachute Down Duvet</a></h6>
											<div class="d-flex align-items-center item-list">			
												<p>Health</p>
												<p class="text-gray-9">$69</p>
											</div>
										</div>
									</div>
									<div class="text-end">
										<p class="fs-13 mb-1">15 Jan 2025</p>
										<span class="badge badge-cyan badge-xs d-inline-flex align-items-center"><i class="ti ti-circle-filled fs-5 me-1"></i>Onhold</span>
									</div>									
								</div>
								<div class="d-flex align-items-center justify-content-between mb-4">
									<div class="d-flex align-items-center">
										<a href="javascript:void(0);" class="avatar avatar-lg">
											<img src="assets/img/products/product-14.jpg" alt="img">
										</a>
										<div class="ms-2">
											<h6 class="fw-bold mb-1"><a href="javascript:void(0);">YETI Rambler Tumbler</a></h6>
											<div class="d-flex align-items-center item-list">			
												<p>Sports</p>
												<p class="text-gray-9">$65</p>
											</div>
										</div>
									</div>
									<div class="text-end">
										<p class="fs-13 mb-1">12 Jan 2025</p>
										<span class="badge bg-purple badge-xs d-inline-flex align-items-center"><i class="ti ti-circle-filled fs-5 me-1"></i>Processing</span>
									</div>									
								</div>
								<div class="d-flex align-items-center justify-content-between mb-0">
									<div class="d-flex align-items-center">
										<a href="javascript:void(0);" class="avatar avatar-lg">
											<img src="assets/img/products/product-15.jpg" alt="img">
										</a>
										<div class="ms-2">
											<h6 class="fw-bold mb-1"><a href="javascript:void(0);">Osmo Genius Starter Kit</a></h6>
											<div class="d-flex align-items-center item-list">			
												<p>Lifestyles</p>
												<p class="text-gray-9">$87.56</p>
											</div>
										</div>
									</div>
									<div class="text-end">
										<p class="fs-13 mb-1">11 Jan 2025</p>
										<span class="badge badge-success badge-xs d-inline-flex align-items-center"><i class="ti ti-circle-filled fs-5 me-1"></i>Completed</span>
									</div>									
								</div>
							</div>
						</div>
					</div>
					<!-- /Recent Sales -->

				</div>

				<div class="row">

					<!-- Sales Statics -->
					<div class="col-xl-6 col-sm-12 col-12 d-flex">
						<div class="card flex-fill">
							<div class="card-header d-flex justify-content-between align-items-center">
								<div class="d-inline-flex align-items-center">
									<span class="title-icon bg-soft-danger fs-16 me-2"><i class="ti ti-alert-triangle"></i></span>
									<h5 class="card-title mb-0">Sales Statics</h5>
								</div>
								<div class="dropdown">
									<a href="javascript:void(0);" class="dropdown-toggle btn btn-sm btn-white"  data-bs-toggle="dropdown" aria-expanded="false">
										<i class="ti ti-calendar me-1"></i>2025
									</a>
									<ul class="dropdown-menu p-3">
										<li>
											<a href="javascript:void(0);" class="dropdown-item">2025</a>
										</li>
										<li>
											<a href="javascript:void(0);" class="dropdown-item">2022</a>
										</li>
										<li>
											<a href="javascript:void(0);" class="dropdown-item">2021</a>
										</li>
									</ul>
								</div>
							</div>
							<div class="card-body pb-0">
								<div class="d-flex align-items-center flex-wrap gap-2">
									<div class="border p-2 br-8">
										<h5 class="d-inline-flex align-items-center text-teal">$12,189<span class="badge badge-success badge-xs d-inline-flex align-items-center ms-2"><i class="ti ti-arrow-up-left me-1"></i>25%</span></h5>
										<p>Revenue</p>
									</div>
									<div class="border p-2 br-8">
										<h5 class="d-inline-flex align-items-center text-orange">$48,988,078<span class="badge badge-danger badge-xs d-inline-flex align-items-center ms-2"><i class="ti ti-arrow-down-right me-1"></i>25%</span></h5>
										<p>Expense</p>
									</div>
								</div>
								<div id="sales-statistics"></div>
							</div>
						</div>
					</div>
					<!-- /Sales Statics -->

					<!-- Recent Transactions -->
					<div class="col-xl-6 col-sm-12 col-12 d-flex">
						<div class="card flex-fill">
							<div class="card-header d-flex align-items-center justify-content-between flex-wrap gap-3">
								<div class="d-inline-flex align-items-center">
									<span class="title-icon bg-soft-orange fs-16 me-2"><i class="ti ti-flag"></i></span>
									<h5 class="card-title mb-0">Recent Transactions</h5>
								</div>
								<a href="online-orders.html" class="fs-13 fw-medium text-decoration-underline">View All</a>
							</div>
							<div class="card-body p-0">
								<ul class="nav nav-tabs nav-justified transaction-tab">
									<li class="nav-item"><a class="nav-link active" href="#sale" data-bs-toggle="tab">Sale</a></li>
									<li class="nav-item"><a class="nav-link" href="#purchase-transaction" data-bs-toggle="tab">Purchase</a></li>
									<li class="nav-item"><a class="nav-link" href="#quotation" data-bs-toggle="tab">Quotation</a></li>
									<li class="nav-item"><a class="nav-link" href="#expenses" data-bs-toggle="tab">Expenses</a></li>
									<li class="nav-item"><a class="nav-link" href="#invoices" data-bs-toggle="tab">Invoices</a></li>
								</ul>
								<div class="tab-content">
									<div class="tab-pane show active" id="sale">
										<div class="table-responsive">
											<table class="table table-borderless custom-table">
												<thead class="thead-light">
													<tr>
														<th>Date</th>
														<th>Customer</th>
														<th>Status</th>
														<th>Total</th>
													</tr>
												</thead>
												<tbody>
													<tr>
														<td>24 May 2025</td>
														<td>
															<div class="d-flex align-items-center file-name-icon">
																<a href="javascript:void(0);" class="avatar avatar-md">
																	<img src="assets/img/customer/customer16.jpg" class="img-fluid" alt="img">
																</a>
																<div class="ms-2">
																	<h6><a href="javascript:void(0);" class="fw-bold">Andrea Willer</a></h6>
																	<span class="fs-13 text-orange">#114589</span>
																</div>
															</div>
														</td>
														<td><span class="badge badge-success badge-xs d-inline-flex align-items-center"><i class="ti ti-circle-filled fs-5 me-1"></i>Completed</span></td>
														<td class="fs-16 fw-bold text-gray-9">$4,560</td>
													</tr>
													<tr>
														<td>23 May 2025</td>
														<td>
															<div class="d-flex align-items-center file-name-icon">
																<a href="javascript:void(0);" class="avatar avatar-md">
																	<img src="assets/img/customer/customer17.jpg" class="img-fluid" alt="img">
																</a>
																<div class="ms-2">
																	<h6><a href="javascript:void(0);" class="fw-bold">Timothy Sandsr</a></h6>
																	<span class="fs-13 text-orange">#114589</span>
																</div>
															</div>
														</td>
														<td><span class="badge badge-success badge-xs d-inline-flex align-items-center"><i class="ti ti-circle-filled fs-5 me-1"></i>Completed</span></td>
														<td class="fs-16 fw-bold text-gray-9">$3,569</td>
													</tr>
													<tr>
														<td>22 May 2025</td>
														<td>
															<div class="d-flex align-items-center file-name-icon">
																<a href="javascript:void(0);" class="avatar avatar-md">
																	<img src="assets/img/customer/customer18.jpg" class="img-fluid" alt="img">
																</a>
																<div class="ms-2">
																	<h6><a href="javascript:void(0);" class="fw-bold">Bonnie Rodrigues</a></h6>
																	<span class="fs-13 text-orange">#114589</span>
																</div>
															</div>
														</td>
														<td><span class="badge badge-pink badge-xs d-inline-flex align-items-center"><i class="ti ti-circle-filled fs-5 me-1"></i>Draft</span></td>
														<td class="fs-16 fw-bold text-gray-9">$4,560</td>
													</tr>
													<tr>
														<td>21 May 2025</td>
														<td>
															<div class="d-flex align-items-center file-name-icon">
																<a href="javascript:void(0);" class="avatar avatar-md">
																	<img src="assets/img/customer/customer15.jpg" class="img-fluid" alt="img">
																</a>
																<div class="ms-2">
																	<h6><a href="javascript:void(0);" class="fw-bold">Randy McCree</a></h6>
																	<span class="fs-13 text-orange">#114589</span>
																</div>
															</div>
														</td>
														<td><span class="badge badge-success badge-xs d-inline-flex align-items-center"><i class="ti ti-circle-filled fs-5 me-1"></i>Completed</span></td>
														<td class="fs-16 fw-bold text-gray-9">$2,155</td>
													</tr>
													<tr>
														<td>21 May 2025</td>
														<td>
															<div class="d-flex align-items-center file-name-icon">
																<a href="javascript:void(0);" class="avatar avatar-md">
																	<img src="assets/img/customer/customer13.jpg" class="img-fluid" alt="img">
																</a>
																<div class="ms-2">
																	<h6><a href="javascript:void(0);" class="fw-bold">Dennis Anderson</a></h6>
																	<span class="fs-13 text-orange">#114589</span>
																</div>
															</div>
														</td>
														<td><span class="badge badge-success badge-xs d-inline-flex align-items-center"><i class="ti ti-circle-filled fs-5 me-1"></i>Completed</span></td>
														<td class="fs-16 fw-bold text-gray-9">$5,123</td>
													</tr>
												</tbody>
											</table>
										</div>
									</div>
									<div class="tab-pane fade" id="purchase-transaction">
										<div class="table-responsive">
											<table class="table table-borderless custom-table">
												<thead class="thead-light">
													<tr>
														<th>Date</th>
														<th>Supplier</th>
														<th>Status</th>
														<th>Total</th>
													</tr>
												</thead>
												<tbody>
													<tr>
														<td>24 May 2025</td>
														<td>
															<a href="javascript:void(0);" class="fw-semibold">Electro Mart</a>
														</td>
														<td><span class="badge badge-success badge-xs d-inline-flex align-items-center"><i class="ti ti-circle-filled fs-5 me-1"></i>Completed</span></td>
														<td class="text-gray-9">$1000</td>
													</tr>
													<tr>
														<td>23 May 2025</td>
														<td>
															<a href="javascript:void(0);" class="fw-semibold">Quantum Gadgets</a>
														</td>
														<td><span class="badge badge-success badge-xs d-inline-flex align-items-center"><i class="ti ti-circle-filled fs-5 me-1"></i>Completed</span></td>
														<td class="text-gray-9">$1500</td>
													</tr>
													<tr>
														<td>22 May 2025</td>
														<td>
															<a href="javascript:void(0);" class="fw-semibold">Prime Bazaar</a>
														</td>
														<td><span class="badge badge-cyan badge-xs d-inline-flex align-items-center"><i class="ti ti-circle-filled fs-5 me-1"></i>Pending</span></td>
														<td class="text-gray-9">$2000</td>
													</tr>
													<tr>
														<td>21 May 2025</td>
														<td>
															<a href="javascript:void(0);" class="fw-semibold">Alpha Mobiles</a>
														</td>
														<td><span class="badge badge-success badge-xs d-inline-flex align-items-center"><i class="ti ti-circle-filled fs-5 me-1"></i>Completed</span></td>
														<td class="text-gray-9">$1200</td>
													</tr>
													<tr>
														<td>21 May 2025</td>
														<td>
															<a href="javascript:void(0);" class="fw-semibold">Aesthetic Bags</a>
														</td>
														<td><span class="badge badge-success badge-xs d-inline-flex align-items-center"><i class="ti ti-circle-filled fs-5 me-1"></i>Completed</span></td>
														<td class="text-gray-9">$1300</td>
													</tr>
													<tr>
														<td>28 May 2025</td>
														<td>
															<a href="javascript:void(0);" class="fw-semibold">Sigma Chairs</a>
														</td>
														<td><span class="badge badge-success badge-xs d-inline-flex align-items-center"><i class="ti ti-circle-filled fs-5 me-1"></i>Completed</span></td>
														<td class="text-gray-9">$1600</td>
													</tr>
													<tr>
														<td>26 May 2025</td>
														<td>
															<a href="javascript:void(0);" class="fw-semibold">A-Z Store	s</a>
														</td>
														<td><span class="badge badge-success badge-xs d-inline-flex align-items-center"><i class="ti ti-circle-filled fs-5 me-1"></i>Completed</span></td>
														<td class="text-gray-9">$1100</td>
													</tr>
												</tbody>
											</table>
										</div>
									</div>
									<div class="tab-pane" id="quotation">
										<div class="table-responsive">
											<table class="table table-borderless custom-table">
												<thead class="thead-light">
													<tr>
														<th>Date</th>
														<th>Customer</th>
														<th>Status</th>
														<th>Total</th>
													</tr>
												</thead>
												<tbody>
													<tr>
														<td>24 May 2025</td>
														<td>
															<div class="d-flex align-items-center file-name-icon">
																<a href="javascript:void(0);" class="avatar avatar-md">
																	<img src="assets/img/customer/customer16.jpg" class="img-fluid" alt="img">
																</a>
																<div class="ms-2">
																	<h6 class="fw-medium"><a href="javascript:void(0);">Andrea Willer</a></h6>
																	<span class="fs-13 text-orange">#114589</span>
																</div>
															</div>
														</td>
														<td><span class="badge badge-success badge-xs d-inline-flex align-items-center"><i class="ti ti-circle-filled fs-5 me-1"></i>Sent</span></td>
														<td class="text-gray-9">$4,560</td>
													</tr>
													<tr>
														<td>23 May 2025</td>
														<td>
															<div class="d-flex align-items-center file-name-icon">
																<a href="javascript:void(0);" class="avatar avatar-md">
																	<img src="assets/img/customer/customer17.jpg" class="img-fluid" alt="img">
																</a>
																<div class="ms-2">
																	<h6 class="fw-medium"><a href="javascript:void(0);">Timothy Sandsr</a></h6>
																	<span class="fs-13 text-orange">#114589</span>
																</div>
															</div>
														</td>
														<td><span class="badge badge-warning badge-xs d-inline-flex align-items-center"><i class="ti ti-circle-filled fs-5 me-1"></i>Ordered</span></td>
														<td class="text-gray-9">$3,569</td>
													</tr>
													<tr>
														<td>22 May 2025</td>
														<td>
															<div class="d-flex align-items-center file-name-icon">
																<a href="javascript:void(0);" class="avatar avatar-md">
																	<img src="assets/img/customer/customer18.jpg" class="img-fluid" alt="img">
																</a>
																<div class="ms-2">
																	<h6 class="fw-medium"><a href="javascript:void(0);">Bonnie Rodrigues</a></h6>
																	<span class="fs-13 text-orange">#114589</span>
																</div>
															</div>
														</td>
														<td><span class="badge badge-cyan badge-xs d-inline-flex align-items-center"><i class="ti ti-circle-filled fs-5 me-1"></i>Pending</span></td>
														<td class="text-gray-9">$4,560</td>
													</tr>
													<tr>
														<td>21 May 2025</td>
														<td>
															<div class="d-flex align-items-center file-name-icon">
																<a href="javascript:void(0);" class="avatar avatar-md">
																	<img src="assets/img/customer/customer15.jpg" class="img-fluid" alt="img">
																</a>
																<div class="ms-2">
																	<h6 class="fw-medium"><a href="javascript:void(0);">Randy McCree</a></h6>
																	<span class="fs-13 text-orange">#114589</span>
																</div>
															</div>
														</td>
														<td><span class="badge badge-warning badge-xs d-inline-flex align-items-center"><i class="ti ti-circle-filled fs-5 me-1"></i>Ordered</span></td>
														<td class="text-gray-9">$2,155</td>
													</tr>
													<tr>
														<td>21 May 2025</td>
														<td>
															<div class="d-flex align-items-center file-name-icon">
																<a href="javascript:void(0);" class="avatar avatar-md">
																	<img src="assets/img/customer/customer13.jpg" class="img-fluid" alt="img">
																</a>
																<div class="ms-2">
																	<h6 class="fw-medium"><a href="javascript:void(0);">Dennis Anderson</a></h6>
																	<span class="fs-13 text-orange">#114589</span>
																</div>
															</div>
														</td>
														<td><span class="badge badge-success badge-xs d-inline-flex align-items-center"><i class="ti ti-circle-filled fs-5 me-1"></i>Sent</span></td>
														<td class="text-gray-9">$5,123</td>
													</tr>
												</tbody>
											</table>
										</div>
									</div>
									<div class="tab-pane fade" id="expenses">
										<div class="table-responsive">
											<table class="table table-borderless custom-table">
												<thead class="thead-light">
													<tr>
														<th>Date</th>
														<th>Expenses</th>
														<th>Status</th>
														<th>Total</th>
													</tr>
												</thead>
												<tbody>
													<tr>
														<td>24 May 2025</td>
														<td>
															<h6 class="fw-medium"><a href="javascript:void(0);">Electricity Payment</a></h6>
															<span class="fs-13 text-orange">#EX849</span>
														</td>
														<td><span class="badge badge-success badge-xs d-inline-flex align-items-center"><i class="ti ti-circle-filled fs-5 me-1"></i>Approved</span></td>
														<td class="text-gray-9">$200</td>
													</tr>
													<tr>
														<td>23 May 2025</td>
														<td>
															<h6 class="fw-medium"><a href="javascript:void(0);">Electricity Payment</a></h6>
															<span class="fs-13 text-orange">#EX849</span>
														</td>
														<td><span class="badge badge-success badge-xs d-inline-flex align-items-center"><i class="ti ti-circle-filled fs-5 me-1"></i>Approved</span></td>
														<td class="text-gray-9">$200</td>
													</tr>
													<tr>
														<td>22 May 2025</td>
														<td>
															<h6 class="fw-medium"><a href="javascript:void(0);">Stationery Purchase</a></h6>
															<span class="fs-13 text-orange">#EX848</span>
														</td>
														<td><span class="badge badge-success badge-xs d-inline-flex align-items-center"><i class="ti ti-circle-filled fs-5 me-1"></i>Approved</span></td>
														<td class="text-gray-9">$50</td>
													</tr>
													<tr>
														<td>21 May 2025</td>
														<td>
															<h6 class="fw-medium"><a href="javascript:void(0);">AC Repair Service</a></h6>
															<span class="fs-13 text-orange">#EX847</span>
														</td>
														<td><span class="badge badge-cyan badge-xs d-inline-flex align-items-center"><i class="ti ti-circle-filled fs-5 me-1"></i>Pending</span></td>
														<td class="text-gray-9">$800</td>
													</tr>
													<tr>
														<td>21 May 2025</td>
														<td>
															<h6 class="fw-medium"><a href="javascript:void(0);">Client Meeting</a></h6>
															<span class="fs-13 text-orange">#EX846</span>
														</td>
														<td><span class="badge badge-success badge-xs d-inline-flex align-items-center"><i class="ti ti-circle-filled fs-5 me-1"></i>Approved</span></td>
														<td class="text-gray-9">$100</td>
													</tr>
												</tbody>
											</table>
										</div>
									</div>
									<div class="tab-pane" id="invoices">
										<div class="table-responsive">
											<table class="table table-borderless custom-table">
												<thead class="thead-light">
													<tr>
														<th>Customer</th>
														<th>Due Date</th>
														<th>Status</th>
														<th>Amount</th>
													</tr>
												</thead>
												<tbody>
													<tr>
														<td>
															<div class="d-flex align-items-center file-name-icon">
																<a href="javascript:void(0);" class="avatar avatar-md">
																	<img src="assets/img/customer/customer16.jpg" class="img-fluid" alt="img">
																</a>
																<div class="ms-2">
																	<h6 class="fw-bold"><a href="javascript:void(0);">Andrea Willer</a></h6>
																	<span class="fs-13 text-orange">#INV005</span>
																</div>
															</div>
														</td>
														<td>24 May 2025</td>
														<td><span class="badge badge-success badge-xs d-inline-flex align-items-center"><i class="ti ti-circle-filled fs-5 me-1"></i>Paid</span></td>
														<td class="text-gray-9">$1300</td>
													</tr>
													<tr>
														<td>
															<div class="d-flex align-items-center file-name-icon">
																<a href="javascript:void(0);" class="avatar avatar-md">
																	<img src="assets/img/customer/customer17.jpg" class="img-fluid" alt="img">
																</a>
																<div class="ms-2">
																	<h6 class="fw-bold"><a href="javascript:void(0);">Timothy Sandsr</a></h6>
																	<span class="fs-13 text-orange">#INV004</span>
																</div>
															</div>
														</td>
														<td>23 May 2025</td>
														<td><span class="badge badge-warning badge-xs d-inline-flex align-items-center"><i class="ti ti-circle-filled fs-5 me-1"></i>Overdue</span></td>
														<td class="text-gray-9">$1250</td>
													</tr>
													<tr>
														<td>
															<div class="d-flex align-items-center file-name-icon">
																<a href="javascript:void(0);" class="avatar avatar-md">
																	<img src="assets/img/customer/customer18.jpg" class="img-fluid" alt="img">
																</a>
																<div class="ms-2">
																	<h6 class="fw-bold"><a href="javascript:void(0);">Bonnie Rodrigues</a></h6>
																	<span class="fs-13 text-orange">#INV003</span>
																</div>
															</div>
														</td>
														<td>22 May 2025</td>
														<td><span class="badge badge-success badge-xs d-inline-flex align-items-center"><i class="ti ti-circle-filled fs-5 me-1"></i>Paid</span></td>
														<td class="text-gray-9">$1700</td>
													</tr>
													<tr>
														<td>
															<div class="d-flex align-items-center file-name-icon">
																<a href="javascript:void(0);" class="avatar avatar-md">
																	<img src="assets/img/customer/customer15.jpg" class="img-fluid" alt="img">
																</a>
																<div class="ms-2">
																	<h6 class="fw-bold"><a href="javascript:void(0);">Randy McCree</a></h6>
																	<span class="fs-13 text-orange">#INV002</span>
																</div>
															</div>
														</td>
														<td>21 May 2025</td>
														<td><span class="badge badge-danger badge-xs d-inline-flex align-items-center"><i class="ti ti-circle-filled fs-5 me-1"></i>Unpaid</span></td>
														<td class="text-gray-9">$1500</td>
													</tr>
													<tr>
														<td>
															<div class="d-flex align-items-center file-name-icon">
																<a href="javascript:void(0);" class="avatar avatar-md">
																	<img src="assets/img/customer/customer13.jpg" class="img-fluid" alt="img">
																</a>
																<div class="ms-2">
																	<h6 class="fw-bold"><a href="javascript:void(0);">Dennis Anderson</a></h6>
																	<span class="fs-13 text-orange">#INV001</span>
																</div>
															</div>
														</td>
														<td>21 May 2025</td>
														<td><span class="badge badge-success badge-xs d-inline-flex align-items-center"><i class="ti ti-circle-filled fs-5 me-1"></i>Paid</span></td>
														<td class="text-gray-9">$1000</td>
													</tr>
												</tbody>
											</table>
										</div>
									</div>
								</div>						
							</div>
						</div>
					</div>
					<!-- /Recent Transactions -->

				</div>

				<div class="row">

					<!-- Top Customers -->
					<div class="col-xxl-4 col-md-6 d-flex">
						<div class="card flex-fill">
							<div class="card-header d-flex justify-content-between align-items-center flex-wrap gap-3">
								<div class="d-inline-flex align-items-center">
									<span class="title-icon bg-soft-orange fs-16 me-2"><i class="ti ti-users"></i></span>
									<h5 class="card-title mb-0">Top Customers</h5>
								</div>								
								<a href="customers.html" class="fs-13 fw-medium text-decoration-underline">View All</a>
							</div>
							<div class="card-body">
								<div class="d-flex align-items-center justify-content-between border-bottom mb-3 pb-3 flex-wrap gap-2">
									<div class="d-flex align-items-center">
										<a href="javascript:void(0);" class="avatar avatar-lg flex-shrink-0">
											<img src="assets/img/customer/customer11.jpg" alt="img">
										</a>
										<div class="ms-2">
											<h6 class="fs-14 fw-bold mb-1"><a href="javascript:void(0);">Carlos Curran</a></h6>
											<div class="d-flex align-items-center item-list">			
												<p class="d-inline-flex align-items-center"><i class="ti ti-map-pin me-1"></i>USA</p>
												<p>24 Orders</p>
											</div>
										</div>
									</div>
									<div class="text-end">
										<h5>$8,9645</h5>
									</div>									
								</div>
								<div class="d-flex align-items-center justify-content-between border-bottom mb-3 pb-3 flex-wrap gap-2">
									<div class="d-flex align-items-center">
										<a href="javascript:void(0);" class="avatar avatar-lg flex-shrink-0">
											<img src="assets/img/customer/customer12.jpg" alt="img">
										</a>
										<div class="ms-2">
											<h6 class="fs-14 fw-bold mb-1"><a href="javascript:void(0);">Stan Gaunter</a></h6>
											<div class="d-flex align-items-center item-list">			
												<p class="d-inline-flex align-items-center"><i class="ti ti-map-pin me-1"></i>UAE</p>
												<p>22 Orders</p>
											</div>
										</div>
									</div>
									<div class="text-end">
										<h5>$16,985</h5>
									</div>									
								</div>
								<div class="d-flex align-items-center justify-content-between border-bottom mb-3 pb-3 flex-wrap gap-2">
									<div class="d-flex align-items-center">
										<a href="javascript:void(0);" class="avatar avatar-lg flex-shrink-0">
											<img src="assets/img/customer/customer13.jpg" alt="img">
										</a>
										<div class="ms-2">
											<h6 class="fs-14 fw-bold mb-1"><a href="javascript:void(0);">Richard Wilson</a></h6>
											<div class="d-flex align-items-center item-list">			
												<p class="d-inline-flex align-items-center"><i class="ti ti-map-pin me-1"></i>Germany</p>
												<p>14 Orders</p>
											</div>
										</div>
									</div>
									<div class="text-end">
										<h5>$5,366</h5>
									</div>									
								</div>
								<div class="d-flex align-items-center justify-content-between border-bottom mb-3 pb-3 flex-wrap gap-2">
									<div class="d-flex align-items-center">
										<a href="javascript:void(0);" class="avatar avatar-lg flex-shrink-0">
											<img src="assets/img/customer/customer14.jpg" alt="img">
										</a>
										<div class="ms-2">
											<h6 class="fs-14 fw-bold mb-1"><a href="javascript:void(0);">Mary Bronson</a></h6>
											<div class="d-flex align-items-center item-list">			
												<p class="d-inline-flex align-items-center"><i class="ti ti-map-pin me-1"></i>Belgium</p>
												<p>08 Orders</p>
											</div>
										</div>
									</div>
									<div class="text-end">
										<h5>$4,569</h5>
									</div>									
								</div>
								<div class="d-flex align-items-center justify-content-between flex-wrap gap-2">
									<div class="d-flex align-items-center">
										<a href="javascript:void(0);" class="avatar avatar-lg flex-shrink-0">
											<img src="assets/img/customer/customer15.jpg" alt="img">
										</a>
										<div class="ms-2">
											<h6 class="fs-14 fw-bold mb-1"><a href="javascript:void(0);">Annie Tremblay</a></h6>
											<div class="d-flex align-items-center item-list">			
												<p class="d-inline-flex align-items-center"><i class="ti ti-map-pin me-1"></i>Greenland</p>
												<p>14 Orders</p>
											</div>
										</div>
									</div>
									<div class="text-end">
										<h5>$3,5698</h5>
									</div>									
								</div>
							</div>
						</div>
					</div>	
					<!-- /Top Customers -->

					<!-- Top Categories -->
					<div class="col-xxl-4 col-md-6 d-flex">
						<div class="card flex-fill">
							<div class="card-header d-flex justify-content-between align-items-center flex-wrap gap-3">
								<div class="d-inline-flex align-items-center">
									<span class="title-icon bg-soft-orange fs-16 me-2"><i class="ti ti-users"></i></span>
									<h5 class="card-title mb-0">Top Categories</h5>
								</div>
								<div class="dropdown">
									<a href="javascript:void(0);" class="dropdown-toggle btn btn-sm btn-white d-flex align-items-center" data-bs-toggle="dropdown" aria-expanded="false">
										<i class="ti ti-calendar me-1"></i>Weekly
									</a>
									<ul class="dropdown-menu p-3">
										<li>
											<a href="javascript:void(0);" class="dropdown-item">Today</a>
										</li>
										<li>
											<a href="javascript:void(0);" class="dropdown-item">Weekly</a>
										</li>
										<li>
											<a href="javascript:void(0);" class="dropdown-item">Monthly</a>
										</li>
									</ul>
								</div>
							</div>
							<div class="card-body">
								<div class="d-flex align-items-center justify-content-between flex-wrap gap-4 mb-4">
									<div>
										<canvas id="top-category" height="230" width="200"></canvas>
									</div>
									<div>
										<div class="category-item category-primary">
											<p class="fs-13 mb-1">Electronics</p>
											<h2 class="d-flex align-items-center">698<span class="fs-13 fw-normal text-default ms-1">Sales</span></h2>
										</div>
										<div class="category-item category-orange">
											<p class="fs-13 mb-1">Sports</p>
											<h2 class="d-flex align-items-center">545<span class="fs-13 fw-normal text-default ms-1">Sales</span></h2>
										</div>
										<div class="category-item category-secondary">
											<p class="fs-13 mb-1">Lifestyles</p>
											<h2 class="d-flex align-items-center">456<span class="fs-13 fw-normal text-default ms-1">Sales</span></h2>
										</div>
									</div>
								</div>
								<h6 class="mb-2">Category Statistics</h6>
								<div class="border br-8">
									<div class="d-flex align-items-center justify-content-between border-bottom p-2">
										<p class="d-inline-flex align-items-center mb-0"><i class="ti ti-square-rounded-filled text-indigo fs-8 me-2"></i>Total Number Of Categories</p>
										<h5>698</h5>
									</div>
									<div class="d-flex align-items-center justify-content-between p-2">
										<p class="d-inline-flex align-items-center mb-0"><i class="ti ti-square-rounded-filled text-orange fs-8 me-2"></i>Total Number Of Products</p>
										<h5>7899</h5>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- /Top Categories -->

					<!-- Order Statistics -->
					<div class="col-xxl-4 col-md-12 d-flex">
						<div class="card flex-fill">
							<div class="card-header d-flex justify-content-between align-items-center flex-wrap gap-3">
								<div class="d-inline-flex align-items-center">
									<span class="title-icon bg-soft-indigo fs-16 me-2"><i class="ti ti-package"></i></span>
									<h5 class="card-title mb-0">Order Statistics</h5>
								</div>
								<div class="dropdown">
									<a href="javascript:void(0);" class="dropdown-toggle btn btn-sm btn-white" data-bs-toggle="dropdown" aria-expanded="false">
										<i class="ti ti-calendar me-1"></i>Weekly
									</a>
									<ul class="dropdown-menu p-3">
										<li>
											<a href="javascript:void(0);" class="dropdown-item">Today</a>
										</li>
										<li>
											<a href="javascript:void(0);" class="dropdown-item">Weekly</a>
										</li>
										<li>
											<a href="javascript:void(0);" class="dropdown-item">Monthly</a>
										</li>
									</ul>
								</div>
							</div>
							<div class="card-body pb-0">
								<div id="heat_chart"></div>
							</div>
						</div>
					</div>
					<!-- /Order Statistics -->

				</div>
				
			</div>
		
			<?php echo view('admin/includes/coppy');?>
		</div>

	</div>
	<!-- /Main Wrapper -->

	<!-- Add Stock -->
	<div class="modal fade" id="add-stock">
		<div class="modal-dialog modal-dialog-centered">
			<div class="modal-content">
				<div class="modal-header">
					<div class="page-title">
						<h4>Add Stock</h4>
					</div>
					<button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
				</div>					
				<form action="https://dreamspos.dreamstechnologies.com/html/template/#">
					<div class="modal-body">
						<div class="row">
							<div class="col-lg-12">
								<div class="mb-3">
									<label class="form-label">Warehouse <span class="text-danger ms-1">*</span></label>
									<select class="select">
										<option>Select</option>
										<option>Lobar Handy</option>
										<option>Quaint Warehouse</option>
									</select>
								</div>
							</div>
							<div class="col-lg-12">
								<div class="mb-3">
									<label class="form-label">Store <span class="text-danger ms-1">*</span></label>
									<select class="select">
										<option>Select</option>
										<option>Selosy</option>
										<option>Logerro</option>
									</select>
								</div>
							</div>
							<div class="col-lg-12">
								<div class="mb-3">
									<label class="form-label">Responsible Person <span class="text-danger ms-1">*</span></label>
									<select class="select">
										<option>Select</option>
										<option>Steven</option>
										<option>Gravely</option>
									</select>
								</div>
							</div>
							<div class="col-lg-12">
								<div class="search-form mb-0">
                                    <label class="form-label">Product <span class="text-danger ms-1">*</span></label>
                                    <div class="position-relative">
                                        <input type="text" class="form-control" placeholder="Select Product">
                                        <i data-feather="search" class="feather-search"></i>
                                    </div>
                                </div>
							</div>
						</div>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-md btn-dark me-2" data-bs-dismiss="modal">Cancel</button>
						<button type="submit" class="btn btn-md btn-primary">Add Stock</button>
					</div>
				</form>
			</div>
		</div>
	</div>
	<!-- /Add Stock -->

	<!-- jQuery -->
	<?php echo view('admin/includes/bottomscript');?>
	</body>


</html>