diff --git a/about-us.php b/about-us.php index 04b7976..7be0321 100644 --- a/about-us.php +++ b/about-us.php @@ -183,7 +183,7 @@ -
+ -
+ @@ -437,7 +437,7 @@ -
+ diff --git a/admin/login.php b/admin/login.php index f3565b9..4577757 100644 --- a/admin/login.php +++ b/admin/login.php @@ -31,7 +31,8 @@ if ($_SESSION["isLoggedIn"] == true and $_SESSION["user_type"] == "admin"){ - + + diff --git a/admin/order-history.php b/admin/order-history.php index 5846190..f3b9085 100644 --- a/admin/order-history.php +++ b/admin/order-history.php @@ -46,7 +46,8 @@ $allorders = json_encode($orders, true); - + + diff --git a/admin/vendor-product-grid.php b/admin/vendor-product-grid.php index 42c15a2..4b31163 100644 --- a/admin/vendor-product-grid.php +++ b/admin/vendor-product-grid.php @@ -190,7 +190,61 @@ if($_SESSION["user_type"]!="admin"){ const array = new Array(productData) console.log(array) // const parseJs =JSON.parse(productData) - function searchProduct(e){ + function searchProduct(e) { + const searchInput = document.getElementById('searchProduct'); + const productWrap = document.getElementById('productWrap'); + + // Clear previous search results + productWrap.innerHTML = ''; + + // Get search query and ensure it's lowercase + const query = searchInput.value.trim().toLowerCase(); + + // Filter products based on search query + const filteredProducts = array[0].filter(product => { + return product.product_name.toLowerCase().includes(query); + }); + + if (filteredProducts.length > 0) { + // Display filtered products + filteredProducts.forEach(prod => { + const productImage = prod.images.split(',') ?? []; + const image = productImage[0] ? + `product image` : + `placeholder image`; + + const card = document.createElement('div'); + card.classList.add('col-lg-3', 'col-md-4', 'col-sm-6'); + card.innerHTML = ` +
+
+
+
+ ${image} +
+
+
+

${prod.product_name}

+

₱${prod.regular_price}

+
+
+
+
+
+
+
+
+ `; + productWrap.appendChild(card); + }); + } else { + // Display message if no products found + productWrap.innerHTML = `

No Product Found.

`; + } + } + const search = document.getElementById('searchProduct'); + search.addEventListener("input", searchProduct); + /* function searchProduct(e){ const searchInput = document.getElementById('searchProduct') let search = [] @@ -255,7 +309,7 @@ if($_SESSION["user_type"]!="admin"){ // console.log(search) } const search = document.getElementById('searchProduct') - search.addEventListener("input", searchProduct) + search.addEventListener("input", searchProduct) */
@@ -180,6 +182,7 @@ if ($_SESSION["userId"] <> "") {
+ +
@@ -308,6 +312,7 @@ if ($_SESSION["userId"] <> "") {
+
@@ -428,19 +433,30 @@ if ($_SESSION["userId"] <> "") {
- + + + Unit Price:
Subtotal:
-
-
-
- -
+
+
+
- +
+ +
+ +
- + + +
diff --git a/product-left-sidebar.php b/product-left-sidebar.php index 2484b5d..996e769 100644 --- a/product-left-sidebar.php +++ b/product-left-sidebar.php @@ -487,27 +487,34 @@ if (isset($_GET['id'])) {
-
'; + echo '
-
'; echo ''; - echo '
+
'; - echo '
'; + echo '
+
'; + echo '
'; echo ''; echo '
'; } else { if (!empty($product_details['regular_price']) || !empty($product_details['sale_price'])) { - echo '
-
'; + echo '
-
'; echo ''; - echo '
+
'; - // echo '
'; - echo '
'; + echo '
+
'; + echo '
'; echo '
'; @@ -517,7 +524,8 @@ if (isset($_GET['id'])) { } } else { echo ''; + echo '
'; } ?>