<!DOCTYPE html>

<html lang="en">
<head>
        <?php echo view('partials/title-meta', array('title' => 'Products')) ?> <?= $this->include('partials/head-css') ?>
    </head>
<body>
<div class="wrapper">
            <?php echo view('partials/topbar', array('subtitle' => 'Ecommerce', 'title' => 'Products')) ?> <?= $this->include('partials/sidenav') ?>

            <!-- Start Page Content here -->
<div class="page-content">
<main>
                    <?php echo view('partials/page-title', array('subtitle' => 'Ecommerce', 'title' => 'Products')) ?>

                    <div class="container-fluid">
<div class="mb-1.25 grid grid-cols-1 gap-1.25 md:grid-cols-2 lg:grid-cols-5">
<div class="card">
<div class="card-body">
<div class="mb-2 flex items-center justify-between">
<h5 class="card-title text-sm" title="Number of Tasks">Products</h5>
<a href="#!">
<i class="iconify tabler--external-link text-default-400 text-lg"></i>
</a>
</div>
<div class="my-5 flex items-center gap-2.5">
<div class="size-9 flex items-center justify-center bg-primary text-white rounded-full">
<i class="iconify tabler--package size-5.5 text-2xl"></i>
</div>
<h3 class="text-xl"><span data-target="2,240">0</span></h3>
<span class="ms-auto badge py-0 text-xs font-medium bg-success/15 text-success">+24 New</span>
</div>
<div class="flex items-center justify-between">
<div class="flex items-center gap-1">
<span class="text-primary flex items-center gap-1">
<i class="iconify tabler--circle-filled align-middle"></i>
</span>
<span class="text-default-400 text-sm">Active Listings</span>
</div>
<span class="font-semibold">980</span>
</div>
</div>
</div>
<div class="card">
<div class="card-body">
<div class="mb-2 flex items-center justify-between">
<h5 class="card-title text-sm" title="Number of Tasks">Orders</h5>
<a href="#!">
<i class="iconify tabler--external-link text-default-400 text-lg"></i>
</a>
</div>
<div class="my-5 flex items-center gap-2.5">
<div class="size-9 flex items-center justify-center bg-secondary text-white rounded-full">
<i class="iconify tabler--shopping-cart size-5.5"></i>
</div>
<h3 class="text-xl"><span data-target="8,014">0</span></h3>
<span class="ms-auto badge py-0 text-xs font-medium bg-success/15 text-success">+120 New</span>
</div>
<div class="flex items-center justify-between">
<div class="flex items-center gap-1">
<span class="text-secondary flex items-center gap-1">
<i class="iconify tabler--circle-filled align-middle"></i>
</span>
<span class="text-default-400 text-sm">Total Orders</span>
</div>
<span class="font-semibold">105K</span>
</div>
</div>
</div>
<div class="card">
<div class="card-body">
<div class="mb-2 flex items-center justify-between">
<h5 class="card-title text-sm" title="Number of Tasks">Sales</h5>
<a href="#!">
<i class="iconify tabler--external-link text-default-400 text-lg"></i>
</a>
</div>
<div class="my-5 flex items-center gap-2.5">
<div class="size-9 flex items-center justify-center bg-success text-white rounded-full">
<i class="iconify tabler--currency-dollar size-5.5"></i>
</div>
<h3 class="text-xl">$<span data-target="17,854.22">0</span></h3>
<span class="ms-auto badge py-0 text-xs font-medium bg-success/15 text-success">+8.2%</span>
</div>
<div class="flex items-center justify-between">
<div class="flex items-center gap-1">
<span class="text-success flex items-center gap-1">
<i class="iconify tabler--circle-filled align-middle"></i>
</span>
<span class="text-default-400 text-sm">Today's Sales</span>
</div>
<span class="font-semibold">$156K</span>
</div>
</div>
</div>
<div class="card">
<div class="card-body">
<div class="mb-2 flex items-center justify-between">
<h5 class="card-title text-sm" title="Number of Tasks">Customers</h5>
<a href="#!">
<i class="iconify tabler--external-link text-default-400 text-lg"></i>
</a>
</div>
<div class="my-5 flex items-center gap-2.5">
<div class="size-9 flex items-center justify-center bg-info text-white rounded-full">
<i class="iconify tabler--users size-5.5"></i>
</div>
<h3 class="text-xl"><span data-target="3,209">0</span></h3>
<span class="ms-auto badge py-0 text-xs font-medium bg-success/15 text-success">+36 New</span>
</div>
<div class="flex items-center justify-between">
<div class="flex items-center gap-1">
<span class="text-info flex items-center gap-1">
<i class="iconify tabler--circle-filled align-middle"></i>
</span>
<span class="text-default-400 text-sm">Total Customers</span>
</div>
<span class="font-semibold">58,320</span>
</div>
</div>
</div>
<div class="card">
<div class="card-body">
<div class="mb-2 flex items-center justify-between">
<h5 class="card-title text-sm" title="Number of Tasks">Revenue</h5>
<a href="#!">
<i class="iconify tabler--external-link text-default-400 text-lg"></i>
</a>
</div>
<div class="my-5 flex items-center gap-2.5">
<div class="size-9 flex items-center justify-center bg-warning text-white rounded-full">
<i class="iconify tabler--chart-bar size-5.5"></i>
</div>
<h3 class="text-xl">$<span data-target="3.5">0</span>M</h3>
<span class="ms-auto badge py-0 text-xs font-medium bg-danger/15 text-danger">-4.5%</span>
</div>
<div class="flex items-center justify-between">
<div class="flex items-center gap-1">
<span class="text-warning flex items-center gap-1">
<i class="iconify tabler--circle-filled align-middle"></i>
</span>
<span class="text-default-400 text-sm">Total Revenue</span>
</div>
<span class="font-semibold">$12.8M</span>
</div>
</div>
</div>
</div>
<div class="card" data-table="" data-table-rows-per-page="8">
<div class="card-header">
<!-- Search -->
<div class="flex gap-2.5">
<div class="input-icon-group">
<i class="iconify tabler--search input-icon"></i>
<input class="form-input" data-table-search="" placeholder="Search product name..." type="text"/>
</div>
<button class="btn bg-danger text-white hover:bg-danger-hover hidden" data-table-delete-selected="">Delete</button>
</div>
<div class="flex flex-wrap items-center gap-2.5 md:flex-nowrap">
<div class="items-center md:flex">
<span class="font-semibold me-5">Filter By:</span>
<!-- Category Filter -->
<div class="input-icon-group">
<i class="iconify tabler--tag input-icon"></i>
<select class="form-select" data-table-filter="category">
<option value="All">Category</option>
<option value="Electronics">Electronics</option>
<option value="Fashion">Fashion</option>
<option value="Home">Home</option>
<option value="Sports">Sports</option>
<option value="Beauty">Beauty</option>
</select>
</div>
</div>
<!-- Stock Filter -->
<div class="input-icon-group">
<i class="iconify tabler--activity input-icon"></i>
<select class="form-select" data-table-filter="status">
<option value="">Status</option>
<option value="Published">Published</option>
<option value="Pending">Pending</option>
<option value="Out of Stock">Out of Stock</option>
</select>
</div>
<!-- Price Range Filter -->
<div class="input-icon-group">
<i class="iconify tabler--currency-dollar input-icon"></i>
<select class="form-select" data-table-range-filter="price">
<option value="">Price Range</option>
<option value="0-50">$0 - $50</option>
<option value="51-150">$51 - $150</option>
<option value="151-500">$151 - $500</option>
<option value="500+">$500+</option>
</select>
</div>
<!-- Records Per Page -->
<div>
<select class="form-select" data-table-set-rows-per-page="">
<option value="5">5</option>
<option value="10">10</option>
<option value="15">15</option>
<option value="20">20</option>
</select>
</div>
</div>
<div class="flex flex-wrap items-center gap-2.5">
<nav aria-label="Tabs" aria-orientation="horizontal" class="flex items-center gap-1.25" role="tablist">
<a class="btn btn-icon bg-primary/10 text-primary hover:bg-primary hover:text-white" href="/apps-ecommerce-products-grid">
<i class="iconify tabler--apps text-lg"></i>
</a>
<a class="btn btn-icon bg-primary text-white hover:bg-primary-hover" href="/apps-ecommerce-products">
<i class="iconify tabler--list-check text-lg"></i>
</a>
</nav>
<a class="btn bg-danger text-white hover:bg-danger-hover" href="/apps-ecommerce-product-add">
<i class="iconify tabler--plus"></i>
                                        Add Product
                                    </a>
</div>
</div>
<div class="table-wrapper">
<table class="table table-hover">
<thead class="thead-sm">
<tr class="bg-light/25 text-2xs uppercase">
<th class="w-[1%]">
<input class="form-checkbox form-checkbox-light size-4.5" data-table-select-all="" id="select-all-products" type="checkbox"/>
</th>
<th data-table-sort="product">Product</th>
<th>SKU</th>
<th data-column="category" data-table-sort="">Category</th>
<th data-table-sort="">Stock</th>
<th data-column="price" data-table-sort="">Price</th>
<th data-table-sort="">Orders</th>
<th data-table-sort="rating">Rating</th>
<th data-column="status" data-table-sort="">Status</th>
<th data-table-sort="">Published</th>
<th class="text-center w-[1%]">Actions</th>
</tr>
</thead>
<tbody>
<!-- Product Row -->
<tr>
<td>
<input class="form-checkbox form-checkbox-light size-4.5" type="checkbox" value="option"/>
</td>
<td>
<div class="flex">
<div class="me-5 size-9">
<img alt="Product" class="rounded" src="/images/products/1.png"/>
</div>
<div>
<h5 class="mb-1.25">
<a class="hover:text-primary" data-sort="product" href="/apps-ecommerce-product-details">Wireless Earbuds</a>
</h5>
<p class="text-default-400 text-2xs">by: My Furniture</p>
</div>
</div>
</td>
<td>WB-10245</td>
<td>Electronics</td>
<td>
<h5>56</h5>
</td>
<td>$59.99</td>
<td>124</td>
<td>
<span class="text-warning">
<i class="iconify tabler--star-filled"></i>
<i class="iconify tabler--star-filled"></i>
<i class="iconify tabler--star-filled"></i>
<i class="iconify tabler--star-filled"></i>
<i class="iconify tabler--star-filled"></i>
</span>
<span class="ms-1.5">
<a class="hover:text-primary font-semibold" data-sort="rating" href="/apps-ecommerce-reviews">(87)</a>
</span>
</td>
<td>
<span class="badge py-0 font-semibold text-2xs bg-success/15 text-success">Published</span>
</td>
<td>
                                                18 Apr, 2025
                                                <small class="text-default-400">12:24 PM</small>
</td>
<td>
<div class="flex justify-center gap-1.25">
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="#">
<i class="iconify tabler--eye text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="#">
<i class="iconify tabler--edit text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" data-table-delete-row="" href="#">
<i class="iconify tabler--trash text-base"></i>
</a>
</div>
</td>
</tr>
<tr>
<td>
<input class="form-checkbox form-checkbox-light size-4.5" type="checkbox" value="option"/>
</td>
<td>
<div class="flex">
<div class="me-5 size-9">
<img alt="Product" class="rounded" src="/images/products/2.png"/>
</div>
<div>
<h5 class="mb-1.25">
<a class="hover:text-primary" data-sort="product" href="/apps-ecommerce-product-details">Smart LED Desk Lamp</a>
</h5>
<p class="text-default-400 text-2xs">by: BrightLite</p>
</div>
</div>
</td>
<td>SL-89012</td>
<td>Home &amp; Office</td>
<td>
<h5>32</h5>
</td>
<td>$39.49</td>
<td>78</td>
<td>
<span class="text-warning">
<i class="iconify tabler--star-filled"></i>
<i class="iconify tabler--star-filled"></i>
<i class="iconify tabler--star-filled"></i>
<i class="iconify tabler--star-filled"></i>
<i class="iconify tabler--star"></i>
</span>
<span class="ms-1.5">
<a class="hover:text-primary font-semibold" data-sort="rating" href="/apps-ecommerce-reviews">(54)</a>
</span>
</td>
<td>
<span class="badge py-0 font-semibold text-2xs bg-warning/15 text-warning">Pending</span>
</td>
<td>
                                                22 Apr, 2025
                                                <small class="text-default-400">09:45 AM</small>
</td>
<td>
<div class="flex justify-center gap-1.5">
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="/apps-ecommerce-product-details">
<i class="iconify tabler--eye text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="#">
<i class="iconify tabler--edit text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" data-table-delete-row="" href="#">
<i class="iconify tabler--trash text-base"></i>
</a>
</div>
</td>
</tr>
<tr>
<td>
<input class="form-checkbox form-checkbox-light size-4.5" type="checkbox" value="option"/>
</td>
<td>
<div class="flex">
<div class="me-5 size-9">
<img alt="Product" class="rounded" src="/images/products/3.png"/>
</div>
<div>
<h5 class="mb-1.25">
<a class="hover:text-primary" data-sort="product" href="/apps-ecommerce-product-details">Men's Running Shoes</a>
</h5>
<p class="text-default-400 text-2xs">by: ActiveWear Co.</p>
</div>
</div>
</td>
<td>RS-20450</td>
<td>Fashion</td>
<td>
<h5>120</h5>
</td>
<td>$89.00</td>
<td>231</td>
<td>
<span class="text-warning">
<i class="iconify tabler--star-filled"></i>
<i class="iconify tabler--star-filled"></i>
<i class="iconify tabler--star-filled"></i>
<i class="iconify tabler--star-filled"></i>
<i class="iconify tabler--star-filled"></i>
</span>
<span class="ms-1.5">
<a class="hover:text-primary font-semibold" data-sort="rating" href="/apps-ecommerce-reviews">(142)</a>
</span>
</td>
<td>
<span class="badge py-0 font-semibold text-2xs bg-success/15 text-success">Published</span>
</td>
<td>
                                                24 Apr, 2025
                                                <small class="text-default-400">03:10 PM</small>
</td>
<td>
<div class="flex justify-center gap-1.5">
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="/apps-ecommerce-product-details">
<i class="iconify tabler--eye text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="#">
<i class="iconify tabler--edit text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" data-table-delete-row="" href="#">
<i class="iconify tabler--trash text-base"></i>
</a>
</div>
</td>
</tr>
<tr>
<td>
<input class="form-checkbox form-checkbox-light size-4.5" type="checkbox" value="option"/>
</td>
<td>
<div class="flex">
<div class="me-5 size-9">
<img alt="Product" class="rounded" src="/images/products/4.png"/>
</div>
<div>
<h5 class="mb-1.25">
<a class="hover:text-primary" data-sort="product" href="/apps-ecommerce-product-details">Fitness Tracker Watch</a>
</h5>
<p class="text-default-400 text-2xs">by: FitPulse</p>
</div>
</div>
</td>
<td>FT-67123</td>
<td>Fitness</td>
<td>
<h5>78</h5>
</td>
<td>$49.95</td>
<td>198</td>
<td>
<span class="text-warning">
<i class="iconify tabler--star-filled"></i>
<i class="iconify tabler--star-filled"></i>
<i class="iconify tabler--star-filled"></i>
<i class="iconify tabler--star-filled"></i>
<i class="iconify tabler--star"></i>
</span>
<span class="ms-1.5">
<a class="hover:text-primary font-semibold" data-sort="rating" href="/apps-ecommerce-reviews">(89)</a>
</span>
</td>
<td>
<span class="badge py-0 font-semibold text-2xs bg-success/15 text-success">Published</span>
</td>
<td>
                                                23 Apr, 2025
                                                <small class="text-default-400">10:12 AM</small>
</td>
<td>
<div class="flex justify-center gap-1.5">
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="/apps-ecommerce-product-details">
<i class="iconify tabler--eye text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="#">
<i class="iconify tabler--edit text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" data-table-delete-row="" href="#">
<i class="iconify tabler--trash text-base"></i>
</a>
</div>
</td>
</tr>
<tr>
<td>
<input class="form-checkbox form-checkbox-light size-4.5" type="checkbox" value="option"/>
</td>
<td>
<div class="flex">
<div class="me-5 size-9">
<img alt="Product" class="rounded" src="/images/products/5.png"/>
</div>
<div>
<h5 class="mb-1.25">
<a class="hover:text-primary" data-sort="product" href="/apps-ecommerce-product-details">Gaming Mouse RGB</a>
</h5>
<p class="text-default-400 text-2xs">by: HyperClick</p>
</div>
</div>
</td>
<td>GM-72109</td>
<td>Gaming</td>
<td>
<h5>120</h5>
</td>
<td>$29.99</td>
<td>243</td>
<td>
<span class="text-warning">
<i class="iconify tabler--star-filled"></i>
<i class="iconify tabler--star-filled"></i>
<i class="iconify tabler--star-filled"></i>
<i class="iconify tabler--star"></i>
<i class="iconify tabler--star"></i>
</span>
<span class="ms-1.5">
<a class="hover:text-primary font-semibold" data-sort="rating" href="/apps-ecommerce-reviews">(102)</a>
</span>
</td>
<td>
<span class="badge py-0 font-semibold text-2xs bg-success/15 text-success">Published</span>
</td>
<td>
                                                19 Apr, 2025
                                                <small class="text-default-400">05:56 PM</small>
</td>
<td>
<div class="flex justify-center gap-1.5">
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="/apps-ecommerce-product-details">
<i class="iconify tabler--eye text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="#">
<i class="iconify tabler--edit text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" data-table-delete-row="" href="#">
<i class="iconify tabler--trash text-base"></i>
</a>
</div>
</td>
</tr>
<tr>
<td>
<input class="form-checkbox form-checkbox-light size-4.5" type="checkbox" value="option"/>
</td>
<td>
<div class="flex">
<div class="me-5 size-9">
<img alt="Product" class="rounded" src="/images/products/6.png"/>
</div>
<div>
<h5 class="mb-1.25">
<a class="hover:text-primary" data-sort="product" href="/apps-ecommerce-product-details">Modern Lounge Chair</a>
</h5>
<p class="text-default-400 text-2xs">by: UrbanLiving</p>
</div>
</div>
</td>
<td>FC-31220</td>
<td>Furniture</td>
<td>
<h5>24</h5>
</td>
<td>$199.00</td>
<td>38</td>
<td>
<span class="text-warning">
<i class="iconify tabler--star-filled"></i>
<i class="iconify tabler--star-filled"></i>
<i class="iconify tabler--star-filled"></i>
<i class="iconify tabler--star-filled"></i>
<i class="iconify tabler--star-filled"></i>
</span>
<span class="ms-1.5">
<a class="hover:text-primary font-semibold" data-sort="rating" href="/apps-ecommerce-reviews">(27)</a>
</span>
</td>
<td>
<span class="badge py-0 font-semibold text-2xs bg-danger/15 text-danger">Out of Stock</span>
</td>
<td>
                                                18 Apr, 2025
                                                <small class="text-default-400">11:30 AM</small>
</td>
<td>
<div class="flex justify-center gap-1.5">
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="/apps-ecommerce-product-details">
<i class="iconify tabler--eye text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="#">
<i class="iconify tabler--edit text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" data-table-delete-row="" href="#">
<i class="iconify tabler--trash text-base"></i>
</a>
</div>
</td>
</tr>
<tr>
<td>
<input class="form-checkbox form-checkbox-light size-4.5" type="checkbox" value="option"/>
</td>
<td>
<div class="flex">
<div class="me-5 size-9">
<img alt="Product" class="rounded" src="/images/products/7.png"/>
</div>
<div>
<h5 class="mb-1.25">
<a class="hover:text-primary" data-sort="product" href="/apps-ecommerce-product-details">Plush Toy Bear</a>
</h5>
<p class="text-default-400 text-2xs">by: Softies</p>
</div>
</div>
</td>
<td>TY-00788</td>
<td>Toys</td>
<td>
<h5>150</h5>
</td>
<td>$15.99</td>
<td>305</td>
<td>
<span class="text-warning">
<i class="iconify tabler--star-filled"></i>
<i class="iconify tabler--star-filled"></i>
<i class="iconify tabler--star-filled"></i>
<i class="iconify tabler--star-filled"></i>
<i class="iconify tabler--star"></i>
</span>
<span class="ms-1.5">
<a class="hover:text-primary font-semibold" data-sort="rating" href="/apps-ecommerce-reviews">(120)</a>
</span>
</td>
<td>
<span class="badge py-0 font-semibold text-2xs bg-success/15 text-success">Published</span>
</td>
<td>
                                                17 Apr, 2025
                                                <small class="text-default-400">04:21 PM</small>
</td>
<td>
<div class="flex justify-center gap-1.5">
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="/apps-ecommerce-product-details">
<i class="iconify tabler--eye text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="#">
<i class="iconify tabler--edit text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" data-table-delete-row="" href="#">
<i class="iconify tabler--trash text-base"></i>
</a>
</div>
</td>
</tr>
<tr>
<td>
<input class="form-checkbox form-checkbox-light size-4.5" type="checkbox" value="option"/>
</td>
<td>
<div class="flex">
<div class="me-5 size-9">
<img alt="Product" class="rounded" src="/images/products/8.png"/>
</div>
<div>
<h5 class="mb-1.25">
<a class="hover:text-primary" data-sort="product" href="/apps-ecommerce-product-details">55" Ultra HD Smart TV</a>
</h5>
<p class="text-default-400 text-2xs">by: ViewMaster</p>
</div>
</div>
</td>
<td>TV-5588</td>
<td>Electronics</td>
<td>
<h5>64</h5>
</td>
<td>$499.00</td>
<td>142</td>
<td>
<span class="text-warning">
<i class="iconify tabler--star-filled"></i>
<i class="iconify tabler--star-filled"></i>
<i class="iconify tabler--star-filled"></i>
<i class="iconify tabler--star-filled"></i>
<i class="iconify tabler--star"></i>
</span>
<span class="ms-1.5">
<a class="hover:text-primary font-semibold" data-sort="rating" href="/apps-ecommerce-reviews">(88)</a>
</span>
</td>
<td>
<span class="badge py-0 font-semibold text-2xs bg-success/15 text-success">Published</span>
</td>
<td>
                                                25 Apr, 2025
                                                <small class="text-default-400">10:10 AM</small>
</td>
<td>
<div class="flex justify-center gap-1.5">
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="/apps-ecommerce-product-details">
<i class="iconify tabler--eye text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="#">
<i class="iconify tabler--edit text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" data-table-delete-row="" href="#">
<i class="iconify tabler--trash text-base"></i>
</a>
</div>
</td>
</tr>
<tr>
<td>
<input class="form-checkbox form-checkbox-light size-4.5" type="checkbox" value="option"/>
</td>
<td>
<div class="flex">
<div class="me-5 size-9">
<img alt="Product" class="rounded" src="/images/products/9.png"/>
</div>
<div>
<h5 class="mb-1.25">
<a class="hover:text-primary" data-sort="product" href="/apps-ecommerce-product-details">Apple iMac 24" M3</a>
</h5>
<p class="text-default-400 text-2xs">by: Apple</p>
</div>
</div>
</td>
<td>IMAC-M3-24</td>
<td>Computers</td>
<td>
<h5>18</h5>
</td>
<td>$1,399.00</td>
<td>29</td>
<td>
<span class="text-warning">
<i class="iconify tabler--star-filled"></i>
<i class="iconify tabler--star-filled"></i>
<i class="iconify tabler--star-filled"></i>
<i class="iconify tabler--star-filled"></i>
<i class="iconify tabler--star-filled"></i>
</span>
<span class="ms-1.5">
<a class="hover:text-primary font-semibold" data-sort="rating" href="/apps-ecommerce-reviews">(16)</a>
</span>
</td>
<td>
<span class="badge py-0 font-semibold text-2xs bg-warning/15 text-warning">Pending</span>
</td>
<td>
                                                24 Apr, 2025
                                                <small class="text-default-400">02:14 PM</small>
</td>
<td>
<div class="flex justify-center gap-1.5">
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="/apps-ecommerce-product-details">
<i class="iconify tabler--eye text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="#">
<i class="iconify tabler--edit text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" data-table-delete-row="" href="#">
<i class="iconify tabler--trash text-base"></i>
</a>
</div>
</td>
</tr>
<tr>
<td>
<input class="form-checkbox form-checkbox-light size-4.5" type="checkbox" value="option"/>
</td>
<td>
<div class="flex">
<div class="me-5 size-9">
<img alt="Product" class="rounded" src="/images/products/10.png"/>
</div>
<div>
<h5 class="mb-1.25">
<a class="hover:text-primary" data-sort="product" href="/apps-ecommerce-product-details">Smart Watch Pro X2</a>
</h5>
<p class="text-default-400 text-2xs">by: FitTech</p>
</div>
</div>
</td>
<td>SWPX2-GL</td>
<td>Wearables</td>
<td>
<h5>85</h5>
</td>
<td>$149.50</td>
<td>197</td>
<td>
<span class="text-warning">
<i class="iconify tabler--star-filled"></i>
<i class="iconify tabler--star-filled"></i>
<i class="iconify tabler--star-filled"></i>
<i class="iconify tabler--star-filled"></i>
<i class="iconify tabler--star"></i>
</span>
<span class="ms-1.5">
<a class="hover:text-primary font-semibold" data-sort="rating" href="/apps-ecommerce-reviews">(65)</a>
</span>
</td>
<td>
<span class="badge py-0 font-semibold text-2xs bg-success/15 text-success">Published</span>
</td>
<td>
                                                23 Apr, 2025
                                                <small class="text-default-400">08:00 AM</small>
</td>
<td>
<div class="flex justify-center gap-1.5">
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="/apps-ecommerce-product-details">
<i class="iconify tabler--eye text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="#">
<i class="iconify tabler--edit text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" data-table-delete-row="" href="#">
<i class="iconify tabler--trash text-base"></i>
</a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="card-footer">
<div data-table-pagination-info="products"></div>
<div data-table-pagination=""></div>
</div>
</div>
</div>
</main>

                <?= $this->include('partials/footer') ?>
            </div>
</div>
<!-- End Page content -->

        <?= $this->include('partials/customizer') ?> <?= $this->include('partials/footer-scripts') ?>

        <!-- Custom table -->
<script src="/js/pages/custom-table.js"></script>
</body>
</html>