Cannot read properties of null (reading 'classList') in plugins.bundle.js

Hi Guys,

I've encountered an issue with the Blazor starter kit (v 8.20).
I am working with the e-commerce app.
when I'm loading any page that loads the "js/custom/apps/ecommerce/catalog/save-category.js" file (Products.razor) for example, I'm facing an issue with the /plugins.bundle.js file. i would appreciate your help happy

details Error message:
warn: Microsoft.AspNetCore.Components.Server.Circuits.RemoteRenderer[100] Unhandled exception rendering component: Cannot read properties of null (reading 'classList') TypeError: Cannot read properties of null (reading 'classList') at http://localhost:5070/assets/plugins/global/plugins.bundle.js:26258:14648 at Array.forEach (<anonymous>) at http://localhost:5070/assets/plugins/global/plugins.bundle.js:26258:14625 at http://localhost:5070/assets/plugins/global/plugins.bundle.js:26258:14765 at Array.forEach (<anonymous>) at classSet (http://localhost:5070/assets/plugins/global/plugins.bundle.js:26258:14570) at i.install (http://localhost:5070/assets/plugins/global/plugins.bundle.js:26267:1236) at t.install (http://localhost:5070/assets/plugins/global/plugins.bundle.js:26279:1503) at e.registerPlugin (http://localhost:5070/assets/plugins/global/plugins.bundle.js:26258:3035) at http://localhost:5070/assets/plugins/global/plugins.bundle.js:26258:17181 Microsoft.JSInterop.JSException: Cannot read properties of null (reading 'classList') TypeError: Cannot read properties of null (reading 'classList') at http://localhost:5070/assets/plugins/global/plugins.bundle.js:26258:14648 at Array.forEach (<anonymous>) at http://localhost:5070/assets/plugins/global/plugins.bundle.js:26258:14625 at http://localhost:5070/assets/plugins/global/plugins.bundle.js:26258:14765 at Array.forEach (<anonymous>) at classSet (http://localhost:5070/assets/plugins/global/plugins.bundle.js:26258:14570) at i.install (http://localhost:5070/assets/plugins/global/plugins.bundle.js:26267:1236) at t.install (http://localhost:5070/assets/plugins/global/plugins.bundle.js:26279:1503) at e.registerPlugin (http://localhost:5070/assets/plugins/global/plugins.bundle.js:26258:3035) at http://localhost:5070/assets/plugins/global/plugins.bundle.js:26258:17181 at Microsoft.JSInterop.JSRuntime.InvokeAsync[TValue](Int64 targetInstanceId, String identifier, Object[] args) at Microsoft.JSInterop.JSRuntimeExtensions.InvokeVoidAsync(IJSRuntime jsRuntime, String identifier, Object[] args) at Starterkit.apps.ecommerce.catalog.EditProduct.OnAfterRenderAsync(Boolean firstRender) in /Users/newmacbookpro/Desktop/client_app/Starterkit/apps/ecommerce/catalog/EditProduct.razor:line 1903 at Microsoft.AspNetCore.Components.RenderTree.Renderer.GetErrorHandledTask(Task taskToHandle, ComponentState owningComponentState) fail: Microsoft.AspNetCore.Components.Server.Circuits.CircuitHost[111] Unhandled exception in circuit 'k0QEvhu1Zl_UhgWtCuaT_zPsStLL86yWP9OwVakflC8'. Microsoft.JSInterop.JSException: Cannot read properties of null (reading 'classList') TypeError: Cannot read properties of null (reading 'classList') at http://localhost:5070/assets/plugins/global/plugins.bundle.js:26258:14648 at Array.forEach (<anonymous>) at http://localhost:5070/assets/plugins/global/plugins.bundle.js:26258:14625 at http://localhost:5070/assets/plugins/global/plugins.bundle.js:26258:14765 at Array.forEach (<anonymous>) at classSet (http://localhost:5070/assets/plugins/global/plugins.bundle.js:26258:14570) at i.install (http://localhost:5070/assets/plugins/global/plugins.bundle.js:26267:1236) at t.install (http://localhost:5070/assets/plugins/global/plugins.bundle.js:26279:1503) at e.registerPlugin (http://localhost:5070/assets/plugins/global/plugins.bundle.js:26258:3035) at http://localhost:5070/assets/plugins/global/plugins.bundle.js:26258:17181 at Microsoft.JSInterop.JSRuntime.InvokeAsync[TValue](Int64 targetInstanceId, String identifier, Object[] args) at Microsoft.JSInterop.JSRuntimeExtensions.InvokeVoidAsync(IJSRuntime jsRuntime, String identifier, Object[] args) at Starterkit.apps.ecommerce.catalog.EditProduct.OnAfterRenderAsync(Boolean firstRender) in /Users/newmacbookpro/Desktop/client_app/Starterkit/apps/ecommerce/catalog/EditProduct.razor:line 1903 at Microsoft.AspNetCore.Components.RenderTree.Renderer.GetErrorHandledTask(Task taskToHandle, ComponentState owningComponentState)

the code I am using for the Product page:
@page "/ecommerce/catalog/products"

<div class="app-content flex-column-fluid" id="kt_app_content">
 <!--begin::Content container-->
 <div class="app-container container-xxl" id="kt_app_content_container">
 <!--begin::Products-->
 <div class="card card-flush">
 <!--begin::Card header-->
 <div class="card-header align-items-center py-5 gap-2 gap-md-5">
 <!--begin::Card title-->
 <div class="card-title">
 <!--begin::Search-->
 <div class="d-flex align-items-center position-relative my-1">
 <i class="ki-duotone ki-magnifier fs-3 position-absolute ms-4">
 <span class="path1">
 </span>
 <span class="path2">
 </span>
 </i>
 <input class="form-control form-control-solid w-250px ps-12" data-kt-ecommerce-product-filter="search" placeholder="Search Product" type="text"/>
 </div>
 <!--end::Search-->
 </div>
 <!--end::Card title-->
 <!--begin::Card toolbar-->
 <div class="card-toolbar flex-row-fluid justify-content-end gap-5">
 <div class="w-100 mw-150px">
 <!--begin::Select2-->
 <select class="form-select form-select-solid" data-control="select2" data-hide-search="true" data-kt-ecommerce-product-filter="status" data-placeholder="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-->
 <a class="btn btn-primary" href="/ecommerce/catalog/add-product">
 Add Product
 </a>
 <!--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-400 fw-bold fs-7 text-uppercase gs-0">
 <th class="w-10px pe-2">
 <div class="form-check form-check-sm form-check-custom form-check-solid me-3">
 <input class="form-check-input" data-kt-check="true" data-kt-check-target="#kt_ecommerce_products_table .form-check-input" type="checkbox" value="1"/>
 </div>
 </th>
 <th class="min-w-200px">
 Product
 </th>
 <th class="text-end min-w-100px">
 SKU
 </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">
 Rating
 </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="form-check form-check-sm form-check-custom form-check-solid">
 <input class="form-check-input" type="checkbox" value="1"/>
 </div>
 </td>
 <td>
 <div class="d-flex align-items-center">
 <!--begin::Thumbnail-->
 <a class="symbol symbol-50px" href="/ecommerce/catalog/edit-product">
 <span class="symbol-label" >
 </span>
 </a>
 <!--end::Thumbnail-->
 <div class="ms-5">
 <!--begin::Title-->
 <a class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name" href="/ecommerce/catalog/edit-product">
 Product 1
 </a>
 <!--end::Title-->
 </div>
 </div>
 </td>
 <td class="text-end pe-0">
 <span class="fw-bold">
 03168001
 </span>
 </td>
 <td class="text-end pe-0" data-order="0">
 <span class="badge badge-light-danger">
 Sold out
 </span>
 <span class="fw-bold text-danger ms-3">
 0
 </span>
 </td>
 <td class="text-end pe-0">
 13
 </td>
 <td class="text-end pe-0" data-order="rating-5">
 <div class="rating justify-content-end">
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 </div>
 </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 class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-placement="bottom-end" data-kt-menu-trigger="click" href="#">
 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 class="menu-link px-3" href="/ecommerce/catalog/edit-product">
 Edit
 </a>
 </div>
 <!--end::Menu item-->
 <!--begin::Menu item-->
 <div class="menu-item px-3">
 <a class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row" href="#">
 Delete
 </a>
 </div>
 <!--end::Menu item-->
 </div>
 <!--end::Menu-->
 </td>
 </tr>
 <tr>
 <td>
 <div class="form-check form-check-sm form-check-custom form-check-solid">
 <input class="form-check-input" type="checkbox" value="1"/>
 </div>
 </td>
 <td>
 <div class="d-flex align-items-center">
 <!--begin::Thumbnail-->
 <a class="symbol symbol-50px" href="/ecommerce/catalog/edit-product">
 <span class="symbol-label" >
 </span>
 </a>
 <!--end::Thumbnail-->
 <div class="ms-5">
 <!--begin::Title-->
 <a class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name" href="/ecommerce/catalog/edit-product">
 Product 2
 </a>
 <!--end::Title-->
 </div>
 </div>
 </td>
 <td class="text-end pe-0">
 <span class="fw-bold">
 02131003
 </span>
 </td>
 <td class="text-end pe-0" data-order="43">
 <span class="fw-bold ms-3">
 43
 </span>
 </td>
 <td class="text-end pe-0">
 12
 </td>
 <td class="text-end pe-0" data-order="rating-4">
 <div class="rating justify-content-end">
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 </div>
 </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 class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-placement="bottom-end" data-kt-menu-trigger="click" href="#">
 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 class="menu-link px-3" href="/ecommerce/catalog/edit-product">
 Edit
 </a>
 </div>
 <!--end::Menu item-->
 <!--begin::Menu item-->
 <div class="menu-item px-3">
 <a class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row" href="#">
 Delete
 </a>
 </div>
 <!--end::Menu item-->
 </div>
 <!--end::Menu-->
 </td>
 </tr>
 <tr>
 <td>
 <div class="form-check form-check-sm form-check-custom form-check-solid">
 <input class="form-check-input" type="checkbox" value="1"/>
 </div>
 </td>
 <td>
 <div class="d-flex align-items-center">
 <!--begin::Thumbnail-->
 <a class="symbol symbol-50px" href="/ecommerce/catalog/edit-product">
 <span class="symbol-label" >
 </span>
 </a>
 <!--end::Thumbnail-->
 <div class="ms-5">
 <!--begin::Title-->
 <a class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name" href="/ecommerce/catalog/edit-product">
 Product 3
 </a>
 <!--end::Title-->
 </div>
 </div>
 </td>
 <td class="text-end pe-0">
 <span class="fw-bold">
 04224007
 </span>
 </td>
 <td class="text-end pe-0" data-order="24">
 <span class="fw-bold ms-3">
 24
 </span>
 </td>
 <td class="text-end pe-0">
 28
 </td>
 <td class="text-end pe-0" data-order="rating-3">
 <div class="rating justify-content-end">
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 </div>
 </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 class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-placement="bottom-end" data-kt-menu-trigger="click" href="#">
 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 class="menu-link px-3" href="/ecommerce/catalog/edit-product">
 Edit
 </a>
 </div>
 <!--end::Menu item-->
 <!--begin::Menu item-->
 <div class="menu-item px-3">
 <a class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row" href="#">
 Delete
 </a>
 </div>
 <!--end::Menu item-->
 </div>
 <!--end::Menu-->
 </td>
 </tr>
 <tr>
 <td>
 <div class="form-check form-check-sm form-check-custom form-check-solid">
 <input class="form-check-input" type="checkbox" value="1"/>
 </div>
 </td>
 <td>
 <div class="d-flex align-items-center">
 <!--begin::Thumbnail-->
 <a class="symbol symbol-50px" href="/ecommerce/catalog/edit-product">
 <span class="symbol-label" >
 </span>
 </a>
 <!--end::Thumbnail-->
 <div class="ms-5">
 <!--begin::Title-->
 <a class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name" href="/ecommerce/catalog/edit-product">
 Product 4
 </a>
 <!--end::Title-->
 </div>
 </div>
 </td>
 <td class="text-end pe-0">
 <span class="fw-bold">
 04903007
 </span>
 </td>
 <td class="text-end pe-0" data-order="4">
 <span class="badge badge-light-warning">
 Low stock
 </span>
 <span class="fw-bold text-warning ms-3">
 4
 </span>
 </td>
 <td class="text-end pe-0">
 263
 </td>
 <td class="text-end pe-0" data-order="rating-4">
 <div class="rating justify-content-end">
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 </div>
 </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 class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-placement="bottom-end" data-kt-menu-trigger="click" href="#">
 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 class="menu-link px-3" href="/ecommerce/catalog/edit-product">
 Edit
 </a>
 </div>
 <!--end::Menu item-->
 <!--begin::Menu item-->
 <div class="menu-item px-3">
 <a class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row" href="#">
 Delete
 </a>
 </div>
 <!--end::Menu item-->
 </div>
 <!--end::Menu-->
 </td>
 </tr>
 <tr>
 <td>
 <div class="form-check form-check-sm form-check-custom form-check-solid">
 <input class="form-check-input" type="checkbox" value="1"/>
 </div>
 </td>
 <td>
 <div class="d-flex align-items-center">
 <!--begin::Thumbnail-->
 <a class="symbol symbol-50px" href="/ecommerce/catalog/edit-product">
 <span class="symbol-label" >
 </span>
 </a>
 <!--end::Thumbnail-->
 <div class="ms-5">
 <!--begin::Title-->
 <a class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name" href="/ecommerce/catalog/edit-product">
 Product 5
 </a>
 <!--end::Title-->
 </div>
 </div>
 </td>
 <td class="text-end pe-0">
 <span class="fw-bold">
 04757001
 </span>
 </td>
 <td class="text-end pe-0" data-order="9">
 <span class="badge badge-light-warning">
 Low stock
 </span>
 <span class="fw-bold text-warning ms-3">
 9
 </span>
 </td>
 <td class="text-end pe-0">
 160
 </td>
 <td class="text-end pe-0" data-order="rating-4">
 <div class="rating justify-content-end">
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 </div>
 </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 class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-placement="bottom-end" data-kt-menu-trigger="click" href="#">
 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 class="menu-link px-3" href="/ecommerce/catalog/edit-product">
 Edit
 </a>
 </div>
 <!--end::Menu item-->
 <!--begin::Menu item-->
 <div class="menu-item px-3">
 <a class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row" href="#">
 Delete
 </a>
 </div>
 <!--end::Menu item-->
 </div>
 <!--end::Menu-->
 </td>
 </tr>
 <tr>
 <td>
 <div class="form-check form-check-sm form-check-custom form-check-solid">
 <input class="form-check-input" type="checkbox" value="1"/>
 </div>
 </td>
 <td>
 <div class="d-flex align-items-center">
 <!--begin::Thumbnail-->
 <a class="symbol symbol-50px" href="/ecommerce/catalog/edit-product">
 <span class="symbol-label" >
 </span>
 </a>
 <!--end::Thumbnail-->
 <div class="ms-5">
 <!--begin::Title-->
 <a class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name" href="/ecommerce/catalog/edit-product">
 Product 6
 </a>
 <!--end::Title-->
 </div>
 </div>
 </td>
 <td class="text-end pe-0">
 <span class="fw-bold">
 01800009
 </span>
 </td>
 <td class="text-end pe-0" data-order="5">
 <span class="badge badge-light-warning">
 Low stock
 </span>
 <span class="fw-bold text-warning ms-3">
 5
 </span>
 </td>
 <td class="text-end pe-0">
 19
 </td>
 <td class="text-end pe-0" data-order="rating-3">
 <div class="rating justify-content-end">
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 </div>
 </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 class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-placement="bottom-end" data-kt-menu-trigger="click" href="#">
 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 class="menu-link px-3" href="/ecommerce/catalog/edit-product">
 Edit
 </a>
 </div>
 <!--end::Menu item-->
 <!--begin::Menu item-->
 <div class="menu-item px-3">
 <a class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row" href="#">
 Delete
 </a>
 </div>
 <!--end::Menu item-->
 </div>
 <!--end::Menu-->
 </td>
 </tr>
 <tr>
 <td>
 <div class="form-check form-check-sm form-check-custom form-check-solid">
 <input class="form-check-input" type="checkbox" value="1"/>
 </div>
 </td>
 <td>
 <div class="d-flex align-items-center">
 <!--begin::Thumbnail-->
 <a class="symbol symbol-50px" href="/ecommerce/catalog/edit-product">
 <span class="symbol-label" >
 </span>
 </a>
 <!--end::Thumbnail-->
 <div class="ms-5">
 <!--begin::Title-->
 <a class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name" href="/ecommerce/catalog/edit-product">
 Product 7
 </a>
 <!--end::Title-->
 </div>
 </div>
 </td>
 <td class="text-end pe-0">
 <span class="fw-bold">
 03245007
 </span>
 </td>
 <td class="text-end pe-0" data-order="29">
 <span class="fw-bold ms-3">
 29
 </span>
 </td>
 <td class="text-end pe-0">
 275
 </td>
 <td class="text-end pe-0" data-order="rating-3">
 <div class="rating justify-content-end">
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 </div>
 </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 class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-placement="bottom-end" data-kt-menu-trigger="click" href="#">
 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 class="menu-link px-3" href="/ecommerce/catalog/edit-product">
 Edit
 </a>
 </div>
 <!--end::Menu item-->
 <!--begin::Menu item-->
 <div class="menu-item px-3">
 <a class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row" href="#">
 Delete
 </a>
 </div>
 <!--end::Menu item-->
 </div>
 <!--end::Menu-->
 </td>
 </tr>
 <tr>
 <td>
 <div class="form-check form-check-sm form-check-custom form-check-solid">
 <input class="form-check-input" type="checkbox" value="1"/>
 </div>
 </td>
 <td>
 <div class="d-flex align-items-center">
 <!--begin::Thumbnail-->
 <a class="symbol symbol-50px" href="/ecommerce/catalog/edit-product">
 <span class="symbol-label" >
 </span>
 </a>
 <!--end::Thumbnail-->
 <div class="ms-5">
 <!--begin::Title-->
 <a class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name" href="/ecommerce/catalog/edit-product">
 Product 8
 </a>
 <!--end::Title-->
 </div>
 </div>
 </td>
 <td class="text-end pe-0">
 <span class="fw-bold">
 04160003
 </span>
 </td>
 <td class="text-end pe-0" data-order="0">
 <span class="badge badge-light-danger">
 Sold out
 </span>
 <span class="fw-bold text-danger ms-3">
 0
 </span>
 </td>
 <td class="text-end pe-0">
 263
 </td>
 <td class="text-end pe-0" data-order="rating-4">
 <div class="rating justify-content-end">
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 </div>
 </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 class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-placement="bottom-end" data-kt-menu-trigger="click" href="#">
 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 class="menu-link px-3" href="/ecommerce/catalog/edit-product">
 Edit
 </a>
 </div>
 <!--end::Menu item-->
 <!--begin::Menu item-->
 <div class="menu-item px-3">
 <a class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row" href="#">
 Delete
 </a>
 </div>
 <!--end::Menu item-->
 </div>
 <!--end::Menu-->
 </td>
 </tr>
 <tr>
 <td>
 <div class="form-check form-check-sm form-check-custom form-check-solid">
 <input class="form-check-input" type="checkbox" value="1"/>
 </div>
 </td>
 <td>
 <div class="d-flex align-items-center">
 <!--begin::Thumbnail-->
 <a class="symbol symbol-50px" href="/ecommerce/catalog/edit-product">
 <span class="symbol-label" >
 </span>
 </a>
 <!--end::Thumbnail-->
 <div class="ms-5">
 <!--begin::Title-->
 <a class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name" href="/ecommerce/catalog/edit-product">
 Product 9
 </a>
 <!--end::Title-->
 </div>
 </div>
 </td>
 <td class="text-end pe-0">
 <span class="fw-bold">
 02490004
 </span>
 </td>
 <td class="text-end pe-0" data-order="19">
 <span class="fw-bold ms-3">
 19
 </span>
 </td>
 <td class="text-end pe-0">
 171
 </td>
 <td class="text-end pe-0" data-order="rating-3">
 <div class="rating justify-content-end">
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 </div>
 </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 class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-placement="bottom-end" data-kt-menu-trigger="click" href="#">
 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 class="menu-link px-3" href="/ecommerce/catalog/edit-product">
 Edit
 </a>
 </div>
 <!--end::Menu item-->
 <!--begin::Menu item-->
 <div class="menu-item px-3">
 <a class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row" href="#">
 Delete
 </a>
 </div>
 <!--end::Menu item-->
 </div>
 <!--end::Menu-->
 </td>
 </tr>
 <tr>
 <td>
 <div class="form-check form-check-sm form-check-custom form-check-solid">
 <input class="form-check-input" type="checkbox" value="1"/>
 </div>
 </td>
 <td>
 <div class="d-flex align-items-center">
 <!--begin::Thumbnail-->
 <a class="symbol symbol-50px" href="/ecommerce/catalog/edit-product">
 <span class="symbol-label" >
 </span>
 </a>
 <!--end::Thumbnail-->
 <div class="ms-5">
 <!--begin::Title-->
 <a class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name" href="/ecommerce/catalog/edit-product">
 Product 10
 </a>
 <!--end::Title-->
 </div>
 </div>
 </td>
 <td class="text-end pe-0">
 <span class="fw-bold">
 01350009
 </span>
 </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">
 99
 </td>
 <td class="text-end pe-0" data-order="rating-4">
 <div class="rating justify-content-end">
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 </div>
 </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 class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-placement="bottom-end" data-kt-menu-trigger="click" href="#">
 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 class="menu-link px-3" href="/ecommerce/catalog/edit-product">
 Edit
 </a>
 </div>
 <!--end::Menu item-->
 <!--begin::Menu item-->
 <div class="menu-item px-3">
 <a class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row" href="#">
 Delete
 </a>
 </div>
 <!--end::Menu item-->
 </div>
 <!--end::Menu-->
 </td>
 </tr>
 <tr>
 <td>
 <div class="form-check form-check-sm form-check-custom form-check-solid">
 <input class="form-check-input" type="checkbox" value="1"/>
 </div>
 </td>
 <td>
 <div class="d-flex align-items-center">
 <!--begin::Thumbnail-->
 <a class="symbol symbol-50px" href="/ecommerce/catalog/edit-product">
 <span class="symbol-label" >
 </span>
 </a>
 <!--end::Thumbnail-->
 <div class="ms-5">
 <!--begin::Title-->
 <a class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name" href="/ecommerce/catalog/edit-product">
 Product 11
 </a>
 <!--end::Title-->
 </div>
 </div>
 </td>
 <td class="text-end pe-0">
 <span class="fw-bold">
 01661004
 </span>
 </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">
 299
 </td>
 <td class="text-end pe-0" data-order="rating-4">
 <div class="rating justify-content-end">
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 </div>
 </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 class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-placement="bottom-end" data-kt-menu-trigger="click" href="#">
 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 class="menu-link px-3" href="/ecommerce/catalog/edit-product">
 Edit
 </a>
 </div>
 <!--end::Menu item-->
 <!--begin::Menu item-->
 <div class="menu-item px-3">
 <a class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row" href="#">
 Delete
 </a>
 </div>
 <!--end::Menu item-->
 </div>
 <!--end::Menu-->
 </td>
 </tr>
 <tr>
 <td>
 <div class="form-check form-check-sm form-check-custom form-check-solid">
 <input class="form-check-input" type="checkbox" value="1"/>
 </div>
 </td>
 <td>
 <div class="d-flex align-items-center">
 <!--begin::Thumbnail-->
 <a class="symbol symbol-50px" href="/ecommerce/catalog/edit-product">
 <span class="symbol-label" >
 </span>
 </a>
 <!--end::Thumbnail-->
 <div class="ms-5">
 <!--begin::Title-->
 <a class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name" href="/ecommerce/catalog/edit-product">
 Product 12
 </a>
 <!--end::Title-->
 </div>
 </div>
 </td>
 <td class="text-end pe-0">
 <span class="fw-bold">
 02190008
 </span>
 </td>
 <td class="text-end pe-0" data-order="19">
 <span class="fw-bold ms-3">
 19
 </span>
 </td>
 <td class="text-end pe-0">
 287
 </td>
 <td class="text-end pe-0" data-order="rating-3">
 <div class="rating justify-content-end">
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 </div>
 </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 class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-placement="bottom-end" data-kt-menu-trigger="click" href="#">
 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 class="menu-link px-3" href="/ecommerce/catalog/edit-product">
 Edit
 </a>
 </div>
 <!--end::Menu item-->
 <!--begin::Menu item-->
 <div class="menu-item px-3">
 <a class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row" href="#">
 Delete
 </a>
 </div>
 <!--end::Menu item-->
 </div>
 <!--end::Menu-->
 </td>
 </tr>
 <tr>
 <td>
 <div class="form-check form-check-sm form-check-custom form-check-solid">
 <input class="form-check-input" type="checkbox" value="1"/>
 </div>
 </td>
 <td>
 <div class="d-flex align-items-center">
 <!--begin::Thumbnail-->
 <a class="symbol symbol-50px" href="/ecommerce/catalog/edit-product">
 <span class="symbol-label" >
 </span>
 </a>
 <!--end::Thumbnail-->
 <div class="ms-5">
 <!--begin::Title-->
 <a class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name" href="/ecommerce/catalog/edit-product">
 Product 13
 </a>
 <!--end::Title-->
 </div>
 </div>
 </td>
 <td class="text-end pe-0">
 <span class="fw-bold">
 02139009
 </span>
 </td>
 <td class="text-end pe-0" data-order="24">
 <span class="fw-bold ms-3">
 24
 </span>
 </td>
 <td class="text-end pe-0">
 161
 </td>
 <td class="text-end pe-0" data-order="rating-3">
 <div class="rating justify-content-end">
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 </div>
 </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 class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-placement="bottom-end" data-kt-menu-trigger="click" href="#">
 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 class="menu-link px-3" href="/ecommerce/catalog/edit-product">
 Edit
 </a>
 </div>
 <!--end::Menu item-->
 <!--begin::Menu item-->
 <div class="menu-item px-3">
 <a class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row" href="#">
 Delete
 </a>
 </div>
 <!--end::Menu item-->
 </div>
 <!--end::Menu-->
 </td>
 </tr>
 <tr>
 <td>
 <div class="form-check form-check-sm form-check-custom form-check-solid">
 <input class="form-check-input" type="checkbox" value="1"/>
 </div>
 </td>
 <td>
 <div class="d-flex align-items-center">
 <!--begin::Thumbnail-->
 <a class="symbol symbol-50px" href="/ecommerce/catalog/edit-product">
 <span class="symbol-label" >
 </span>
 </a>
 <!--end::Thumbnail-->
 <div class="ms-5">
 <!--begin::Title-->
 <a class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name" href="/ecommerce/catalog/edit-product">
 Product 14
 </a>
 <!--end::Title-->
 </div>
 </div>
 </td>
 <td class="text-end pe-0">
 <span class="fw-bold">
 04708003
 </span>
 </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">
 62
 </td>
 <td class="text-end pe-0" data-order="rating-5">
 <div class="rating justify-content-end">
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 </div>
 </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 class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-placement="bottom-end" data-kt-menu-trigger="click" href="#">
 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 class="menu-link px-3" href="/ecommerce/catalog/edit-product">
 Edit
 </a>
 </div>
 <!--end::Menu item-->
 <!--begin::Menu item-->
 <div class="menu-item px-3">
 <a class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row" href="#">
 Delete
 </a>
 </div>
 <!--end::Menu item-->
 </div>
 <!--end::Menu-->
 </td>
 </tr>
 <tr>
 <td>
 <div class="form-check form-check-sm form-check-custom form-check-solid">
 <input class="form-check-input" type="checkbox" value="1"/>
 </div>
 </td>
 <td>
 <div class="d-flex align-items-center">
 <!--begin::Thumbnail-->
 <a class="symbol symbol-50px" href="/ecommerce/catalog/edit-product">
 <span class="symbol-label" >
 </span>
 </a>
 <!--end::Thumbnail-->
 <div class="ms-5">
 <!--begin::Title-->
 <a class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name" href="/ecommerce/catalog/edit-product">
 Product 15
 </a>
 <!--end::Title-->
 </div>
 </div>
 </td>
 <td class="text-end pe-0">
 <span class="fw-bold">
 01872009
 </span>
 </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">
 250
 </td>
 <td class="text-end pe-0" data-order="rating-5">
 <div class="rating justify-content-end">
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 </div>
 </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 class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-placement="bottom-end" data-kt-menu-trigger="click" href="#">
 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 class="menu-link px-3" href="/ecommerce/catalog/edit-product">
 Edit
 </a>
 </div>
 <!--end::Menu item-->
 <!--begin::Menu item-->
 <div class="menu-item px-3">
 <a class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row" href="#">
 Delete
 </a>
 </div>
 <!--end::Menu item-->
 </div>
 <!--end::Menu-->
 </td>
 </tr>
 <tr>
 <td>
 <div class="form-check form-check-sm form-check-custom form-check-solid">
 <input class="form-check-input" type="checkbox" value="1"/>
 </div>
 </td>
 <td>
 <div class="d-flex align-items-center">
 <!--begin::Thumbnail-->
 <a class="symbol symbol-50px" href="/ecommerce/catalog/edit-product">
 <span class="symbol-label" >
 </span>
 </a>
 <!--end::Thumbnail-->
 <div class="ms-5">
 <!--begin::Title-->
 <a class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name" href="/ecommerce/catalog/edit-product">
 Product 16
 </a>
 <!--end::Title-->
 </div>
 </div>
 </td>
 <td class="text-end pe-0">
 <span class="fw-bold">
 04142009
 </span>
 </td>
 <td class="text-end pe-0" data-order="14">
 <span class="fw-bold ms-3">
 14
 </span>
 </td>
 <td class="text-end pe-0">
 266
 </td>
 <td class="text-end pe-0" data-order="rating-5">
 <div class="rating justify-content-end">
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 </div>
 </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 class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-placement="bottom-end" data-kt-menu-trigger="click" href="#">
 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 class="menu-link px-3" href="/ecommerce/catalog/edit-product">
 Edit
 </a>
 </div>
 <!--end::Menu item-->
 <!--begin::Menu item-->
 <div class="menu-item px-3">
 <a class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row" href="#">
 Delete
 </a>
 </div>
 <!--end::Menu item-->
 </div>
 <!--end::Menu-->
 </td>
 </tr>
 <tr>
 <td>
 <div class="form-check form-check-sm form-check-custom form-check-solid">
 <input class="form-check-input" type="checkbox" value="1"/>
 </div>
 </td>
 <td>
 <div class="d-flex align-items-center">
 <!--begin::Thumbnail-->
 <a class="symbol symbol-50px" href="/ecommerce/catalog/edit-product">
 <span class="symbol-label" >
 </span>
 </a>
 <!--end::Thumbnail-->
 <div class="ms-5">
 <!--begin::Title-->
 <a class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name" href="/ecommerce/catalog/edit-product">
 Product 17
 </a>
 <!--end::Title-->
 </div>
 </div>
 </td>
 <td class="text-end pe-0">
 <span class="fw-bold">
 01349005
 </span>
 </td>
 <td class="text-end pe-0" data-order="41">
 <span class="fw-bold ms-3">
 41
 </span>
 </td>
 <td class="text-end pe-0">
 240
 </td>
 <td class="text-end pe-0" data-order="rating-5">
 <div class="rating justify-content-end">
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 </div>
 </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 class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-placement="bottom-end" data-kt-menu-trigger="click" href="#">
 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 class="menu-link px-3" href="/ecommerce/catalog/edit-product">
 Edit
 </a>
 </div>
 <!--end::Menu item-->
 <!--begin::Menu item-->
 <div class="menu-item px-3">
 <a class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row" href="#">
 Delete
 </a>
 </div>
 <!--end::Menu item-->
 </div>
 <!--end::Menu-->
 </td>
 </tr>
 <tr>
 <td>
 <div class="form-check form-check-sm form-check-custom form-check-solid">
 <input class="form-check-input" type="checkbox" value="1"/>
 </div>
 </td>
 <td>
 <div class="d-flex align-items-center">
 <!--begin::Thumbnail-->
 <a class="symbol symbol-50px" href="/ecommerce/catalog/edit-product">
 <span class="symbol-label" >
 </span>
 </a>
 <!--end::Thumbnail-->
 <div class="ms-5">
 <!--begin::Title-->
 <a class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name" href="/ecommerce/catalog/edit-product">
 Product 18
 </a>
 <!--end::Title-->
 </div>
 </div>
 </td>
 <td class="text-end pe-0">
 <span class="fw-bold">
 01350005
 </span>
 </td>
 <td class="text-end pe-0" data-order="11">
 <span class="fw-bold ms-3">
 11
 </span>
 </td>
 <td class="text-end pe-0">
 241
 </td>
 <td class="text-end pe-0" data-order="rating-5">
 <div class="rating justify-content-end">
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 </div>
 </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 class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-placement="bottom-end" data-kt-menu-trigger="click" href="#">
 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 class="menu-link px-3" href="/ecommerce/catalog/edit-product">
 Edit
 </a>
 </div>
 <!--end::Menu item-->
 <!--begin::Menu item-->
 <div class="menu-item px-3">
 <a class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row" href="#">
 Delete
 </a>
 </div>
 <!--end::Menu item-->
 </div>
 <!--end::Menu-->
 </td>
 </tr>
 <tr>
 <td>
 <div class="form-check form-check-sm form-check-custom form-check-solid">
 <input class="form-check-input" type="checkbox" value="1"/>
 </div>
 </td>
 <td>
 <div class="d-flex align-items-center">
 <!--begin::Thumbnail-->
 <a class="symbol symbol-50px" href="/ecommerce/catalog/edit-product">
 <span class="symbol-label" >
 </span>
 </a>
 <!--end::Thumbnail-->
 <div class="ms-5">
 <!--begin::Title-->
 <a class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name" href="/ecommerce/catalog/edit-product">
 Product 19
 </a>
 <!--end::Title-->
 </div>
 </div>
 </td>
 <td class="text-end pe-0">
 <span class="fw-bold">
 02341004
 </span>
 </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">
 231
 </td>
 <td class="text-end pe-0" data-order="rating-5">
 <div class="rating justify-content-end">
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 </div>
 </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 class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-placement="bottom-end" data-kt-menu-trigger="click" href="#">
 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 class="menu-link px-3" href="/ecommerce/catalog/edit-product">
 Edit
 </a>
 </div>
 <!--end::Menu item-->
 <!--begin::Menu item-->
 <div class="menu-item px-3">
 <a class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row" href="#">
 Delete
 </a>
 </div>
 <!--end::Menu item-->
 </div>
 <!--end::Menu-->
 </td>
 </tr>
 <tr>
 <td>
 <div class="form-check form-check-sm form-check-custom form-check-solid">
 <input class="form-check-input" type="checkbox" value="1"/>
 </div>
 </td>
 <td>
 <div class="d-flex align-items-center">
 <!--begin::Thumbnail-->
 <a class="symbol symbol-50px" href="/ecommerce/catalog/edit-product">
 <span class="symbol-label" >
 </span>
 </a>
 <!--end::Thumbnail-->
 <div class="ms-5">
 <!--begin::Title-->
 <a class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name" href="/ecommerce/catalog/edit-product">
 Product 20
 </a>
 <!--end::Title-->
 </div>
 </div>
 </td>
 <td class="text-end pe-0">
 <span class="fw-bold">
 02494003
 </span>
 </td>
 <td class="text-end pe-0" data-order="22">
 <span class="fw-bold ms-3">
 22
 </span>
 </td>
 <td class="text-end pe-0">
 280
 </td>
 <td class="text-end pe-0" data-order="rating-4">
 <div class="rating justify-content-end">
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 </div>
 </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 class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-placement="bottom-end" data-kt-menu-trigger="click" href="#">
 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 class="menu-link px-3" href="/ecommerce/catalog/edit-product">
 Edit
 </a>
 </div>
 <!--end::Menu item-->
 <!--begin::Menu item-->
 <div class="menu-item px-3">
 <a class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row" href="#">
 Delete
 </a>
 </div>
 <!--end::Menu item-->
 </div>
 <!--end::Menu-->
 </td>
 </tr>
 <tr>
 <td>
 <div class="form-check form-check-sm form-check-custom form-check-solid">
 <input class="form-check-input" type="checkbox" value="1"/>
 </div>
 </td>
 <td>
 <div class="d-flex align-items-center">
 <!--begin::Thumbnail-->
 <a class="symbol symbol-50px" href="/ecommerce/catalog/edit-product">
 <span class="symbol-label" >
 </span>
 </a>
 <!--end::Thumbnail-->
 <div class="ms-5">
 <!--begin::Title-->
 <a class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name" href="/ecommerce/catalog/edit-product">
 Product 21
 </a>
 <!--end::Title-->
 </div>
 </div>
 </td>
 <td class="text-end pe-0">
 <span class="fw-bold">
 03436005
 </span>
 </td>
 <td class="text-end pe-0" data-order="16">
 <span class="fw-bold ms-3">
 16
 </span>
 </td>
 <td class="text-end pe-0">
 221
 </td>
 <td class="text-end pe-0" data-order="rating-5">
 <div class="rating justify-content-end">
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 </div>
 </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 class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-placement="bottom-end" data-kt-menu-trigger="click" href="#">
 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 class="menu-link px-3" href="/ecommerce/catalog/edit-product">
 Edit
 </a>
 </div>
 <!--end::Menu item-->
 <!--begin::Menu item-->
 <div class="menu-item px-3">
 <a class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row" href="#">
 Delete
 </a>
 </div>
 <!--end::Menu item-->
 </div>
 <!--end::Menu-->
 </td>
 </tr>
 <tr>
 <td>
 <div class="form-check form-check-sm form-check-custom form-check-solid">
 <input class="form-check-input" type="checkbox" value="1"/>
 </div>
 </td>
 <td>
 <div class="d-flex align-items-center">
 <!--begin::Thumbnail-->
 <a class="symbol symbol-50px" href="/ecommerce/catalog/edit-product">
 <span class="symbol-label" >
 </span>
 </a>
 <!--end::Thumbnail-->
 <div class="ms-5">
 <!--begin::Title-->
 <a class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name" href="/ecommerce/catalog/edit-product">
 Product 22
 </a>
 <!--end::Title-->
 </div>
 </div>
 </td>
 <td class="text-end pe-0">
 <span class="fw-bold">
 01409004
 </span>
 </td>
 <td class="text-end pe-0" data-order="32">
 <span class="fw-bold ms-3">
 32
 </span>
 </td>
 <td class="text-end pe-0">
 270
 </td>
 <td class="text-end pe-0" data-order="rating-4">
 <div class="rating justify-content-end">
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 </div>
 </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 class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-placement="bottom-end" data-kt-menu-trigger="click" href="#">
 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 class="menu-link px-3" href="/ecommerce/catalog/edit-product">
 Edit
 </a>
 </div>
 <!--end::Menu item-->
 <!--begin::Menu item-->
 <div class="menu-item px-3">
 <a class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row" href="#">
 Delete
 </a>
 </div>
 <!--end::Menu item-->
 </div>
 <!--end::Menu-->
 </td>
 </tr>
 <tr>
 <td>
 <div class="form-check form-check-sm form-check-custom form-check-solid">
 <input class="form-check-input" type="checkbox" value="1"/>
 </div>
 </td>
 <td>
 <div class="d-flex align-items-center">
 <!--begin::Thumbnail-->
 <a class="symbol symbol-50px" href="/ecommerce/catalog/edit-product">
 <span class="symbol-label" >
 </span>
 </a>
 <!--end::Thumbnail-->
 <div class="ms-5">
 <!--begin::Title-->
 <a class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name" href="/ecommerce/catalog/edit-product">
 Product 23
 </a>
 <!--end::Title-->
 </div>
 </div>
 </td>
 <td class="text-end pe-0">
 <span class="fw-bold">
 02760005
 </span>
 </td>
 <td class="text-end pe-0" data-order="41">
 <span class="fw-bold ms-3">
 41
 </span>
 </td>
 <td class="text-end pe-0">
 170
 </td>
 <td class="text-end pe-0" data-order="rating-5">
 <div class="rating justify-content-end">
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 </div>
 </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 class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-placement="bottom-end" data-kt-menu-trigger="click" href="#">
 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 class="menu-link px-3" href="/ecommerce/catalog/edit-product">
 Edit
 </a>
 </div>
 <!--end::Menu item-->
 <!--begin::Menu item-->
 <div class="menu-item px-3">
 <a class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row" href="#">
 Delete
 </a>
 </div>
 <!--end::Menu item-->
 </div>
 <!--end::Menu-->
 </td>
 </tr>
 <tr>
 <td>
 <div class="form-check form-check-sm form-check-custom form-check-solid">
 <input class="form-check-input" type="checkbox" value="1"/>
 </div>
 </td>
 <td>
 <div class="d-flex align-items-center">
 <!--begin::Thumbnail-->
 <a class="symbol symbol-50px" href="/ecommerce/catalog/edit-product">
 <span class="symbol-label" >
 </span>
 </a>
 <!--end::Thumbnail-->
 <div class="ms-5">
 <!--begin::Title-->
 <a class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name" href="/ecommerce/catalog/edit-product">
 Product 24
 </a>
 <!--end::Title-->
 </div>
 </div>
 </td>
 <td class="text-end pe-0">
 <span class="fw-bold">
 02589001
 </span>
 </td>
 <td class="text-end pe-0" data-order="44">
 <span class="fw-bold ms-3">
 44
 </span>
 </td>
 <td class="text-end pe-0">
 128
 </td>
 <td class="text-end pe-0" data-order="rating-4">
 <div class="rating justify-content-end">
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 </div>
 </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 class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-placement="bottom-end" data-kt-menu-trigger="click" href="#">
 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 class="menu-link px-3" href="/ecommerce/catalog/edit-product">
 Edit
 </a>
 </div>
 <!--end::Menu item-->
 <!--begin::Menu item-->
 <div class="menu-item px-3">
 <a class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row" href="#">
 Delete
 </a>
 </div>
 <!--end::Menu item-->
 </div>
 <!--end::Menu-->
 </td>
 </tr>
 <tr>
 <td>
 <div class="form-check form-check-sm form-check-custom form-check-solid">
 <input class="form-check-input" type="checkbox" value="1"/>
 </div>
 </td>
 <td>
 <div class="d-flex align-items-center">
 <!--begin::Thumbnail-->
 <a class="symbol symbol-50px" href="/ecommerce/catalog/edit-product">
 <span class="symbol-label" >
 </span>
 </a>
 <!--end::Thumbnail-->
 <div class="ms-5">
 <!--begin::Title-->
 <a class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name" href="/ecommerce/catalog/edit-product">
 Product 25
 </a>
 <!--end::Title-->
 </div>
 </div>
 </td>
 <td class="text-end pe-0">
 <span class="fw-bold">
 04337003
 </span>
 </td>
 <td class="text-end pe-0" data-order="15">
 <span class="fw-bold ms-3">
 15
 </span>
 </td>
 <td class="text-end pe-0">
 268
 </td>
 <td class="text-end pe-0" data-order="rating-3">
 <div class="rating justify-content-end">
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 </div>
 </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 class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-placement="bottom-end" data-kt-menu-trigger="click" href="#">
 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 class="menu-link px-3" href="/ecommerce/catalog/edit-product">
 Edit
 </a>
 </div>
 <!--end::Menu item-->
 <!--begin::Menu item-->
 <div class="menu-item px-3">
 <a class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row" href="#">
 Delete
 </a>
 </div>
 <!--end::Menu item-->
 </div>
 <!--end::Menu-->
 </td>
 </tr>
 <tr>
 <td>
 <div class="form-check form-check-sm form-check-custom form-check-solid">
 <input class="form-check-input" type="checkbox" value="1"/>
 </div>
 </td>
 <td>
 <div class="d-flex align-items-center">
 <!--begin::Thumbnail-->
 <a class="symbol symbol-50px" href="/ecommerce/catalog/edit-product">
 <span class="symbol-label" >
 </span>
 </a>
 <!--end::Thumbnail-->
 <div class="ms-5">
 <!--begin::Title-->
 <a class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name" href="/ecommerce/catalog/edit-product">
 Product 26
 </a>
 <!--end::Title-->
 </div>
 </div>
 </td>
 <td class="text-end pe-0">
 <span class="fw-bold">
 01170009
 </span>
 </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">
 198
 </td>
 <td class="text-end pe-0" data-order="rating-4">
 <div class="rating justify-content-end">
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 </div>
 </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 class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-placement="bottom-end" data-kt-menu-trigger="click" href="#">
 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 class="menu-link px-3" href="/ecommerce/catalog/edit-product">
 Edit
 </a>
 </div>
 <!--end::Menu item-->
 <!--begin::Menu item-->
 <div class="menu-item px-3">
 <a class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row" href="#">
 Delete
 </a>
 </div>
 <!--end::Menu item-->
 </div>
 <!--end::Menu-->
 </td>
 </tr>
 <tr>
 <td>
 <div class="form-check form-check-sm form-check-custom form-check-solid">
 <input class="form-check-input" type="checkbox" value="1"/>
 </div>
 </td>
 <td>
 <div class="d-flex align-items-center">
 <!--begin::Thumbnail-->
 <a class="symbol symbol-50px" href="/ecommerce/catalog/edit-product">
 <span class="symbol-label" >
 </span>
 </a>
 <!--end::Thumbnail-->
 <div class="ms-5">
 <!--begin::Title-->
 <a class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name" href="/ecommerce/catalog/edit-product">
 Product 27
 </a>
 <!--end::Title-->
 </div>
 </div>
 </td>
 <td class="text-end pe-0">
 <span class="fw-bold">
 03627005
 </span>
 </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">
 14
 </td>
 <td class="text-end pe-0" data-order="rating-3">
 <div class="rating justify-content-end">
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 </div>
 </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 class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-placement="bottom-end" data-kt-menu-trigger="click" href="#">
 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 class="menu-link px-3" href="/ecommerce/catalog/edit-product">
 Edit
 </a>
 </div>
 <!--end::Menu item-->
 <!--begin::Menu item-->
 <div class="menu-item px-3">
 <a class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row" href="#">
 Delete
 </a>
 </div>
 <!--end::Menu item-->
 </div>
 <!--end::Menu-->
 </td>
 </tr>
 <tr>
 <td>
 <div class="form-check form-check-sm form-check-custom form-check-solid">
 <input class="form-check-input" type="checkbox" value="1"/>
 </div>
 </td>
 <td>
 <div class="d-flex align-items-center">
 <!--begin::Thumbnail-->
 <a class="symbol symbol-50px" href="/ecommerce/catalog/edit-product">
 <span class="symbol-label" >
 </span>
 </a>
 <!--end::Thumbnail-->
 <div class="ms-5">
 <!--begin::Title-->
 <a class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name" href="/ecommerce/catalog/edit-product">
 Product 28
 </a>
 <!--end::Title-->
 </div>
 </div>
 </td>
 <td class="text-end pe-0">
 <span class="fw-bold">
 01313003
 </span>
 </td>
 <td class="text-end pe-0" data-order="20">
 <span class="fw-bold ms-3">
 20
 </span>
 </td>
 <td class="text-end pe-0">
 277
 </td>
 <td class="text-end pe-0" data-order="rating-5">
 <div class="rating justify-content-end">
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 </div>
 </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 class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-placement="bottom-end" data-kt-menu-trigger="click" href="#">
 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 class="menu-link px-3" href="/ecommerce/catalog/edit-product">
 Edit
 </a>
 </div>
 <!--end::Menu item-->
 <!--begin::Menu item-->
 <div class="menu-item px-3">
 <a class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row" href="#">
 Delete
 </a>
 </div>
 <!--end::Menu item-->
 </div>
 <!--end::Menu-->
 </td>
 </tr>
 <tr>
 <td>
 <div class="form-check form-check-sm form-check-custom form-check-solid">
 <input class="form-check-input" type="checkbox" value="1"/>
 </div>
 </td>
 <td>
 <div class="d-flex align-items-center">
 <!--begin::Thumbnail-->
 <a class="symbol symbol-50px" href="/ecommerce/catalog/edit-product">
 <span class="symbol-label" >
 </span>
 </a>
 <!--end::Thumbnail-->
 <div class="ms-5">
 <!--begin::Title-->
 <a class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name" href="/ecommerce/catalog/edit-product">
 Product 29
 </a>
 <!--end::Title-->
 </div>
 </div>
 </td>
 <td class="text-end pe-0">
 <span class="fw-bold">
 04694007
 </span>
 </td>
 <td class="text-end pe-0" data-order="5">
 <span class="badge badge-light-warning">
 Low stock
 </span>
 <span class="fw-bold text-warning ms-3">
 5
 </span>
 </td>
 <td class="text-end pe-0">
 179
 </td>
 <td class="text-end pe-0" data-order="rating-4">
 <div class="rating justify-content-end">
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 </div>
 </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 class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-placement="bottom-end" data-kt-menu-trigger="click" href="#">
 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 class="menu-link px-3" href="/ecommerce/catalog/edit-product">
 Edit
 </a>
 </div>
 <!--end::Menu item-->
 <!--begin::Menu item-->
 <div class="menu-item px-3">
 <a class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row" href="#">
 Delete
 </a>
 </div>
 <!--end::Menu item-->
 </div>
 <!--end::Menu-->
 </td>
 </tr>
 <tr>
 <td>
 <div class="form-check form-check-sm form-check-custom form-check-solid">
 <input class="form-check-input" type="checkbox" value="1"/>
 </div>
 </td>
 <td>
 <div class="d-flex align-items-center">
 <!--begin::Thumbnail-->
 <a class="symbol symbol-50px" href="/ecommerce/catalog/edit-product">
 <span class="symbol-label" >
 </span>
 </a>
 <!--end::Thumbnail-->
 <div class="ms-5">
 <!--begin::Title-->
 <a class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name" href="/ecommerce/catalog/edit-product">
 Product 30
 </a>
 <!--end::Title-->
 </div>
 </div>
 </td>
 <td class="text-end pe-0">
 <span class="fw-bold">
 03870006
 </span>
 </td>
 <td class="text-end pe-0" data-order="1">
 <span class="badge badge-light-warning">
 Low stock
 </span>
 <span class="fw-bold text-warning ms-3">
 1
 </span>
 </td>
 <td class="text-end pe-0">
 68
 </td>
 <td class="text-end pe-0" data-order="rating-3">
 <div class="rating justify-content-end">
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 </div>
 </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 class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-placement="bottom-end" data-kt-menu-trigger="click" href="#">
 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 class="menu-link px-3" href="/ecommerce/catalog/edit-product">
 Edit
 </a>
 </div>
 <!--end::Menu item-->
 <!--begin::Menu item-->
 <div class="menu-item px-3">
 <a class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row" href="#">
 Delete
 </a>
 </div>
 <!--end::Menu item-->
 </div>
 <!--end::Menu-->
 </td>
 </tr>
 <tr>
 <td>
 <div class="form-check form-check-sm form-check-custom form-check-solid">
 <input class="form-check-input" type="checkbox" value="1"/>
 </div>
 </td>
 <td>
 <div class="d-flex align-items-center">
 <!--begin::Thumbnail-->
 <a class="symbol symbol-50px" href="/ecommerce/catalog/edit-product">
 <span class="symbol-label" >
 </span>
 </a>
 <!--end::Thumbnail-->
 <div class="ms-5">
 <!--begin::Title-->
 <a class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name" href="/ecommerce/catalog/edit-product">
 Product 31
 </a>
 <!--end::Title-->
 </div>
 </div>
 </td>
 <td class="text-end pe-0">
 <span class="fw-bold">
 01270008
 </span>
 </td>
 <td class="text-end pe-0" data-order="16">
 <span class="fw-bold ms-3">
 16
 </span>
 </td>
 <td class="text-end pe-0">
 290
 </td>
 <td class="text-end pe-0" data-order="rating-3">
 <div class="rating justify-content-end">
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 </div>
 </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 class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-placement="bottom-end" data-kt-menu-trigger="click" href="#">
 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 class="menu-link px-3" href="/ecommerce/catalog/edit-product">
 Edit
 </a>
 </div>
 <!--end::Menu item-->
 <!--begin::Menu item-->
 <div class="menu-item px-3">
 <a class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row" href="#">
 Delete
 </a>
 </div>
 <!--end::Menu item-->
 </div>
 <!--end::Menu-->
 </td>
 </tr>
 <tr>
 <td>
 <div class="form-check form-check-sm form-check-custom form-check-solid">
 <input class="form-check-input" type="checkbox" value="1"/>
 </div>
 </td>
 <td>
 <div class="d-flex align-items-center">
 <!--begin::Thumbnail-->
 <a class="symbol symbol-50px" href="/ecommerce/catalog/edit-product">
 <span class="symbol-label" >
 </span>
 </a>
 <!--end::Thumbnail-->
 <div class="ms-5">
 <!--begin::Title-->
 <a class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name" href="/ecommerce/catalog/edit-product">
 Product 32
 </a>
 <!--end::Title-->
 </div>
 </div>
 </td>
 <td class="text-end pe-0">
 <span class="fw-bold">
 03530005
 </span>
 </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">
 57
 </td>
 <td class="text-end pe-0" data-order="rating-3">
 <div class="rating justify-content-end">
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 </div>
 </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 class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-placement="bottom-end" data-kt-menu-trigger="click" href="#">
 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 class="menu-link px-3" href="/ecommerce/catalog/edit-product">
 Edit
 </a>
 </div>
 <!--end::Menu item-->
 <!--begin::Menu item-->
 <div class="menu-item px-3">
 <a class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row" href="#">
 Delete
 </a>
 </div>
 <!--end::Menu item-->
 </div>
 <!--end::Menu-->
 </td>
 </tr>
 <tr>
 <td>
 <div class="form-check form-check-sm form-check-custom form-check-solid">
 <input class="form-check-input" type="checkbox" value="1"/>
 </div>
 </td>
 <td>
 <div class="d-flex align-items-center">
 <!--begin::Thumbnail-->
 <a class="symbol symbol-50px" href="/ecommerce/catalog/edit-product">
 <span class="symbol-label" >
 </span>
 </a>
 <!--end::Thumbnail-->
 <div class="ms-5">
 <!--begin::Title-->
 <a class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name" href="/ecommerce/catalog/edit-product">
 Product 33
 </a>
 <!--end::Title-->
 </div>
 </div>
 </td>
 <td class="text-end pe-0">
 <span class="fw-bold">
 03797007
 </span>
 </td>
 <td class="text-end pe-0" data-order="1">
 <span class="badge badge-light-warning">
 Low stock
 </span>
 <span class="fw-bold text-warning ms-3">
 1
 </span>
 </td>
 <td class="text-end pe-0">
 264
 </td>
 <td class="text-end pe-0" data-order="rating-4">
 <div class="rating justify-content-end">
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 </div>
 </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 class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-placement="bottom-end" data-kt-menu-trigger="click" href="#">
 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 class="menu-link px-3" href="/ecommerce/catalog/edit-product">
 Edit
 </a>
 </div>
 <!--end::Menu item-->
 <!--begin::Menu item-->
 <div class="menu-item px-3">
 <a class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row" href="#">
 Delete
 </a>
 </div>
 <!--end::Menu item-->
 </div>
 <!--end::Menu-->
 </td>
 </tr>
 <tr>
 <td>
 <div class="form-check form-check-sm form-check-custom form-check-solid">
 <input class="form-check-input" type="checkbox" value="1"/>
 </div>
 </td>
 <td>
 <div class="d-flex align-items-center">
 <!--begin::Thumbnail-->
 <a class="symbol symbol-50px" href="/ecommerce/catalog/edit-product">
 <span class="symbol-label" >
 </span>
 </a>
 <!--end::Thumbnail-->
 <div class="ms-5">
 <!--begin::Title-->
 <a class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name" href="/ecommerce/catalog/edit-product">
 Product 34
 </a>
 <!--end::Title-->
 </div>
 </div>
 </td>
 <td class="text-end pe-0">
 <span class="fw-bold">
 01205006
 </span>
 </td>
 <td class="text-end pe-0" data-order="36">
 <span class="fw-bold ms-3">
 36
 </span>
 </td>
 <td class="text-end pe-0">
 146
 </td>
 <td class="text-end pe-0" data-order="rating-3">
 <div class="rating justify-content-end">
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 </div>
 </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 class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-placement="bottom-end" data-kt-menu-trigger="click" href="#">
 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 class="menu-link px-3" href="/ecommerce/catalog/edit-product">
 Edit
 </a>
 </div>
 <!--end::Menu item-->
 <!--begin::Menu item-->
 <div class="menu-item px-3">
 <a class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row" href="#">
 Delete
 </a>
 </div>
 <!--end::Menu item-->
 </div>
 <!--end::Menu-->
 </td>
 </tr>
 <tr>
 <td>
 <div class="form-check form-check-sm form-check-custom form-check-solid">
 <input class="form-check-input" type="checkbox" value="1"/>
 </div>
 </td>
 <td>
 <div class="d-flex align-items-center">
 <!--begin::Thumbnail-->
 <a class="symbol symbol-50px" href="/ecommerce/catalog/edit-product">
 <span class="symbol-label" >
 </span>
 </a>
 <!--end::Thumbnail-->
 <div class="ms-5">
 <!--begin::Title-->
 <a class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name" href="/ecommerce/catalog/edit-product">
 Product 35
 </a>
 <!--end::Title-->
 </div>
 </div>
 </td>
 <td class="text-end pe-0">
 <span class="fw-bold">
 02345002
 </span>
 </td>
 <td class="text-end pe-0" data-order="12">
 <span class="fw-bold ms-3">
 12
 </span>
 </td>
 <td class="text-end pe-0">
 219
 </td>
 <td class="text-end pe-0" data-order="rating-5">
 <div class="rating justify-content-end">
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 </div>
 </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 class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-placement="bottom-end" data-kt-menu-trigger="click" href="#">
 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 class="menu-link px-3" href="/ecommerce/catalog/edit-product">
 Edit
 </a>
 </div>
 <!--end::Menu item-->
 <!--begin::Menu item-->
 <div class="menu-item px-3">
 <a class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row" href="#">
 Delete
 </a>
 </div>
 <!--end::Menu item-->
 </div>
 <!--end::Menu-->
 </td>
 </tr>
 <tr>
 <td>
 <div class="form-check form-check-sm form-check-custom form-check-solid">
 <input class="form-check-input" type="checkbox" value="1"/>
 </div>
 </td>
 <td>
 <div class="d-flex align-items-center">
 <!--begin::Thumbnail-->
 <a class="symbol symbol-50px" href="/ecommerce/catalog/edit-product">
 <span class="symbol-label" >
 </span>
 </a>
 <!--end::Thumbnail-->
 <div class="ms-5">
 <!--begin::Title-->
 <a class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name" href="/ecommerce/catalog/edit-product">
 Product 36
 </a>
 <!--end::Title-->
 </div>
 </div>
 </td>
 <td class="text-end pe-0">
 <span class="fw-bold">
 04446009
 </span>
 </td>
 <td class="text-end pe-0" data-order="31">
 <span class="fw-bold ms-3">
 31
 </span>
 </td>
 <td class="text-end pe-0">
 238
 </td>
 <td class="text-end pe-0" data-order="rating-5">
 <div class="rating justify-content-end">
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 </div>
 </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 class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-placement="bottom-end" data-kt-menu-trigger="click" href="#">
 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 class="menu-link px-3" href="/ecommerce/catalog/edit-product">
 Edit
 </a>
 </div>
 <!--end::Menu item-->
 <!--begin::Menu item-->
 <div class="menu-item px-3">
 <a class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row" href="#">
 Delete
 </a>
 </div>
 <!--end::Menu item-->
 </div>
 <!--end::Menu-->
 </td>
 </tr>
 <tr>
 <td>
 <div class="form-check form-check-sm form-check-custom form-check-solid">
 <input class="form-check-input" type="checkbox" value="1"/>
 </div>
 </td>
 <td>
 <div class="d-flex align-items-center">
 <!--begin::Thumbnail-->
 <a class="symbol symbol-50px" href="/ecommerce/catalog/edit-product">
 <span class="symbol-label" >
 </span>
 </a>
 <!--end::Thumbnail-->
 <div class="ms-5">
 <!--begin::Title-->
 <a class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name" href="/ecommerce/catalog/edit-product">
 Product 37
 </a>
 <!--end::Title-->
 </div>
 </div>
 </td>
 <td class="text-end pe-0">
 <span class="fw-bold">
 03861004
 </span>
 </td>
 <td class="text-end pe-0" data-order="26">
 <span class="fw-bold ms-3">
 26
 </span>
 </td>
 <td class="text-end pe-0">
 139
 </td>
 <td class="text-end pe-0" data-order="rating-5">
 <div class="rating justify-content-end">
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 </div>
 </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 class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-placement="bottom-end" data-kt-menu-trigger="click" href="#">
 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 class="menu-link px-3" href="/ecommerce/catalog/edit-product">
 Edit
 </a>
 </div>
 <!--end::Menu item-->
 <!--begin::Menu item-->
 <div class="menu-item px-3">
 <a class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row" href="#">
 Delete
 </a>
 </div>
 <!--end::Menu item-->
 </div>
 <!--end::Menu-->
 </td>
 </tr>
 <tr>
 <td>
 <div class="form-check form-check-sm form-check-custom form-check-solid">
 <input class="form-check-input" type="checkbox" value="1"/>
 </div>
 </td>
 <td>
 <div class="d-flex align-items-center">
 <!--begin::Thumbnail-->
 <a class="symbol symbol-50px" href="/ecommerce/catalog/edit-product">
 <span class="symbol-label" >
 </span>
 </a>
 <!--end::Thumbnail-->
 <div class="ms-5">
 <!--begin::Title-->
 <a class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name" href="/ecommerce/catalog/edit-product">
 Product 38
 </a>
 <!--end::Title-->
 </div>
 </div>
 </td>
 <td class="text-end pe-0">
 <span class="fw-bold">
 04651004
 </span>
 </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">
 257
 </td>
 <td class="text-end pe-0" data-order="rating-4">
 <div class="rating justify-content-end">
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 </div>
 </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 class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-placement="bottom-end" data-kt-menu-trigger="click" href="#">
 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 class="menu-link px-3" href="/ecommerce/catalog/edit-product">
 Edit
 </a>
 </div>
 <!--end::Menu item-->
 <!--begin::Menu item-->
 <div class="menu-item px-3">
 <a class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row" href="#">
 Delete
 </a>
 </div>
 <!--end::Menu item-->
 </div>
 <!--end::Menu-->
 </td>
 </tr>
 <tr>
 <td>
 <div class="form-check form-check-sm form-check-custom form-check-solid">
 <input class="form-check-input" type="checkbox" value="1"/>
 </div>
 </td>
 <td>
 <div class="d-flex align-items-center">
 <!--begin::Thumbnail-->
 <a class="symbol symbol-50px" href="/ecommerce/catalog/edit-product">
 <span class="symbol-label" >
 </span>
 </a>
 <!--end::Thumbnail-->
 <div class="ms-5">
 <!--begin::Title-->
 <a class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name" href="/ecommerce/catalog/edit-product">
 Product 39
 </a>
 <!--end::Title-->
 </div>
 </div>
 </td>
 <td class="text-end pe-0">
 <span class="fw-bold">
 02284002
 </span>
 </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">
 288
 </td>
 <td class="text-end pe-0" data-order="rating-3">
 <div class="rating justify-content-end">
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 </div>
 </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 class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-placement="bottom-end" data-kt-menu-trigger="click" href="#">
 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 class="menu-link px-3" href="/ecommerce/catalog/edit-product">
 Edit
 </a>
 </div>
 <!--end::Menu item-->
 <!--begin::Menu item-->
 <div class="menu-item px-3">
 <a class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row" href="#">
 Delete
 </a>
 </div>
 <!--end::Menu item-->
 </div>
 <!--end::Menu-->
 </td>
 </tr>
 <tr>
 <td>
 <div class="form-check form-check-sm form-check-custom form-check-solid">
 <input class="form-check-input" type="checkbox" value="1"/>
 </div>
 </td>
 <td>
 <div class="d-flex align-items-center">
 <!--begin::Thumbnail-->
 <a class="symbol symbol-50px" href="/ecommerce/catalog/edit-product">
 <span class="symbol-label" >
 </span>
 </a>
 <!--end::Thumbnail-->
 <div class="ms-5">
 <!--begin::Title-->
 <a class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name" href="/ecommerce/catalog/edit-product">
 Product 40
 </a>
 <!--end::Title-->
 </div>
 </div>
 </td>
 <td class="text-end pe-0">
 <span class="fw-bold">
 03245003
 </span>
 </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">
 287
 </td>
 <td class="text-end pe-0" data-order="rating-4">
 <div class="rating justify-content-end">
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 </div>
 </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 class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-placement="bottom-end" data-kt-menu-trigger="click" href="#">
 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 class="menu-link px-3" href="/ecommerce/catalog/edit-product">
 Edit
 </a>
 </div>
 <!--end::Menu item-->
 <!--begin::Menu item-->
 <div class="menu-item px-3">
 <a class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row" href="#">
 Delete
 </a>
 </div>
 <!--end::Menu item-->
 </div>
 <!--end::Menu-->
 </td>
 </tr>
 <tr>
 <td>
 <div class="form-check form-check-sm form-check-custom form-check-solid">
 <input class="form-check-input" type="checkbox" value="1"/>
 </div>
 </td>
 <td>
 <div class="d-flex align-items-center">
 <!--begin::Thumbnail-->
 <a class="symbol symbol-50px" href="/ecommerce/catalog/edit-product">
 <span class="symbol-label" >
 </span>
 </a>
 <!--end::Thumbnail-->
 <div class="ms-5">
 <!--begin::Title-->
 <a class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name" href="/ecommerce/catalog/edit-product">
 Product 41
 </a>
 <!--end::Title-->
 </div>
 </div>
 </td>
 <td class="text-end pe-0">
 <span class="fw-bold">
 04720002
 </span>
 </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">
 280
 </td>
 <td class="text-end pe-0" data-order="rating-3">
 <div class="rating justify-content-end">
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 </div>
 </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 class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-placement="bottom-end" data-kt-menu-trigger="click" href="#">
 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 class="menu-link px-3" href="/ecommerce/catalog/edit-product">
 Edit
 </a>
 </div>
 <!--end::Menu item-->
 <!--begin::Menu item-->
 <div class="menu-item px-3">
 <a class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row" href="#">
 Delete
 </a>
 </div>
 <!--end::Menu item-->
 </div>
 <!--end::Menu-->
 </td>
 </tr>
 <tr>
 <td>
 <div class="form-check form-check-sm form-check-custom form-check-solid">
 <input class="form-check-input" type="checkbox" value="1"/>
 </div>
 </td>
 <td>
 <div class="d-flex align-items-center">
 <!--begin::Thumbnail-->
 <a class="symbol symbol-50px" href="/ecommerce/catalog/edit-product">
 <span class="symbol-label" >
 </span>
 </a>
 <!--end::Thumbnail-->
 <div class="ms-5">
 <!--begin::Title-->
 <a class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name" href="/ecommerce/catalog/edit-product">
 Product 42
 </a>
 <!--end::Title-->
 </div>
 </div>
 </td>
 <td class="text-end pe-0">
 <span class="fw-bold">
 02442001
 </span>
 </td>
 <td class="text-end pe-0" data-order="6">
 <span class="badge badge-light-warning">
 Low stock
 </span>
 <span class="fw-bold text-warning ms-3">
 6
 </span>
 </td>
 <td class="text-end pe-0">
 161
 </td>
 <td class="text-end pe-0" data-order="rating-5">
 <div class="rating justify-content-end">
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 </div>
 </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 class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-placement="bottom-end" data-kt-menu-trigger="click" href="#">
 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 class="menu-link px-3" href="/ecommerce/catalog/edit-product">
 Edit
 </a>
 </div>
 <!--end::Menu item-->
 <!--begin::Menu item-->
 <div class="menu-item px-3">
 <a class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row" href="#">
 Delete
 </a>
 </div>
 <!--end::Menu item-->
 </div>
 <!--end::Menu-->
 </td>
 </tr>
 <tr>
 <td>
 <div class="form-check form-check-sm form-check-custom form-check-solid">
 <input class="form-check-input" type="checkbox" value="1"/>
 </div>
 </td>
 <td>
 <div class="d-flex align-items-center">
 <!--begin::Thumbnail-->
 <a class="symbol symbol-50px" href="/ecommerce/catalog/edit-product">
 <span class="symbol-label" >
 </span>
 </a>
 <!--end::Thumbnail-->
 <div class="ms-5">
 <!--begin::Title-->
 <a class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name" href="/ecommerce/catalog/edit-product">
 Product 43
 </a>
 <!--end::Title-->
 </div>
 </div>
 </td>
 <td class="text-end pe-0">
 <span class="fw-bold">
 02846001
 </span>
 </td>
 <td class="text-end pe-0" data-order="41">
 <span class="fw-bold ms-3">
 41
 </span>
 </td>
 <td class="text-end pe-0">
 101
 </td>
 <td class="text-end pe-0" data-order="rating-3">
 <div class="rating justify-content-end">
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 </div>
 </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 class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-placement="bottom-end" data-kt-menu-trigger="click" href="#">
 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 class="menu-link px-3" href="/ecommerce/catalog/edit-product">
 Edit
 </a>
 </div>
 <!--end::Menu item-->
 <!--begin::Menu item-->
 <div class="menu-item px-3">
 <a class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row" href="#">
 Delete
 </a>
 </div>
 <!--end::Menu item-->
 </div>
 <!--end::Menu-->
 </td>
 </tr>
 <tr>
 <td>
 <div class="form-check form-check-sm form-check-custom form-check-solid">
 <input class="form-check-input" type="checkbox" value="1"/>
 </div>
 </td>
 <td>
 <div class="d-flex align-items-center">
 <!--begin::Thumbnail-->
 <a class="symbol symbol-50px" href="/ecommerce/catalog/edit-product">
 <span class="symbol-label" >
 </span>
 </a>
 <!--end::Thumbnail-->
 <div class="ms-5">
 <!--begin::Title-->
 <a class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name" href="/ecommerce/catalog/edit-product">
 Product 44
 </a>
 <!--end::Title-->
 </div>
 </div>
 </td>
 <td class="text-end pe-0">
 <span class="fw-bold">
 02732005
 </span>
 </td>
 <td class="text-end pe-0" data-order="26">
 <span class="fw-bold ms-3">
 26
 </span>
 </td>
 <td class="text-end pe-0">
 96
 </td>
 <td class="text-end pe-0" data-order="rating-3">
 <div class="rating justify-content-end">
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 </div>
 </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 class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-placement="bottom-end" data-kt-menu-trigger="click" href="#">
 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 class="menu-link px-3" href="/ecommerce/catalog/edit-product">
 Edit
 </a>
 </div>
 <!--end::Menu item-->
 <!--begin::Menu item-->
 <div class="menu-item px-3">
 <a class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row" href="#">
 Delete
 </a>
 </div>
 <!--end::Menu item-->
 </div>
 <!--end::Menu-->
 </td>
 </tr>
 <tr>
 <td>
 <div class="form-check form-check-sm form-check-custom form-check-solid">
 <input class="form-check-input" type="checkbox" value="1"/>
 </div>
 </td>
 <td>
 <div class="d-flex align-items-center">
 <!--begin::Thumbnail-->
 <a class="symbol symbol-50px" href="/ecommerce/catalog/edit-product">
 <span class="symbol-label" >
 </span>
 </a>
 <!--end::Thumbnail-->
 <div class="ms-5">
 <!--begin::Title-->
 <a class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name" href="/ecommerce/catalog/edit-product">
 Product 45
 </a>
 <!--end::Title-->
 </div>
 </div>
 </td>
 <td class="text-end pe-0">
 <span class="fw-bold">
 04553006
 </span>
 </td>
 <td class="text-end pe-0" data-order="3">
 <span class="badge badge-light-warning">
 Low stock
 </span>
 <span class="fw-bold text-warning ms-3">
 3
 </span>
 </td>
 <td class="text-end pe-0">
 295
 </td>
 <td class="text-end pe-0" data-order="rating-3">
 <div class="rating justify-content-end">
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 </div>
 </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 class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-placement="bottom-end" data-kt-menu-trigger="click" href="#">
 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 class="menu-link px-3" href="/ecommerce/catalog/edit-product">
 Edit
 </a>
 </div>
 <!--end::Menu item-->
 <!--begin::Menu item-->
 <div class="menu-item px-3">
 <a class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row" href="#">
 Delete
 </a>
 </div>
 <!--end::Menu item-->
 </div>
 <!--end::Menu-->
 </td>
 </tr>
 <tr>
 <td>
 <div class="form-check form-check-sm form-check-custom form-check-solid">
 <input class="form-check-input" type="checkbox" value="1"/>
 </div>
 </td>
 <td>
 <div class="d-flex align-items-center">
 <!--begin::Thumbnail-->
 <a class="symbol symbol-50px" href="/ecommerce/catalog/edit-product">
 <span class="symbol-label" >
 </span>
 </a>
 <!--end::Thumbnail-->
 <div class="ms-5">
 <!--begin::Title-->
 <a class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name" href="/ecommerce/catalog/edit-product">
 Product 46
 </a>
 <!--end::Title-->
 </div>
 </div>
 </td>
 <td class="text-end pe-0">
 <span class="fw-bold">
 01758004
 </span>
 </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">
 121
 </td>
 <td class="text-end pe-0" data-order="rating-5">
 <div class="rating justify-content-end">
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 </div>
 </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 class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-placement="bottom-end" data-kt-menu-trigger="click" href="#">
 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 class="menu-link px-3" href="/ecommerce/catalog/edit-product">
 Edit
 </a>
 </div>
 <!--end::Menu item-->
 <!--begin::Menu item-->
 <div class="menu-item px-3">
 <a class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row" href="#">
 Delete
 </a>
 </div>
 <!--end::Menu item-->
 </div>
 <!--end::Menu-->
 </td>
 </tr>
 <tr>
 <td>
 <div class="form-check form-check-sm form-check-custom form-check-solid">
 <input class="form-check-input" type="checkbox" value="1"/>
 </div>
 </td>
 <td>
 <div class="d-flex align-items-center">
 <!--begin::Thumbnail-->
 <a class="symbol symbol-50px" href="/ecommerce/catalog/edit-product">
 <span class="symbol-label" >
 </span>
 </a>
 <!--end::Thumbnail-->
 <div class="ms-5">
 <!--begin::Title-->
 <a class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name" href="/ecommerce/catalog/edit-product">
 Product 47
 </a>
 <!--end::Title-->
 </div>
 </div>
 </td>
 <td class="text-end pe-0">
 <span class="fw-bold">
 04654008
 </span>
 </td>
 <td class="text-end pe-0" data-order="41">
 <span class="fw-bold ms-3">
 41
 </span>
 </td>
 <td class="text-end pe-0">
 64
 </td>
 <td class="text-end pe-0" data-order="rating-4">
 <div class="rating justify-content-end">
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 </div>
 </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 class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-placement="bottom-end" data-kt-menu-trigger="click" href="#">
 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 class="menu-link px-3" href="/ecommerce/catalog/edit-product">
 Edit
 </a>
 </div>
 <!--end::Menu item-->
 <!--begin::Menu item-->
 <div class="menu-item px-3">
 <a class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row" href="#">
 Delete
 </a>
 </div>
 <!--end::Menu item-->
 </div>
 <!--end::Menu-->
 </td>
 </tr>
 <tr>
 <td>
 <div class="form-check form-check-sm form-check-custom form-check-solid">
 <input class="form-check-input" type="checkbox" value="1"/>
 </div>
 </td>
 <td>
 <div class="d-flex align-items-center">
 <!--begin::Thumbnail-->
 <a class="symbol symbol-50px" href="/ecommerce/catalog/edit-product">
 <span class="symbol-label" >
 </span>
 </a>
 <!--end::Thumbnail-->
 <div class="ms-5">
 <!--begin::Title-->
 <a class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name" href="/ecommerce/catalog/edit-product">
 Product 48
 </a>
 <!--end::Title-->
 </div>
 </div>
 </td>
 <td class="text-end pe-0">
 <span class="fw-bold">
 03347009
 </span>
 </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">
 297
 </td>
 <td class="text-end pe-0" data-order="rating-5">
 <div class="rating justify-content-end">
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 </div>
 </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 class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-placement="bottom-end" data-kt-menu-trigger="click" href="#">
 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 class="menu-link px-3" href="/ecommerce/catalog/edit-product">
 Edit
 </a>
 </div>
 <!--end::Menu item-->
 <!--begin::Menu item-->
 <div class="menu-item px-3">
 <a class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row" href="#">
 Delete
 </a>
 </div>
 <!--end::Menu item-->
 </div>
 <!--end::Menu-->
 </td>
 </tr>
 <tr>
 <td>
 <div class="form-check form-check-sm form-check-custom form-check-solid">
 <input class="form-check-input" type="checkbox" value="1"/>
 </div>
 </td>
 <td>
 <div class="d-flex align-items-center">
 <!--begin::Thumbnail-->
 <a class="symbol symbol-50px" href="/ecommerce/catalog/edit-product">
 <span class="symbol-label" >
 </span>
 </a>
 <!--end::Thumbnail-->
 <div class="ms-5">
 <!--begin::Title-->
 <a class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name" href="/ecommerce/catalog/edit-product">
 Product 49
 </a>
 <!--end::Title-->
 </div>
 </div>
 </td>
 <td class="text-end pe-0">
 <span class="fw-bold">
 04661003
 </span>
 </td>
 <td class="text-end pe-0" data-order="22">
 <span class="fw-bold ms-3">
 22
 </span>
 </td>
 <td class="text-end pe-0">
 63
 </td>
 <td class="text-end pe-0" data-order="rating-5">
 <div class="rating justify-content-end">
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 </div>
 </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 class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-placement="bottom-end" data-kt-menu-trigger="click" href="#">
 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 class="menu-link px-3" href="/ecommerce/catalog/edit-product">
 Edit
 </a>
 </div>
 <!--end::Menu item-->
 <!--begin::Menu item-->
 <div class="menu-item px-3">
 <a class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row" href="#">
 Delete
 </a>
 </div>
 <!--end::Menu item-->
 </div>
 <!--end::Menu-->
 </td>
 </tr>
 <tr>
 <td>
 <div class="form-check form-check-sm form-check-custom form-check-solid">
 <input class="form-check-input" type="checkbox" value="1"/>
 </div>
 </td>
 <td>
 <div class="d-flex align-items-center">
 <!--begin::Thumbnail-->
 <a class="symbol symbol-50px" href="/ecommerce/catalog/edit-product">
 <span class="symbol-label" >
 </span>
 </a>
 <!--end::Thumbnail-->
 <div class="ms-5">
 <!--begin::Title-->
 <a class="text-gray-800 text-hover-primary fs-5 fw-bold" data-kt-ecommerce-product-filter="product_name" href="/ecommerce/catalog/edit-product">
 Product 50
 </a>
 <!--end::Title-->
 </div>
 </div>
 </td>
 <td class="text-end pe-0">
 <span class="fw-bold">
 02821002
 </span>
 </td>
 <td class="text-end pe-0" data-order="43">
 <span class="fw-bold ms-3">
 43
 </span>
 </td>
 <td class="text-end pe-0">
 87
 </td>
 <td class="text-end pe-0" data-order="rating-3">
 <div class="rating justify-content-end">
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label checked">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 <div class="rating-label">
 <i class="ki-duotone ki-star fs-6">
 </i>
 </div>
 </div>
 </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 class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" data-kt-menu-placement="bottom-end" data-kt-menu-trigger="click" href="#">
 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 class="menu-link px-3" href="/ecommerce/catalog/edit-product">
 Edit
 </a>
 </div>
 <!--end::Menu item-->
 <!--begin::Menu item-->
 <div class="menu-item px-3">
 <a class="menu-link px-3" data-kt-ecommerce-product-filter="delete_row" href="#">
 Delete
 </a>
 </div>
 <!--end::Menu item-->
 </div>
 <!--end::Menu-->
 </td>
 </tr>
 </tbody>
 </table>
 <!--end::Table-->
 </div>
 <!--end::Card body-->
 </div>
 <!--end::Products-->
 </div>
 <!--end::Content container-->
</div>

<!-- Plugin Includes -->
<script suppress-error="BL9992" src="@KTTheme.GetAssetPath("plugins/custom/datatables/datatables.bundle.js")"></script> 
<script suppress-error="BL9992" src="@KTTheme.GetAssetPath("plugins/custom/formrepeater/formrepeater.bundle.js")"></script> 

<!-- Js Includes -->
<script suppress-error="BL9992" src="@KTTheme.GetAssetPath("js/custom/apps/ecommerce/catalog/categories.js")"></script> 
<script suppress-error="BL9992" src="@KTTheme.GetAssetPath("js/custom/apps/ecommerce/catalog/save-category.js")"></script> 
<script suppress-error="BL9992" src="@KTTheme.GetAssetPath("js/custom/apps/ecommerce/catalog/products.js")"></script> 
<script suppress-error="BL9992" src="@KTTheme.GetAssetPath("js/custom/apps/ecommerce/catalog/save-product.js")"></script> 

<!-- Code Section -->
<!-- Common injected components can be found in apps/_Imports -->

@code {
protected override async Task OnAfterRenderAsync(bool firstRender)
{
if (firstRender)
{
// Add a small delay to ensure the JavaScript file is fully loaded
await Task.Delay(500);
await JS.InvokeVoidAsync("KTAppEcommerceCategories.init");
await JS.InvokeVoidAsync("KTAppEcommerceSaveCategory.init");
await JS.InvokeVoidAsync("KTAppEcommerceProducts.init");
await JS.InvokeVoidAsync("KTAppEcommerceSaveProduct.init");
}
}
}
David KR 9 months ago
Blazor
1 Answers
Replies (1)

Lauris Stepanovs Author9 months ago
Hi,

For the apps/ecommerce/catalog/products page, you do not need to include and initialize all of the eCommerce components.

Check the example in this gist.

You will need to load and initialize KTAppEcommerceCategories, KTAppEcommerceSaveCategory, and KTAppEcommerceSaveProduct on other eCommerce pages.

Regards,
Lauris Stepanovs,
Keenthemes Support Team
Metronic

Go to Metronic Downloads License Guide & FAQ Purchase Metronic Refunds
Cannot read properties of null (reading 'classList') in plugins.bundle.js

Replies (1)

Metronic

Products

Legal & Statements

Stay Connected

Templates byMetronic Creators

CreativeDesign Resources

We are proud towork with Experts

Cannot read properties of null (reading 'classList') in plugins.bundle.js

Replies (1)

Metronic

Templates by
Metronic Creators

Creative
Design Resources

We are proud to
work with Experts
