{% extends 'shared/secure.html.twig'%}


{% block content %}
<!--begin::Post-->
<div class="post d-flex flex-column-fluid" id="kt_post">
	<!--begin::Container-->
	<div id="kt_content_container" class="container-xxl">

		<!--begin::Products-->
		<div class="card card-flush">


			<!--begin::Card header-->
			<div class="card-header align-items-center">


					<!--begin::Card toolbar-->
										<div class="card-toolbar flex-row-fluid justify-content-end gap-5">

											<!--begin::Add product-->
											<a href="{{ url('app_product_mgr' )}}" class="btn btn-primary">Add New Product</a>
											<!--end::Add product-->
										</div>
										<!--end::Card toolbar-->


			</div>
			<!--end::Card header-->
			<!--begin::Card header-->
			<div class="card-header align-items-center gap-2 gap-md-5">
					<!--begin::Card title-->
							<div class="card-title">
								<h2 class="mb-1">Products List </h2>&nbsp;
								<div class="fs-6 fw-semibold text-gray-700"> Showing 1 to 10 of 50 entries</div>
							</div>
					<!--end::Card title-->

					<!--begin::Card toolbar-->
										<div class="card-toolbar flex-row-fluid justify-content-end gap-5">
											<!--begin::Flatpickr-->
											<div class="input-group w-250px">
												<i class="ki-duotone ki-magnifier fs-3 position-absolute ms-4">
													<span class="path1"></span>
													<span class="path2"></span>
												</i>
												<input type="text" data-kt-ecommerce-product-filter="search" class="form-control form-control-solid w-250px ps-12" placeholder="Search Product" />
											</div>
											<!--end::Flatpickr-->
											<div class="w-100 mw-150px">
												<!--begin::Select2-->
												<select class="form-select form-select-solid" data-control="select2" data-hide-search="true" data-placeholder="Status" data-kt-ecommerce-product-filter="status">
													<option></option>
													<option value="all">All</option>
													<option value="published">Published</option>
													<option value="scheduled">Scheduled</option>
													<option value="inactive">Inactive</option>
												</select>
												<!--end::Select2-->
											</div>
											<!--begin::Add product-->
											<button type="button" class="btn btn-flex btn-light-primary me-3" id="kt_file_manager_new_folder">
												Search</button>
											<!--end::Add product-->
										</div>
										<!--end::Card toolbar-->


			</div>
			<!--end::Card header-->
			<!--begin::Card body-->
			<div class="card-body pt-0">
				<!--begin::Table-->
					<table class="table align-middle table-row-dashed fs-6 gy-5" id="kt_ecommerce_products_table">
						<thead>
							<tr class="text-start text-gray-500 fw-bold fs-7 text-uppercase gs-0">
								<th class="min-w-200px">Product</th>
								<th class="text-end min-w-70px">Qty</th>
								<th class="text-end min-w-100px">Price</th>
								<th class="text-end min-w-100px">Status</th>
								<th class="text-end min-w-70px">Actions</th>
							</tr>
						</thead>
						<tbody class="fw-semibold text-gray-600">
							<tr>
								<td><div class="d-flex align-items-center">
									<!--begin::Thumbnail-->
									<a href="apps/ecommerce/catalog/edit-product.html" class="symbol symbol-50px"> <span class="symbol-label" style="background-image:url({{secure_assets}}/media//stock/ecommerce/1.png);"></span> </a>
									<!--end::Thumbnail-->
									<div class="ms-5">
										<!--begin::Title-->
										<a href="apps/ecommerce/catalog/edit-product.html" class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name">Product 1</a>
										<!--end::Title-->
										</div>
								</div></td>
								<td class="text-end pe-0" data-order="49"><span class="fw-bold ms-3">49</span></td>
								<td class="text-end pe-0">99</td>
								<td class="text-end pe-0" data-order="Scheduled"><!--begin::Badges-->
									<div class="badge badge-light-primary">Scheduled</div>
									<!--end::Badges--></td>
								<td class="text-end"><a href="#" class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">Actions <i class="ki-duotone ki-down fs-5 ms-1"></i></a>
									<!--begin::Menu-->
									<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg-light-primary fw-semibold fs-7 w-200px py-4" data-kt-menu="true">
										<!--begin::Menu item-->
										<div class="menu-item px-3"> <a href="apps/ecommerce/catalog/edit-product.html" class="menu-link px-3">Edit</a> </div>
										<!--end::Menu item-->

										<!--begin::Menu item-->
										<div class="menu-item px-3">
										{# <a href="{{ url('app_item_mgr') }}" class="menu-link px-3">Add  New Variation</a> </div> #}
										{# <a href="{{ path('app_modal', {'parameter': 'your_dynamic_value'}) }}" data-toggle="modal" data-target="#myModal"> #}

										<a href="{{ url('app_product_new_variation', {'uuid': 'your_dynamic_value'}) }}"  class="menu-link px-3">Add  New Variation</a> </div>
										<!--end::Menu item-->
										<!--begin::Menu item-->
										<div class="menu-item px-3"> <a href="#" class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row">Delete</a> </div>
										<!--end::Menu item-->
									</div>
									<!--end::Menu--></td>
							</tr>
							<tr>
								<td><div class="d-flex align-items-center">
									<!--begin::Thumbnail-->
									<a href="apps/ecommerce/catalog/edit-product.html" class="symbol symbol-50px"> <span class="symbol-label" style="background-image:url({{secure_assets}}/media//stock/ecommerce/2.png);"></span> </a>
									<!--end::Thumbnail-->
									<div class="ms-5">
										<!--begin::Title-->
										<a href="apps/ecommerce/catalog/edit-product.html" class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name">Product 2</a>
										<!--end::Title-->
										</div>
								</div></td>
								<td class="text-end pe-0" data-order="46"><span class="fw-bold ms-3">46</span></td>
								<td class="text-end pe-0">188</td>
								<td class="text-end pe-0" data-order="Scheduled"><!--begin::Badges-->
									<div class="badge badge-light-primary">Scheduled</div>
									<!--end::Badges--></td>
								<td class="text-end"><a href="#" class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">Actions <i class="ki-duotone ki-down fs-5 ms-1"></i></a>
									<!--begin::Menu-->
									<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg-light-primary fw-semibold fs-7 w-125px py-4" data-kt-menu="true">
										<!--begin::Menu item-->
										<div class="menu-item px-3"> <a href="apps/ecommerce/catalog/edit-product.html" class="menu-link px-3">Edit</a> </div>
										<!--end::Menu item-->
										<!--begin::Menu item-->
										<div class="menu-item px-3"> <a href="#" class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row">Delete</a> </div>
										<!--end::Menu item-->
									</div>
									<!--end::Menu--></td>
							</tr>
							<tr>
								<td><div class="d-flex align-items-center">
									<!--begin::Thumbnail-->
									<a href="apps/ecommerce/catalog/edit-product.html" class="symbol symbol-50px"> <span class="symbol-label" style="background-image:url({{secure_assets}}/media//stock/ecommerce/3.png);"></span> </a>
									<!--end::Thumbnail-->
									<div class="ms-5">
										<!--begin::Title-->
										<a href="apps/ecommerce/catalog/edit-product.html" class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name">Product 3</a>
										<!--end::Title-->
										</div>
								</div></td>
								<td class="text-end pe-0" data-order="18"><span class="fw-bold ms-3">18</span></td>
								<td class="text-end pe-0">296</td>
								<td class="text-end pe-0" data-order="Inactive"><!--begin::Badges-->
									<div class="badge badge-light-danger">Inactive</div>
									<!--end::Badges--></td>
								<td class="text-end"><a href="#" class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">Actions <i class="ki-duotone ki-down fs-5 ms-1"></i></a>
									<!--begin::Menu-->
									<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg-light-primary fw-semibold fs-7 w-125px py-4" data-kt-menu="true">
										<!--begin::Menu item-->
										<div class="menu-item px-3"> <a href="apps/ecommerce/catalog/edit-product.html" class="menu-link px-3">Edit</a> </div>
										<!--end::Menu item-->
										<!--begin::Menu item-->
										<div class="menu-item px-3"> <a href="#" class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row">Delete</a> </div>
										<!--end::Menu item-->
									</div>
									<!--end::Menu--></td>
							</tr>
							<tr>
								<td><div class="d-flex align-items-center">
									<!--begin::Thumbnail-->
									<a href="apps/ecommerce/catalog/edit-product.html" class="symbol symbol-50px"> <span class="symbol-label" style="background-image:url({{secure_assets}}/media//stock/ecommerce/4.png);"></span> </a>
									<!--end::Thumbnail-->
									<div class="ms-5">
										<!--begin::Title-->
										<a href="apps/ecommerce/catalog/edit-product.html" class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name">Product 4</a>
										<!--end::Title-->
										</div>
								</div></td>
								<td class="text-end pe-0" data-order="23"><span class="fw-bold ms-3">23</span></td>
								<td class="text-end pe-0">280</td>
								<td class="text-end pe-0" data-order="Scheduled"><!--begin::Badges-->
									<div class="badge badge-light-primary">Scheduled</div>
									<!--end::Badges--></td>
								<td class="text-end"><a href="#" class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">Actions <i class="ki-duotone ki-down fs-5 ms-1"></i></a>
									<!--begin::Menu-->
									<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg-light-primary fw-semibold fs-7 w-125px py-4" data-kt-menu="true">
										<!--begin::Menu item-->
										<div class="menu-item px-3"> <a href="apps/ecommerce/catalog/edit-product.html" class="menu-link px-3">Edit</a> </div>
										<!--end::Menu item-->
										<!--begin::Menu item-->
										<div class="menu-item px-3"> <a href="#" class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row">Delete</a> </div>
										<!--end::Menu item-->
									</div>
									<!--end::Menu--></td>
							</tr>
							<tr>
								<td><div class="d-flex align-items-center">
									<!--begin::Thumbnail-->
									<a href="apps/ecommerce/catalog/edit-product.html" class="symbol symbol-50px"> <span class="symbol-label" style="background-image:url({{secure_assets}}/media//stock/ecommerce/5.png);"></span> </a>
									<!--end::Thumbnail-->
									<div class="ms-5">
										<!--begin::Title-->
										<a href="apps/ecommerce/catalog/edit-product.html" class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name">Product 5</a>
										<!--end::Title-->
										</div>
								</div></td>
								<td class="text-end pe-0" data-order="45"><span class="fw-bold ms-3">45</span></td>
								<td class="text-end pe-0">276333</td>
								<td class="text-end pe-0" data-order="Published"><!--begin::Badges-->
									<div class="badge badge-light-success">Published</div>
									<!--end::Badges--></td>
								<td class="text-end"><a href="#" class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">Actions <i class="ki-duotone ki-down fs-5 ms-1"></i></a>
									<!--begin::Menu-->
									<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg-light-primary fw-semibold fs-7 w-125px py-4" data-kt-menu="true">
										<!--begin::Menu item-->
										<div class="menu-item px-3"> <a href="apps/ecommerce/catalog/edit-product.html" class="menu-link px-3">Edit</a> </div>
										<!--end::Menu item-->
										<!--begin::Menu item-->
										<div class="menu-item px-3"> <a href="#" class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row">Delete</a> </div>
										<!--end::Menu item-->
									</div>
									<!--end::Menu--></td>
							</tr>
							<tr>
								<td><div class="d-flex align-items-center">
									<!--begin::Thumbnail-->
									<a href="apps/ecommerce/catalog/edit-product.html" class="symbol symbol-50px"> <span class="symbol-label" style="background-image:url({{secure_assets}}/media//stock/ecommerce/6.png);"></span> </a>
									<!--end::Thumbnail-->
									<div class="ms-5">
										<!--begin::Title-->
										<a href="apps/ecommerce/catalog/edit-product.html" class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name">Product 6</a>
										<!--end::Title-->
										</div>
								</div></td>
								<td class="text-end pe-0" data-order="27"><span class="fw-bold ms-3">27</span></td>
								<td class="text-end pe-0">88</td>
								<td class="text-end pe-0" data-order="Scheduled"><!--begin::Badges-->
									<div class="badge badge-light-primary">Scheduled</div>
									<!--end::Badges--></td>
								<td class="text-end"><a href="#" class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">Actions <i class="ki-duotone ki-down fs-5 ms-1"></i></a>
									<!--begin::Menu-->
									<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg-light-primary fw-semibold fs-7 w-125px py-4" data-kt-menu="true">
										<!--begin::Menu item-->
										<div class="menu-item px-3"> <a href="apps/ecommerce/catalog/edit-product.html" class="menu-link px-3">Edit</a> </div>
										<!--end::Menu item-->
										<!--begin::Menu item-->
										<div class="menu-item px-3"> <a href="#" class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row">Delete</a> </div>
										<!--end::Menu item-->
									</div>
									<!--end::Menu--></td>
							</tr>
							<tr>
								<td><div class="d-flex align-items-center">
									<!--begin::Thumbnail-->
									<a href="apps/ecommerce/catalog/edit-product.html" class="symbol symbol-50px"> <span class="symbol-label" style="background-image:url({{secure_assets}}/media//stock/ecommerce/7.png);"></span> </a>
									<!--end::Thumbnail-->
									<div class="ms-5">
										<!--begin::Title-->
										<a href="apps/ecommerce/catalog/edit-product.html" class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name">Product 7</a>
										<!--end::Title-->
										</div>
								</div></td>
								<td class="text-end pe-0" data-order="27"><span class="fw-bold ms-3">27</span></td>
								<td class="text-end pe-0">152</td>
								<td class="text-end pe-0" data-order="Inactive"><!--begin::Badges-->
									<div class="badge badge-light-danger">Inactive</div>
									<!--end::Badges--></td>
								<td class="text-end"><a href="#" class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">Actions <i class="ki-duotone ki-down fs-5 ms-1"></i></a>
									<!--begin::Menu-->
									<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg-light-primary fw-semibold fs-7 w-125px py-4" data-kt-menu="true">
										<!--begin::Menu item-->
										<div class="menu-item px-3"> <a href="apps/ecommerce/catalog/edit-product.html" class="menu-link px-3">Edit</a> </div>
										<!--end::Menu item-->
										<!--begin::Menu item-->
										<div class="menu-item px-3"> <a href="#" class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row">Delete</a> </div>
										<!--end::Menu item-->
									</div>
									<!--end::Menu--></td>
							</tr>
							<tr>
								<td><div class="d-flex align-items-center">
									<!--begin::Thumbnail-->
									<a href="apps/ecommerce/catalog/edit-product.html" class="symbol symbol-50px"> <span class="symbol-label" style="background-image:url({{secure_assets}}/media//stock/ecommerce/8.png);"></span> </a>
									<!--end::Thumbnail-->
									<div class="ms-5">
										<!--begin::Title-->
										<a href="apps/ecommerce/catalog/edit-product.html" class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name">Product 8</a>
										<!--end::Title-->
										</div>
								</div></td>
								<td class="text-end pe-0" data-order="40"><span class="fw-bold ms-3">40</span></td>
								<td class="text-end pe-0">206</td>
								<td class="text-end pe-0" data-order="Published"><!--begin::Badges-->
									<div class="badge badge-light-success">Published</div>
									<!--end::Badges--></td>
								<td class="text-end"><a href="#" class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">Actions <i class="ki-duotone ki-down fs-5 ms-1"></i></a>
									<!--begin::Menu-->
									<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg-light-primary fw-semibold fs-7 w-125px py-4" data-kt-menu="true">
										<!--begin::Menu item-->
										<div class="menu-item px-3"> <a href="apps/ecommerce/catalog/edit-product.html" class="menu-link px-3">Edit</a> </div>
										<!--end::Menu item-->
										<!--begin::Menu item-->
										<div class="menu-item px-3"> <a href="#" class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row">Delete</a> </div>
										<!--end::Menu item-->
									</div>
									<!--end::Menu--></td>
							</tr>
							<tr>
								<td><div class="d-flex align-items-center">
									<!--begin::Thumbnail-->
									<a href="apps/ecommerce/catalog/edit-product.html" class="symbol symbol-50px"> <span class="symbol-label" style="background-image:url({{secure_assets}}/media//stock/ecommerce/9.png);"></span> </a>
									<!--end::Thumbnail-->
									<div class="ms-5">
										<!--begin::Title-->
										<a href="apps/ecommerce/catalog/edit-product.html" class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name">Product 9</a>
										<!--end::Title-->
										</div>
								</div></td>
								<td class="text-end pe-0" data-order="25"><span class="fw-bold ms-3">25</span></td>
								<td class="text-end pe-0">227</td>
								<td class="text-end pe-0" data-order="Published"><!--begin::Badges-->
									<div class="badge badge-light-success">Published</div>
									<!--end::Badges--></td>
								<td class="text-end"><a href="#" class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">Actions <i class="ki-duotone ki-down fs-5 ms-1"></i></a>
									<!--begin::Menu-->
									<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg-light-primary fw-semibold fs-7 w-125px py-4" data-kt-menu="true">
										<!--begin::Menu item-->
										<div class="menu-item px-3"> <a href="apps/ecommerce/catalog/edit-product.html" class="menu-link px-3">Edit</a> </div>
										<!--end::Menu item-->
										<!--begin::Menu item-->
										<div class="menu-item px-3"> <a href="#" class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row">Delete</a> </div>
										<!--end::Menu item-->
									</div>
									<!--end::Menu--></td>
							</tr>
							<tr>
								<td><div class="d-flex align-items-center">
									<!--begin::Thumbnail-->
									<a href="apps/ecommerce/catalog/edit-product.html" class="symbol symbol-50px"> <span class="symbol-label" style="background-image:url({{secure_assets}}/media//stock/ecommerce/10.png);"></span> </a>
									<!--end::Thumbnail-->
									<div class="ms-5">
										<!--begin::Title-->
										<a href="apps/ecommerce/catalog/edit-product.html" class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name">Product 10</a>
										<!--end::Title-->
										</div>
								</div></td>
								<td class="text-end pe-0" data-order="47"><span class="fw-bold ms-3">47</span></td>
								<td class="text-end pe-0">278</td>
								<td class="text-end pe-0" data-order="Inactive"><!--begin::Badges-->
									<div class="badge badge-light-danger">Inactive</div>
									<!--end::Badges--></td>
								<td class="text-end"><a href="#" class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">Actions <i class="ki-duotone ki-down fs-5 ms-1"></i></a>
									<!--begin::Menu-->
									<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg-light-primary fw-semibold fs-7 w-125px py-4" data-kt-menu="true">
										<!--begin::Menu item-->
										<div class="menu-item px-3"> <a href="apps/ecommerce/catalog/edit-product.html" class="menu-link px-3">Edit</a> </div>
										<!--end::Menu item-->
										<!--begin::Menu item-->
										<div class="menu-item px-3"> <a href="#" class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row">Delete</a> </div>
										<!--end::Menu item-->
									</div>
									<!--end::Menu--></td>
							</tr>
							<tr>
								<td><div class="d-flex align-items-center">
									<!--begin::Thumbnail-->
									<a href="apps/ecommerce/catalog/edit-product.html" class="symbol symbol-50px"> <span class="symbol-label" style="background-image:url({{secure_assets}}/media//stock/ecommerce/11.png);"></span> </a>
									<!--end::Thumbnail-->
									<div class="ms-5">
										<!--begin::Title-->
										<a href="apps/ecommerce/catalog/edit-product.html" class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name">Product 11</a>
										<!--end::Title-->
										</div>
								</div></td>
								<td class="text-end pe-0" data-order="2"><span class="badge badge-light-warning">Low stock</span> <span class="fw-bold text-warning ms-3">2</span></td>
								<td class="text-end pe-0">287</td>
								<td class="text-end pe-0" data-order="Published"><!--begin::Badges-->
									<div class="badge badge-light-success">Published</div>
									<!--end::Badges--></td>
								<td class="text-end"><a href="#" class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">Actions <i class="ki-duotone ki-down fs-5 ms-1"></i></a>
									<!--begin::Menu-->
									<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg-light-primary fw-semibold fs-7 w-125px py-4" data-kt-menu="true">
										<!--begin::Menu item-->
										<div class="menu-item px-3"> <a href="apps/ecommerce/catalog/edit-product.html" class="menu-link px-3">Edit</a> </div>
										<!--end::Menu item-->
										<!--begin::Menu item-->
										<div class="menu-item px-3"> <a href="#" class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row">Delete</a> </div>
										<!--end::Menu item-->
									</div>
									<!--end::Menu--></td>
							</tr>
							<tr>
								<td><div class="d-flex align-items-center">
									<!--begin::Thumbnail-->
									<a href="apps/ecommerce/catalog/edit-product.html" class="symbol symbol-50px"> <span class="symbol-label" style="background-image:url({{secure_assets}}/media//stock/ecommerce/12.png);"></span> </a>
									<!--end::Thumbnail-->
									<div class="ms-5">
										<!--begin::Title-->
										<a href="apps/ecommerce/catalog/edit-product.html" class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name">Product 12</a>
										<!--end::Title-->
										</div>
								</div></td>
								<td class="text-end pe-0" data-order="38"><span class="fw-bold ms-3">38</span></td>
								<td class="text-end pe-0">11</td>
								<td class="text-end pe-0" data-order="Scheduled"><!--begin::Badges-->
									<div class="badge badge-light-primary">Scheduled</div>
									<!--end::Badges--></td>
								<td class="text-end"><a href="#" class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">Actions <i class="ki-duotone ki-down fs-5 ms-1"></i></a>
									<!--begin::Menu-->
									<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg-light-primary fw-semibold fs-7 w-125px py-4" data-kt-menu="true">
										<!--begin::Menu item-->
										<div class="menu-item px-3"> <a href="apps/ecommerce/catalog/edit-product.html" class="menu-link px-3">Edit</a> </div>
										<!--end::Menu item-->
										<!--begin::Menu item-->
										<div class="menu-item px-3"> <a href="#" class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row">Delete</a> </div>
										<!--end::Menu item-->
									</div>
									<!--end::Menu--></td>
							</tr>
							<tr>
								<td><div class="d-flex align-items-center">
									<!--begin::Thumbnail-->
									<a href="apps/ecommerce/catalog/edit-product.html" class="symbol symbol-50px"> <span class="symbol-label" style="background-image:url({{secure_assets}}/media//stock/ecommerce/13.png);"></span> </a>
									<!--end::Thumbnail-->
									<div class="ms-5">
										<!--begin::Title-->
										<a href="apps/ecommerce/catalog/edit-product.html" class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name">Product 13</a>
										<!--end::Title-->
										</div>
								</div></td>
								<td class="text-end pe-0" data-order="18"><span class="fw-bold ms-3">18</span></td>
								<td class="text-end pe-0">50</td>
								<td class="text-end pe-0" data-order="Scheduled"><!--begin::Badges-->
									<div class="badge badge-light-primary">Scheduled</div>
									<!--end::Badges--></td>
								<td class="text-end"><a href="#" class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">Actions <i class="ki-duotone ki-down fs-5 ms-1"></i></a>
									<!--begin::Menu-->
									<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg-light-primary fw-semibold fs-7 w-125px py-4" data-kt-menu="true">
										<!--begin::Menu item-->
										<div class="menu-item px-3"> <a href="apps/ecommerce/catalog/edit-product.html" class="menu-link px-3">Edit</a> </div>
										<!--end::Menu item-->
										<!--begin::Menu item-->
										<div class="menu-item px-3"> <a href="#" class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row">Delete</a> </div>
										<!--end::Menu item-->
									</div>
									<!--end::Menu--></td>
							</tr>
							<tr>
								<td><div class="d-flex align-items-center">
									<!--begin::Thumbnail-->
									<a href="apps/ecommerce/catalog/edit-product.html" class="symbol symbol-50px"> <span class="symbol-label" style="background-image:url({{secure_assets}}/media//stock/ecommerce/14.png);"></span> </a>
									<!--end::Thumbnail-->
									<div class="ms-5">
										<!--begin::Title-->
										<a href="apps/ecommerce/catalog/edit-product.html" class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name">Product 14</a>
										<!--end::Title-->
										</div>
								</div></td>
								<td class="text-end pe-0" data-order="2"><span class="badge badge-light-warning">Low stock</span> <span class="fw-bold text-warning ms-3">2</span></td>
								<td class="text-end pe-0">174</td>
								<td class="text-end pe-0" data-order="Published"><!--begin::Badges-->
									<div class="badge badge-light-success">Published</div>
									<!--end::Badges--></td>
								<td class="text-end"><a href="#" class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">Actions <i class="ki-duotone ki-down fs-5 ms-1"></i></a>
									<!--begin::Menu-->
									<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg-light-primary fw-semibold fs-7 w-125px py-4" data-kt-menu="true">
										<!--begin::Menu item-->
										<div class="menu-item px-3"> <a href="apps/ecommerce/catalog/edit-product.html" class="menu-link px-3">Edit</a> </div>
										<!--end::Menu item-->
										<!--begin::Menu item-->
										<div class="menu-item px-3"> <a href="#" class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row">Delete</a> </div>
										<!--end::Menu item-->
									</div>
									<!--end::Menu--></td>
							</tr>
							<tr>
								<td><div class="d-flex align-items-center">
									<!--begin::Thumbnail-->
									<a href="apps/ecommerce/catalog/edit-product.html" class="symbol symbol-50px"> <span class="symbol-label" style="background-image:url({{secure_assets}}/media//stock/ecommerce/15.png);"></span> </a>
									<!--end::Thumbnail-->
									<div class="ms-5">
										<!--begin::Title-->
										<a href="apps/ecommerce/catalog/edit-product.html" class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name">Product 15</a>
										<!--end::Title-->
										</div>
								</div></td>
								<td class="text-end pe-0" data-order="47"><span class="fw-bold ms-3">47</span></td>
								<td class="text-end pe-0">122</td>
								<td class="text-end pe-0" data-order="Scheduled"><!--begin::Badges-->
									<div class="badge badge-light-primary">Scheduled</div>
									<!--end::Badges--></td>
								<td class="text-end"><a href="#" class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">Actions <i class="ki-duotone ki-down fs-5 ms-1"></i></a>
									<!--begin::Menu-->
									<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg-light-primary fw-semibold fs-7 w-125px py-4" data-kt-menu="true">
										<!--begin::Menu item-->
										<div class="menu-item px-3"> <a href="apps/ecommerce/catalog/edit-product.html" class="menu-link px-3">Edit</a> </div>
										<!--end::Menu item-->
										<!--begin::Menu item-->
										<div class="menu-item px-3"> <a href="#" class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row">Delete</a> </div>
										<!--end::Menu item-->
									</div>
									<!--end::Menu--></td>
							</tr>
							<tr>
								<td><div class="d-flex align-items-center">
									<!--begin::Thumbnail-->
									<a href="apps/ecommerce/catalog/edit-product.html" class="symbol symbol-50px"> <span class="symbol-label" style="background-image:url({{secure_assets}}/media//stock/ecommerce/16.png);"></span> </a>
									<!--end::Thumbnail-->
									<div class="ms-5">
										<!--begin::Title-->
										<a href="apps/ecommerce/catalog/edit-product.html" class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name">Product 16</a>
										<!--end::Title-->
										</div>
								</div></td>
								<td class="text-end pe-0" data-order="40"><span class="fw-bold ms-3">40</span></td>
								<td class="text-end pe-0">42</td>
								<td class="text-end pe-0" data-order="Published"><!--begin::Badges-->
									<div class="badge badge-light-success">Published</div>
									<!--end::Badges--></td>
								<td class="text-end"><a href="#" class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">Actions <i class="ki-duotone ki-down fs-5 ms-1"></i></a>
									<!--begin::Menu-->
									<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg-light-primary fw-semibold fs-7 w-125px py-4" data-kt-menu="true">
										<!--begin::Menu item-->
										<div class="menu-item px-3"> <a href="apps/ecommerce/catalog/edit-product.html" class="menu-link px-3">Edit</a> </div>
										<!--end::Menu item-->
										<!--begin::Menu item-->
										<div class="menu-item px-3"> <a href="#" class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row">Delete</a> </div>
										<!--end::Menu item-->
									</div>
									<!--end::Menu--></td>
							</tr>
							<tr>
								<td><div class="d-flex align-items-center">
									<!--begin::Thumbnail-->
									<a href="apps/ecommerce/catalog/edit-product.html" class="symbol symbol-50px"> <span class="symbol-label" style="background-image:url({{secure_assets}}/media//stock/ecommerce/17.png);"></span> </a>
									<!--end::Thumbnail-->
									<div class="ms-5">
										<!--begin::Title-->
										<a href="apps/ecommerce/catalog/edit-product.html" class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name">Product 17</a>
										<!--end::Title-->
										</div>
								</div></td>
								<td class="text-end pe-0" data-order="7"><span class="badge badge-light-warning">Low stock</span> <span class="fw-bold text-warning ms-3">7</span></td>
								<td class="text-end pe-0">167</td>
								<td class="text-end pe-0" data-order="Scheduled"><!--begin::Badges-->
									<div class="badge badge-light-primary">Scheduled</div>
									<!--end::Badges--></td>
								<td class="text-end"><a href="#" class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">Actions <i class="ki-duotone ki-down fs-5 ms-1"></i></a>
									<!--begin::Menu-->
									<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg-light-primary fw-semibold fs-7 w-125px py-4" data-kt-menu="true">
										<!--begin::Menu item-->
										<div class="menu-item px-3"> <a href="apps/ecommerce/catalog/edit-product.html" class="menu-link px-3">Edit</a> </div>
										<!--end::Menu item-->
										<!--begin::Menu item-->
										<div class="menu-item px-3"> <a href="#" class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row">Delete</a> </div>
										<!--end::Menu item-->
									</div>
									<!--end::Menu--></td>
							</tr>
							<tr>
								<td><div class="d-flex align-items-center">
									<!--begin::Thumbnail-->
									<a href="apps/ecommerce/catalog/edit-product.html" class="symbol symbol-50px"> <span class="symbol-label" style="background-image:url({{secure_assets}}/media//stock/ecommerce/18.png);"></span> </a>
									<!--end::Thumbnail-->
									<div class="ms-5">
										<!--begin::Title-->
										<a href="apps/ecommerce/catalog/edit-product.html" class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name">Product 18</a>
										<!--end::Title-->
										</div>
								</div></td>
								<td class="text-end pe-0" data-order="21"><span class="fw-bold ms-3">21</span></td>
								<td class="text-end pe-0">42</td>
								<td class="text-end pe-0" data-order="Scheduled"><!--begin::Badges-->
									<div class="badge badge-light-primary">Scheduled</div>
									<!--end::Badges--></td>
								<td class="text-end"><a href="#" class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">Actions <i class="ki-duotone ki-down fs-5 ms-1"></i></a>
									<!--begin::Menu-->
									<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg-light-primary fw-semibold fs-7 w-125px py-4" data-kt-menu="true">
										<!--begin::Menu item-->
										<div class="menu-item px-3"> <a href="apps/ecommerce/catalog/edit-product.html" class="menu-link px-3">Edit</a> </div>
										<!--end::Menu item-->
										<!--begin::Menu item-->
										<div class="menu-item px-3"> <a href="#" class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row">Delete</a> </div>
										<!--end::Menu item-->
									</div>
									<!--end::Menu--></td>
							</tr>
							<tr>
								<td><div class="d-flex align-items-center">
									<!--begin::Thumbnail-->
									<a href="apps/ecommerce/catalog/edit-product.html" class="symbol symbol-50px"> <span class="symbol-label" style="background-image:url({{secure_assets}}/media//stock/ecommerce/19.png);"></span> </a>
									<!--end::Thumbnail-->
									<div class="ms-5">
										<!--begin::Title-->
										<a href="apps/ecommerce/catalog/edit-product.html" class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name">Product 19</a>
										<!--end::Title-->
										</div>
								</div></td>
								<td class="text-end pe-0" data-order="13"><span class="fw-bold ms-3">13</span></td>
								<td class="text-end pe-0">64</td>
								<td class="text-end pe-0" data-order="Published"><!--begin::Badges-->
									<div class="badge badge-light-success">Published</div>
									<!--end::Badges--></td>
								<td class="text-end"><a href="#" class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">Actions <i class="ki-duotone ki-down fs-5 ms-1"></i></a>
									<!--begin::Menu-->
									<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg-light-primary fw-semibold fs-7 w-125px py-4" data-kt-menu="true">
										<!--begin::Menu item-->
										<div class="menu-item px-3"> <a href="apps/ecommerce/catalog/edit-product.html" class="menu-link px-3">Edit</a> </div>
										<!--end::Menu item-->
										<!--begin::Menu item-->
										<div class="menu-item px-3"> <a href="#" class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row">Delete</a> </div>
										<!--end::Menu item-->
									</div>
									<!--end::Menu--></td>
							</tr>
							<tr>
								<td><div class="d-flex align-items-center">
									<!--begin::Thumbnail-->
									<a href="apps/ecommerce/catalog/edit-product.html" class="symbol symbol-50px"> <span class="symbol-label" style="background-image:url({{secure_assets}}/media//stock/ecommerce/20.png);"></span> </a>
									<!--end::Thumbnail-->
									<div class="ms-5">
										<!--begin::Title-->
										<a href="apps/ecommerce/catalog/edit-product.html" class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name">Product 20</a>
										<!--end::Title-->
										</div>
								</div></td>
								<td class="text-end pe-0" data-order="17"><span class="fw-bold ms-3">17</span></td>
								<td class="text-end pe-0">55</td>
								<td class="text-end pe-0" data-order="Published"><!--begin::Badges-->
									<div class="badge badge-light-success">Published</div>
									<!--end::Badges--></td>
								<td class="text-end"><a href="#" class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">Actions <i class="ki-duotone ki-down fs-5 ms-1"></i></a>
									<!--begin::Menu-->
									<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg-light-primary fw-semibold fs-7 w-125px py-4" data-kt-menu="true">
										<!--begin::Menu item-->
										<div class="menu-item px-3"> <a href="apps/ecommerce/catalog/edit-product.html" class="menu-link px-3">Edit</a> </div>
										<!--end::Menu item-->
										<!--begin::Menu item-->
										<div class="menu-item px-3"> <a href="#" class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row">Delete</a> </div>
										<!--end::Menu item-->
									</div>
									<!--end::Menu--></td>
							</tr>
						</tbody>
					</table>
				<!--end::Table-->
			</div>

			<!--end::Card body-->

			<div class="separator my-7"></div>
			<div class="d-flex flex-column gap-5 pb-10">
				<ul class="pagination">
						<li class="page-item previous disabled">
								<span class="page-link page-text">Previous</span></span>
						</li>
						<li class="page-item "><a href="#" class="page-link">1</a></li>
						<li class="page-item active"><a href="#" class="page-link">2</a></li>
						<li class="page-item "><a href="#" class="page-link">3</a></li>
						<li class="page-item "><a href="#" class="page-link">4</a></li>
						<li class="page-item "><a href="#" class="page-link">5</a></li>
						<li class="page-item "><a href="#" class="page-link">6</a></li>
						<li class="page-item next">
								<a class="page-link page-text" href="#">Next</span></a>
						</li>
				</ul>
			</div>
		</div>
		<!--end::Products-->
	</div>
	<!--end::Container-->
</div>
<!--end::Post-->

{% endblock %}

{% block modal %}

{% if app.request.query.get('puuid') is defined %}

    {% set uuidQueryParam = app.request.query.get('puuid') %}
    {% include 'modal/show.html.twig' with {puuid: uuidQueryParam} %}

{% endif %}

{% endblock %}

{% block Javascript %}
<script  type="text/javascript" src="{{secure_assets}}/plugins/custom/datatables/datatables.bundle.js"></script>
{% endblock %}