{% extends 'shared/secure.html.twig'%}
{% block title %} Dashboard {% endblock %}
		{# {% block css %}

    {% endblock %} #}
		{% block heading %}
									Hello {{ app.user.displayName }}
		{% endblock %}

 {% block content %}


								<!--begin::Stats-->
										<div class="row">
											<!--begin::Col-->
											<div class="col">
												<div class="card card-dashed flex-center min-w-175px my-3 p-6">
													<span class="fs-4 fw-semibold text-info pb-1 px-2">Net Earnings</span>
													<span class="fs-lg-2tx fw-bold d-flex justify-content-center">₦
													<span data-kt-countup="true" data-kt-countup-value="63,240.00">0</span></span>
												</div>
											</div>
											<!--end::Col-->
											<!--begin::Col-->
											<div class="col">
												<div class="card card-dashed flex-center min-w-175px my-3 p-6">
													<span class="fs-4 fw-semibold text-success pb-1 px-2">Balance</span>
													<span class="fs-lg-2tx fw-bold d-flex justify-content-center">₦
													<span data-kt-countup="true" data-kt-countup-value="8,530.00">0</span></span>
												</div>
											</div>
											<!--end::Col-->
											<!--begin::Col-->
											<div class="col">
												<div class="card card-dashed flex-center min-w-175px my-3 p-6">
													<span class="fs-4 fw-semibold text-danger pb-1 px-2">Avg Deal Size</span>
													<span class="fs-lg-2tx fw-bold d-flex justify-content-center">₦
													<span data-kt-countup="true" data-kt-countup-value="20,600">0</span></span>
												</div>
											</div>
											<!--end::Col-->
											<!--begin::Col-->
											<div class="col">
												<div class="card card-dashed flex-center min-w-175px my-3 p-6">
													<span class="fs-4 fw-semibold text-primary pb-1 px-2">Referral Signups</span>
													<span class="fs-lg-2tx fw-bold d-flex justify-content-center">₦
													<span data-kt-countup="true" data-kt-countup-value="70830&quot;">0</span></span>
												</div>
											</div>
											<!--end::Col-->
										</div>
										<!--end::Stats-->
										
										<!--begin::Row-->
								<div class="row g-5 g-xl-10 mb-5 mb-xl-10">
									<!--begin::Chart Accounting-->
									<div class="col-xl-7">
										<!--begin::Chart Widget 1-->
										<div class="card card-flush h-md-100  h-lg-100">
											<!--begin::Header-->
											<div class="card-header pt-5">
												<!--begin::Title-->
												<h3 class="card-title align-items-start flex-column">
													<span class="card-label fw-bold text-gray-900">Cash In &amp; Out</span>
														<span class="text-gray-500 pt-1 fw-semibold fs-6">Highlights of total cash in &amp; out</span>

												</h3>
												<!--end::Title-->
												<!--begin::Toolbar-->
												<div class="card-toolbar">
													<!--begin::Menu-->
													<button class="btn btn-icon btn-color-gray-500 btn-active-color-primary justify-content-end" >
														<i class="ki-duotone ki-dots-square fs-1 text-gray-500 me-n1">
															<span class="path1"></span>
															<span class="path2"></span>
															<span class="path3"></span>
															<span class="path4"></span>
														</i>
													</button>
													<!--begin::Menu 2-->

													<!--end::Menu 2-->
													<!--end::Menu-->
												</div>
												<!--end::Toolbar-->
											</div>
											<!--end::Header-->
											<!--begin::Body-->
											<div class="card-body pt-0 px-0">
												<!--begin::Chart-->
												<div id="kt_charts_cash_in_out" class="min-h-auto ps-4 pe-6 mb-3" style="height: 350px"></div>
												<!--end::Chart-->
												<!--begin::Info-->
												<div class="d-flex align-items-center px-9">
													<!--begin::Item-->
													<div class="d-flex align-items-center me-6">
														<!--begin::Bullet-->
														<span class="rounded-1 bg-primary me-2 h-10px w-10px"></span>
														<!--end::Bullet-->
														<!--begin::Label-->
														<span class="fw-semibold fs-6 text-gray-600">Income</span>
														<!--end::Label-->
													</div>
													<!--ed::Item-->
													<!--begin::Item-->
													<div class="d-flex align-items-center">
														<!--begin::Bullet-->
														<span class="rounded-1 bg-success me-2 h-10px w-10px"></span>
														<!--end::Bullet-->
														<!--begin::Label-->
														<span class="fw-semibold fs-6 text-gray-600">Expense</span>
														<!--end::Label-->
													</div>
													<!--ed::Item-->
												</div>
												<!--ed::Info-->
											</div>
											<!--end::Body-->
										</div>
										<!--end::Chart Widget 1-->
									</div>
									<!--end::Chart Accounting-->

	<!--begin::Col-->
										<div class="col-xl-5">
											<!--begin::Table widget 15-->
											<div class="card card-flush h-lg-100">
												<!--begin::Header-->
												<div class="card-header pt-7">
													<!--begin::Title-->
													<h3 class="card-title align-items-start flex-column">
														<span class="card-label fw-bold text-gray-800">Account Watch List</span>
														<span class="text-gray-500 mt-1 fw-semibold fs-6">The accounts your organisation has selected to monitor</span>
													</h3>
													<!--end::Title-->

													<!--begin::Toolbar-->
													<div class="card-toolbar">
														<!--begin::Menu-->
														<button class="btn btn-icon btn-color-gray-500 btn-active-color-primary justify-content-end" >
															<i class="ki-duotone ki-dots-square fs-1 text-gray-500 me-n1">
																<span class="path1"></span>
																<span class="path2"></span>
																<span class="path3"></span>
																<span class="path4"></span>
															</i>
														</button>

														<!--end::Menu-->
													</div>
													<!--end::Toolbar-->



													{# <!--begin::Toolbar-->
													<div class="card-toolbar">
														<!--begin::Daterangepicker(defined in src/js/layout/app.js)-->
														<div data-kt-daterangepicker="true" data-kt-daterangepicker-opens="left" class="btn btn-sm btn-light d-flex align-items-center px-4">
															<!--begin::Display range-->
															<div class="text-gray-600 fw-bold">Loading date range...</div>
															<!--end::Display range-->
															<i class="ki-duotone ki-calendar-8 fs-1 ms-2 me-0">
																<span class="path1"></span>
																<span class="path2"></span>
																<span class="path3"></span>
																<span class="path4"></span>
																<span class="path5"></span>
																<span class="path6"></span>
															</i>
														</div>
														<!--end::Daterangepicker-->
													</div>
													<!--end::Toolbar--> #}
												</div>
												<!--end::Header-->
												<!--begin::Body-->
												<div class="card-body pt-6">
													<!--begin::Table container-->
													<div class="table-responsive">

													<!--begin::Table-->
													<table class="table align-middle table-row-dashed fs-6 gy-3" >    <!--begin::Table head-->
												<thead>
														<!--begin::Table row-->
														<tr class="text-start text-gray-500 fw-bold fs-7 text-uppercase gs-0">
																<th class="min-w-100px">ACCOUNT</th>
																<th nowrap="nowrap" class="text-end min-w-50px">THIS MONTH</th>
																<th class="text-end min-w-50px">YTD</th>
														</tr>
														<!--end::Table row-->
												</thead>
												<!--end::Table head-->
												<!--begin::Table body-->
												<tbody>
														<tr>
																<td>
																<span class="fw-bold text-hover-primary">Advertising (200)</span>
																</td>
																<td class="text-end">₦6,200.00</td>
																<td class="text-end">₦8,4630.00</td>
														</tr>
														<tr>
																<td>
																	<span class="fw-bold text-hover-primary">Entertainment (302)</span>
																</td>
																<td class="text-end"> ₦1330.00 </td>
																<td class="text-end"> ₦15630.00</td>
														</tr>
														<tr>
																<td>
																<span class="fw-bold text-hover-primary">Inventory (321)</span>
																</td>
																<td class="text-end"> ₦9,630.00</td>
																<td class="text-end">₦8,630.00</td>
														</tr>
														<tr>
																<td>
																	<span class="fw-bold text-hover-primary">Sales (200)</span>
																</td>
																<td class="text-end">₦39,330.00</td>
																<td class="text-end"> ₦36,030.00</td>
														</tr>
												</tbody>
												<!--end::Table body-->
										</table>
													<!--end::Table-->

													</div>
													<!--end::Table-->
												</div>
												<!--end: Card Body-->
											</div>
											<!--end::Table widget 15-->
										</div>
										<!--end::Col-->



								</div>
								<!--end::Row-->


								<!--begin::Row-->
									<div class="row g-5 g-xl-10 mb-5 mb-xl-10">
										<!--begin::Col-->
										<div class="col-xl-5">
											<div class="card card-flush h-lg-100">
												<div class="card-header pt-7">
														<!--begin::Title-->
														<h3 class="card-title align-items-start flex-column">
															<span class="card-label fw-bold text-gray-800">Sales By Category</span>
															<span class="text-gray-500 mt-1 fw-semibold fs-6">The revenues generated grouped by product category</span>
														</h3>
														<!--end::Title-->

														<!--begin::Toolbar-->
													<div class="card-toolbar">
														<!--begin::Menu-->
														<button class="btn btn-icon btn-color-gray-500 btn-active-color-primary justify-content-end" >
															<i class="ki-duotone ki-dots-square fs-1 text-gray-500 me-n1">
																<span class="path1"></span>
																<span class="path2"></span>
																<span class="path3"></span>
																<span class="path4"></span>
															</i>
														</button>

														<!--end::Menu-->
													</div>
													<!--end::Toolbar-->
												</div>
												<div class="card-body pt-6">
														<!--begin::Container-->
														<div class="d-flex justify-content-left flex-column mx-auto mx-md-0 pt-3 pb-10">
															<!--begin::Chart-->
															<div id="kt_bar_sales_category" class="mx-auto mb-4"></div>
															<!--end::Chart-->
															<!--begin::Labels-->
															<div class="mx-auto">
																<!--begin::Label-->
																<div class="d-flex align-items-center mb-2">
																	<!--begin::Bullet-->
																	<div class="bullet bullet-dot w-8px h-7px bg-success me-2"></div>
																	<!--end::Bullet-->
																	<!--begin::Label-->
																	<div class="fs-8 fw-semibold text-muted">Precent(133)</div>
																	<!--end::Label-->
																</div>
																<!--end::Label-->
																<!--begin::Label-->
																<div class="d-flex align-items-center mb-2">
																	<!--begin::Bullet-->
																	<div class="bullet bullet-dot w-8px h-7px bg-primary me-2"></div>
																	<!--end::Bullet-->
																	<!--begin::Label-->
																	<div class="fs-8 fw-semibold text-muted">Illness(9)</div>
																	<!--end::Label-->
																</div>
																<!--end::Label-->
																<!--begin::Label-->
																<div class="d-flex align-items-center mb-2">
																	<!--begin::Bullet-->
																	<div class="bullet bullet-dot w-8px h-7px bg-info me-2"></div>
																	<!--end::Bullet-->
																	<!--begin::Label-->
																	<div class="fs-8 fw-semibold text-muted">Late(2)</div>
																	<!--end::Label-->
																</div>
																<!--end::Label-->
																<!--begin::Label-->
																<div class="d-flex align-items-center mb-2">
																	<!--begin::Bullet-->
																	<div class="bullet bullet-dot w-8px h-7px bg-danger me-2"></div>
																	<!--end::Bullet-->
																	<!--begin::Label-->
																	<div class="fs-8 fw-semibold text-muted">Absent(3)</div>
																	<!--end::Label-->
																</div>
																<!--end::Label-->
															</div>
															<!--end::Labels-->
														</div>
														<!--end::Container-->
												</div>
											</div>
										</div>
										<!--end::Col-->
										<!--begin::Col-->
										<div class="col-xl-7">
											<!--begin::Table widget 15-->
											<div class="card card-flush h-lg-100">
												<!--begin::Header-->
												<div class="card-header pt-7">
													<!--begin::Title-->
													<h3 class="card-title align-items-start flex-column">
														<span class="card-label fw-bold text-gray-800">Periodic Performance Summary</span>
														<span class="text-gray-500 mt-1 fw-semibold fs-6">Check Performance as early as possible to achieve targets</span>
													</h3>
													<!--end::Title-->

													<!--begin::Toolbar-->
													<div class="card-toolbar">
														<!--begin::Menu-->
														<button class="btn btn-icon btn-color-gray-500 btn-active-color-primary justify-content-end" >
															<i class="ki-duotone ki-dots-square fs-1 text-gray-500 me-n1">
																<span class="path1"></span>
																<span class="path2"></span>
																<span class="path3"></span>
																<span class="path4"></span>
															</i>
														</button>

														<!--end::Menu-->
													</div>
													<!--end::Toolbar-->



													{# <!--begin::Toolbar-->
													<div class="card-toolbar">
														<!--begin::Daterangepicker(defined in src/js/layout/app.js)-->
														<div data-kt-daterangepicker="true" data-kt-daterangepicker-opens="left" class="btn btn-sm btn-light d-flex align-items-center px-4">
															<!--begin::Display range-->
															<div class="text-gray-600 fw-bold">Loading date range...</div>
															<!--end::Display range-->
															<i class="ki-duotone ki-calendar-8 fs-1 ms-2 me-0">
																<span class="path1"></span>
																<span class="path2"></span>
																<span class="path3"></span>
																<span class="path4"></span>
																<span class="path5"></span>
																<span class="path6"></span>
															</i>
														</div>
														<!--end::Daterangepicker-->
													</div>
													<!--end::Toolbar--> #}
												</div>
												<!--end::Header-->
												<!--begin::Body-->
												<div class="card-body pt-6">
													<!--begin::Table container-->
													<div class="table-responsive">

													<!--begin::Table-->
													<table class="table align-middle table-row-dashed fs-6 gy-3" >
														<!--begin::Table head-->
														<thead>
															<!--begin::Table row-->
															<tr class="text-start text-gray-500 fw-bold fs-7 text-uppercase gs-0">
																<th class="min-w-200px">PERIOD</th>
																<th class="text-end min-w-100px">SALES</th>
																<th class="text-end min-w-100px">INCOME</th>
																<th class="text-end min-w-100px">EXPENSE</th>
															</tr>
															<!--end::Table row-->
														</thead>
														<!--end::Table head-->
														<!--begin::Table body-->
														<tbody class="fw-bold text-gray-600">
															<tr>
																<td>
																	<span class="text-gray-800 text-hover-primary">TODAY</span>
																</td>
																<td class="text-end">
																		<span class="text-gray-800 fw-bolder">₦630.00</span>

																															</td>
																<td class="text-end">
																	<span class="text-gray-800 fw-bolder">₦8630.00</span>
																</td>
																<td class="text-end">
																	<span class="text-gray-800 fw-bolder">₦8630.00</span>
																</td>
															</tr>
															<tr>
																<td>
																	<span class="text-gray-800 text-hover-primary">YESTERDAY</span>
																</td>
																<td class="text-end">
																		<span class="text-gray-800 fw-bolder">₦1330.00</span>

																															</td>
																<td class="text-end">
																	<span class="text-gray-800 fw-bolder">₦15630.00</span>
																</td>
																<td class="text-end">
																	<span class="text-gray-800 fw-bolder">₦15630.00</span>
																</td>
															</tr>
															<tr>
																<td>
																	<span class="text-gray-800 text-hover-primary">WEEK TILL DATE</span>
																</td>
																<td class="text-end">
																		<span class="text-gray-800 fw-bolder">₦9,630.00</span>

																															</td>
																<td class="text-end">
																	<span class="text-gray-800 fw-bolder">₦8,630.00</span>
																</td>
																<td class="text-end">
																	<span class="text-gray-800 fw-bolder">₦1,630.00</span>
																</td>
															</tr>
															<tr>
																<td>
																	<span class="text-gray-800 text-hover-primary">LAST WEEK's STP</span>
																														</td>
																<td class="text-end">&nbsp;</td>
																<td class="text-end">&nbsp;</td>
																<td class="text-end">&nbsp;</td>
															</tr>
															<tr>
																<td>
																	<span class="text-gray-800 text-hover-primary">LAST WEEK's TOTAL</span>
																														</td>
																<td class="text-end">&nbsp;</td>
																<td class="text-end">&nbsp;</td>
																<td class="text-end">&nbsp;</td>
															</tr>
															<tr>
																<td>
																<span class="text-gray-800 text-hover-primary">MONTH TILL DATE</span>
																		</td>
																<td class="text-end">&nbsp;</td>
																<td class="text-end">&nbsp;</td>
																<td class="text-end">&nbsp;</td>
															</tr>
															<tr>
																<td>
																	<span class="text-gray-800 text-hover-primary">LAST MONTH's STP</span>
																</td>
																<td class="text-end">
																		<span class="text-gray-800 fw-bolder">₦39,330.00</span>
																</td>
																<td class="text-end">
																	<span class="text-gray-800 fw-bolder">₦36,030.00</span>
																	<span class="badge badge-light-success fs-base">
																		<i class="ki-duotone ki-arrow-up fs-5 text-success ms-n1">
																			<span class="path1"></span>
																			<span class="path2"></span>
																		</i>9.2%</span>
																</td>
																<td class="text-end">
																	<span class="text-gray-800 fw-bolder">₦8,630.00</span>
																</td>
															</tr>
															<tr>
																<td nowrap="nowrap">
																	<span class="text-gray-800 text-hover-primary">TOTAL LAST MONTH</span>
																														</td>
																<td class="text-end">&nbsp;</td>
																<td class="text-end">&nbsp;</td>
																<td class="text-end">&nbsp;</td>
															</tr>
															<tr>
																<td>
																	<span class="text-gray-800 text-hover-primary">YEAR TILL DATE</span>
																</td>
																<td class="text-end">
																		<span class="text-gray-800 fw-bolder">₦390,330.00</span>

																															</td>
																<td class="text-end">
																	<span class="text-gray-800 fw-bolder">₦360,030.00</span>
																</td>
																<td class="text-end">
																	<span class="text-gray-800 fw-bolder">₦80,630.00</span>
																</td>
															</tr>
															<tr>
																<td>
																	<span class="text-gray-800 text-hover-primary">LAST YEAR's STP</span>
																</td>
																<td class="text-end">
																		<span class="text-gray-800 fw-bolder">₦390,330.00</span>

																															</td>
																<td class="text-end">
																	<span class="text-gray-800 fw-bolder">₦360,030.00</span>
																</td>
																<td class="text-end">
																	<span class="text-gray-800 fw-bolder">₦80,630.00</span>
																</td>
															</tr>
															<tr>
																<td>
																	<span class="text-gray-800 text-hover-primary">LAST YEAR's TOTAL</span>
																</td>
																<td class="text-end">
																		<span class="text-gray-800 fw-bolder">₦390,330.00</span>

																															</td>
																<td class="text-end">
																	<span class="text-gray-800 fw-bolder">₦360,030.00</span>
																</td>
																<td class="text-end">
																	<span class="text-gray-800 fw-bolder">₦80,630.00</span>
																</td>
															</tr>
														</tbody>
														<!--end::Table body-->
													</table>
													<!--end::Table-->

													</div>
													<!--end::Table-->
												</div>
												<!--end: Card Body-->
											</div>
											<!--end::Table widget 15-->
										</div>
										<!--end::Col-->
									</div>
								<!--end::Row-->
									<!--begin::Row-->
									<div class="row g-5 g-xl-10 mb-5 mb-xl-10">

										<!--begin::Col-->
										<div class="col-xl-4">
											<!--begin::List Top Selling Products-->
											<div class="card card-flush h-md-100 h-lg-100">
												<!--begin::Header-->
												<div class="card-header pt-5">
													<!--begin::Title-->
													<h3 class="card-title align-items-start flex-column">
														<span class="card-label fw-bold text-gray-800">All Time Top Selling Products</span>
														<span class="text-gray-500 pt-1 fw-semibold fs-6"> Products selling in larger quantities than other</span>

													</h3>
													<!--end::Title-->

													<!--begin::Toolbar-->
													<div class="card-toolbar">
														<!--begin::Menu-->
														<button class="btn btn-icon btn-color-gray-500 btn-active-color-primary justify-content-end" >
															<i class="ki-duotone ki-dots-square fs-1 text-gray-500 me-n1">
																<span class="path1"></span>
																<span class="path2"></span>
																<span class="path3"></span>
																<span class="path4"></span>
															</i>
														</button>

														<!--end::Menu-->
													</div>
													<!--end::Toolbar-->

												</div>
												<!--end::Header-->
												<!--begin::Body-->
												<div class="card-body pt-4">
													<!--begin::Table container-->
													<div class="table-responsive">
														<!--begin::Table-->
														<table class="table table-row-dashed align-middle gs-0 gy-4 my-0">
															<!--begin::Table head-->
															<thead>
																<tr class="fs-7 fw-bold text-gray-500 border-bottom-0">
																	<th class="p-0 w-50px pb-1">ITEM</th>
																	<th class="ps-0 min-w-140px"></th>
																	<th class="text-end min-w-140px p-0 pb-1">AMOUNT SOLD</th>
																</tr>
															</thead>
															<!--end::Table head-->
															<!--begin::Table body-->
															<tbody>
																<tr>
																	<td>
																		<img src="{{secure_assets}}/media/stock/ecommerce/210.png" class="w-50px" alt="" />
																	</td>
																	<td class="ps-0">
																		<a href="apps/ecommerce/sales/details.html" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6 text-start pe-0">Elephant 1802</a>
																		<span class="text-gray-500 fw-semibold fs-7 d-block text-start ps-0">Item: #XDG-2347</span>
																	</td>
																	<td>
																		<span class="text-gray-800 fw-bold d-block fs-6 ps-0 text-end">₦72.00</span>
																	</td>
																</tr>
																<tr>
																	<td>
																		<img src="{{secure_assets}}/media/stock/ecommerce/215.png" class="w-50px" alt="" />
																	</td>
																	<td class="ps-0">
																		<a href="apps/ecommerce/sales/details.html" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6 text-start pe-0">Red Laga</a>
																		<span class="text-gray-500 fw-semibold fs-7 d-block text-start ps-0">Item: #XDG-2347</span>
																	</td>
																	<td>
																		<span class="text-gray-800 fw-bold d-block fs-6 ps-0 text-end">₦45.00</span>
																	</td>
																</tr>
																<tr>
																	<td>
																		<img src="{{secure_assets}}/media/stock/ecommerce/209.png" class="w-50px" alt="" />
																	</td>
																	<td class="ps-0">
																		<a href="apps/ecommerce/sales/details.html" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6 text-start pe-0">RiseUP</a>
																		<span class="text-gray-500 fw-semibold fs-7 d-block text-start ps-0">Item: #XDG-2347</span>
																	</td>
																	<td>
																		<span class="text-gray-800 fw-bold d-block fs-6 ps-0 text-end">₦168.00</span>
																	</td>
																</tr>
																<tr>
																	<td>
																		<img src="{{secure_assets}}/media/stock/ecommerce/214.png" class="w-50px" alt="" />
																	</td>
																	<td class="ps-0">
																		<a href="apps/ecommerce/sales/details.html" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6 text-start pe-0">Yellow Stone</a>
																		<span class="text-gray-500 fw-semibold fs-7 d-block text-start ps-0">Item: #XDG-2347</span>
																	</td>
																	<td>
																		<span class="text-gray-800 fw-bold d-block fs-6 ps-0 text-end">₦72.00</span>
																	</td>
																</tr>
																<tr>
																	<td>
																		<img src="{{secure_assets}}/media/stock/ecommerce/214.png" class="w-50px" alt="" />
																	</td>
																	<td class="ps-0">
																		<a href="apps/ecommerce/sales/details.html" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6 text-start pe-0">Yellow Stone</a>
																		<span class="text-gray-500 fw-semibold fs-7 d-block text-start ps-0">Item: #XDG-2347</span>
																	</td>
																	<td>
																		<span class="text-gray-800 fw-bold d-block fs-6 ps-0 text-end">₦72.00</span>
																	</td>
																</tr>
															</tbody>
															<!--end::Table body-->
														</table>
													</div>
													<!--end::Table-->
												</div>
												<!--end::Body-->
											</div>
											<!--end::List Top Selling Products-->
										</div>
										<!--end::Col-->


										<!--begin::Chart Accounting-->
										<div class="col-xl-8">
											<!--begin::Chart Widget 1-->
											<div class="card card-flush h-md-100  h-lg-100">
												<!--begin::Header-->
												<div class="card-header pt-5">
													<!--begin::Title-->
													<h3 class="card-title align-items-start flex-column">
														<span class="card-label fw-bold text-gray-900">Sales History</span>
														<span class="text-gray-500 pt-1 fw-semibold fs-6">Income from Sales in recent period</span>
													</h3>
													<!--end::Title-->
													<!--begin::Toolbar-->
													<div class="card-toolbar">
														<!--begin::Menu-->
														<button class="btn btn-icon btn-color-gray-500 btn-active-color-primary justify-content-end" >
															<i class="ki-duotone ki-dots-square fs-1 text-gray-500 me-n1">
																<span class="path1"></span>
																<span class="path2"></span>
																<span class="path3"></span>
																<span class="path4"></span>
															</i>
														</button>

														<!--end::Menu-->
													</div>
													<!--end::Toolbar-->
												</div>
												<!--end::Header-->
												<!--begin::Body-->
												<div class="card-body pt-0 px-0">
													<!--begin::Chart-->
													<div id="kt_charts_sales_history" class="min-h-auto ps-4 pe-6 mb-3" style="height: 350px"></div>
													<!--end::Chart-->
													<!--begin::Info-->
													<div class="d-flex align-items-center px-9">
														<!--begin::Item-->
														<div class="d-flex align-items-center me-6">
															<!--begin::Bullet-->
															<span class="rounded-1 bg-primary me-2 h-10px w-10px"></span>
															<!--end::Bullet-->
															<!--begin::Label-->
															<span class="fw-semibold fs-6 text-gray-600">Sales History</span>
															<!--end::Label-->
														</div>
														<!--ed::Item-->
														{# <!--begin::Item-->
														<div class="d-flex align-items-center">
															<!--begin::Bullet-->
															<span class="rounded-1 bg-success me-2 h-10px w-10px"></span>
															<!--end::Bullet-->
															<!--begin::Label-->
															<span class="fw-semibold fs-6 text-gray-600">Expense</span>
															<!--end::Label-->
														</div>
														<!--ed::Item--> #}
													</div>
													<!--ed::Info-->
												</div>
												<!--end::Body-->
											</div>
											<!--end::Chart Widget 1-->
										</div>
										<!--end::Chart Accounting-->
									</div>
									<!--end::Row-->

									<!--begin::Row-->
									<div class="row g-5 g-xl-10 mb-5 mb-xl-10">

										<!--begin::Col-->
										<div class="col-xl-12">
											<!--begin::Table Widget 4-->
											<div class="card card-flush h-xl-100">
												<!--begin::Card header-->
												<div class="card-header pt-7">
													<!--begin::Title-->
													<h3 class="card-title align-items-start flex-column">
														<span class="card-label fw-bold text-gray-800"> Latest 7 Product Orders</span>
														<span class="text-gray-500 mt-1 fw-semibold fs-6">Avg. 57 orders per day</span>
													</h3>
													<!--end::Title-->
													<!--begin::Actions-->
													<div class="card-toolbar">
														<!--begin::Filters-->
														<div class="d-flex flex-stack flex-wrap gap-4">
															<!--begin::Destination-->
															<div class="d-flex align-items-center fw-bold">
																<!--begin::Label-->
																<div class="text-gray-500 fs-7 me-2">Category</div>
																<!--end::Label-->
																<!--begin::Select-->
																<select class="form-select form-select-transparent text-graY-800 fs-base lh-1 fw-bold py-0 ps-3 w-auto" data-control="select2" data-hide-search="true" data-dropdown-css-class="w-150px" data-placeholder="Select an option">
																	<option></option>
																	<option value="Show All" selected="selected">Show All</option>
																	<option value="a">Category A</option>
																	<option value="b">Category A</option>
																</select>
																<!--end::Select-->
															</div>
															<!--end::Destination-->
															<!--begin::Status-->
															<div class="d-flex align-items-center fw-bold">
																<!--begin::Label-->
																<div class="text-gray-500 fs-7 me-2">Status</div>
																<!--end::Label-->
																<!--begin::Select-->
																<select class="form-select form-select-transparent text-gray-900 fs-7 lh-1 fw-bold py-0 ps-3 w-auto" data-control="select2" data-hide-search="true" data-dropdown-css-class="w-150px" data-placeholder="Select an option" data-kt-table-widget-4="filter_status">
																	<option></option>
																	<option value="Show All" selected="selected">Show All</option>
																	<option value="Shipped">Shipped</option>
																	<option value="Confirmed">Confirmed</option>
																	<option value="Rejected">Rejected</option>
																	<option value="Pending">Pending</option>
																</select>
																<!--end::Select-->
															</div>
															<!--end::Status-->
															<!--begin::Search-->
															<div class="position-relative my-1">
																<i class="ki-duotone ki-magnifier fs-2 position-absolute top-50 translate-middle-y ms-4">
																	<span class="path1"></span>
																	<span class="path2"></span>
																</i>
																<input type="text" data-kt-table-widget-4="search" class="form-control w-150px fs-7 ps-12" placeholder="Search" />
															</div>
															<!--end::Search-->
														</div>
														<!--begin::Filters-->
													</div>
													<!--end::Actions-->
												</div>
												<!--end::Card header-->
												<!--begin::Card body-->
												<div class="card-body pt-2">
												<!--begin::Table-->
													<table class="table align-middle table-row-dashed fs-6 gy-3">
														<!--begin::Table head-->
														<thead>
															<!--begin::Table row-->
															<tr class="text-start text-gray-500 fw-bold fs-7 text-uppercase gs-0">
																<th class="min-w-50px">Order ID</th>
																<th class="min-w-50px">Created</th>
																<th class="min-w-200px">Customer</th>
																<th class="text-end min-w-100px">Total</th>
																<th class="text-end min-w-100px">Profit</th>
																<th class="text-end min-w-50px">Status</th>
																<th class="text-end">Details</th>
															</tr>
															<!--end::Table row-->
														</thead>
														<!--end::Table head-->
														<!--begin::Table body-->
														<tbody class="fw-bold text-gray-600">

															<tr>
																<td>
																	<a href="apps/ecommerce/catalog/edit-product.html" class="text-gray-800 text-hover-primary">#XGY-346</a>
																</td>
																<td>7 min ago</td>
																<td>
																	<a href="#" class="text-gray-600 text-hover-primary">Albert Flores</a>
																</td>
																<td class="text-end">₦630.00</td>
																<td class="text-end">
																	<span class="text-gray-800 fw-bolder">₦86.70</span>
																</td>
																<td class="text-end">
																	<span class="badge py-3 px-4 fs-7 badge-light-warning">Pending</span>
																</td>
																<td class="text-end">
																	<a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary w-30px h-30px">
																			<i class="ki-duotone ki-black-right fs-2 text-gray-500"></i>
																		</a>
																</td>
															</tr>
															<tr>
																<td>
																	<a href="apps/ecommerce/catalog/edit-product.html" class="text-gray-800 text-hover-primary">#YHD-047</a>
																</td>
																<td>52 min ago</td>
																<td>
																	<a href="#" class="text-gray-600 text-hover-primary">Jenny Wilson</a>
																</td>
																<td class="text-end">₦25.00</td>
																<td class="text-end">
																	<span class="text-gray-800 fw-bolder">₦4.20</span>
																</td>
																<td class="text-end">
																	<span class="badge py-3 px-4 fs-7 badge-light-primary">Confirmed</span>
																</td>
																<td class="text-end">
																	<a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary w-30px h-30px">
																			<i class="ki-duotone ki-black-right fs-2 text-gray-500"></i>
																		</a>
																</td>
															</tr>
															<tr>
																<td>
																	<a href="apps/ecommerce/catalog/edit-product.html" class="text-gray-800 text-hover-primary">#SRR-678</a>
																</td>
																<td>1 hour ago</td>
																<td>
																	<a href="#" class="text-gray-600 text-hover-primary">Robert Fox</a>
																</td>
																<td class="text-end">₦1,630.00</td>
																<td class="text-end">
																	<span class="text-gray-800 fw-bolder">₦203.90</span>
																</td>
																<td class="text-end">
																	<span class="badge py-3 px-4 fs-7 badge-light-warning">Pending</span>
																</td>
																<td class="text-end">
																	<a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary w-30px h-30px">
																			<i class="ki-duotone ki-black-right fs-2 text-gray-500"></i>
																		</a>
																</td>
															</tr>
															<tr>
																<td>
																	<a href="apps/ecommerce/catalog/edit-product.html" class="text-gray-800 text-hover-primary">#PXF-534</a>
																</td>
																<td>3 hour ago</td>
																<td>
																	<a href="#" class="text-gray-600 text-hover-primary">Cody Fisher</a>
																</td>
																<td class="text-end">₦119.00</td>
																<td class="text-end">
																	<span class="text-gray-800 fw-bolder">₦12.00</span>
																</td>
																<td class="text-end">
																	<span class="badge py-3 px-4 fs-7 badge-light-success">Shipped</span>
																</td>
																<td class="text-end">
																	<a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary w-30px h-30px">
																			<i class="ki-duotone ki-black-right fs-2 text-gray-500"></i>
																		</a>
																</td>
															</tr>
															<tr>
																<td>
																	<a href="apps/ecommerce/catalog/edit-product.html" class="text-gray-800 text-hover-primary">#XGD-249</a>
																</td>
																<td>2 day ago</td>
																<td>
																	<a href="#" class="text-gray-600 text-hover-primary">Arlene McCoy</a>
																</td>
																<td class="text-end">₦660.00</td>
																<td class="text-end">
																	<span class="text-gray-800 fw-bolder">₦52.26</span>
																</td>
																<td class="text-end">
																	<span class="badge py-3 px-4 fs-7 badge-light-success">Shipped</span>
																</td>
																<td class="text-end">
																	<a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary w-30px h-30px">
																			<i class="ki-duotone ki-black-right fs-2 text-gray-500"></i>
																		</a>
																</td>
															</tr>
															<tr>
																<td>
																	<a href="apps/ecommerce/catalog/edit-product.html" class="text-gray-800 text-hover-primary">#SKP-035</a>
																</td>
																<td>2 day ago</td>
																<td>
																	<a href="#" class="text-gray-600 text-hover-primary">Eleanor Pena</a>
																</td>
																<td class="text-end">₦290.00</td>
																<td class="text-end">
																	<span class="text-gray-800 fw-bolder">₦29.00</span>
																</td>
																<td class="text-end">
																	<span class="badge py-3 px-4 fs-7 badge-light-danger">Rejected</span>
																</td>
																<td class="text-end">
																	<a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary w-30px h-30px">
																			<i class="ki-duotone ki-black-right fs-2 text-gray-500"></i>
																		</a>
																</td>
															</tr>
															<tr>
																<td>
																	<a href="apps/ecommerce/catalog/edit-product.html" class="text-gray-800 text-hover-primary">#SKP-567</a>
																</td>
																<td>7 min ago</td>
																<td>
																	<a href="#" class="text-gray-600 text-hover-primary">Dan Wilson</a>
																</td>
																<td class="text-end">₦590.00</td>
																<td class="text-end">
																	<span class="text-gray-800 fw-bolder">₦50.00</span>
																</td>
																<td class="text-end">
																	<span class="badge py-3 px-4 fs-7 badge-light-success">Shipped</span>
																</td>
																<td class="text-end">
																	<a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary w-30px h-30px">
																			<i class="ki-duotone ki-black-right fs-2 text-gray-500"></i>
																		</a>
																</td>
															</tr>
														</tbody>
														<!--end::Table body-->
													</table>
													<!--end::Table-->
												</div>
												<!--end::Card body-->
											</div>
											<!--end::Table Widget 4-->
										</div>
										<!--end::Col-->
									</div>
									<!--end::Row-->





 {% endblock %}

    {% block Javascript %}
		<!--end::Vendors Javascript-->
		<!--begin::Custom Javascript(used for this page only)-->
		<script src="{{secure_assets}}/js/widgets.bundle.js"></script>
		<script src="{{secure_assets}}/js/charts/dashboard-cash-in-out.js"></script>
		<script src="{{secure_assets}}/js/charts/dashboard-bar_sales_category.js"></script>
		<script src="{{secure_assets}}/js/charts/dashboard-sales-history.js"></script>
		<script src="{{secure_assets}}/plugins/custom/datatables/datatables.bundle.js"></script>


    {% endblock %}