From 3f334715f34cd7c3d37be542bb46ccb8ef2c1c04 Mon Sep 17 00:00:00 2001
From: Stacy <stacyjoycemapano@gmail.com>
Date: Tue, 30 Apr 2024 13:45:35 +0800
Subject: [PATCH] updated quantity UI

---
 cart.php | 28 ++++++++++++++++++++++------
 1 file changed, 22 insertions(+), 6 deletions(-)

diff --git a/cart.php b/cart.php
index 63c70e8..3e49ae4 100644
--- a/cart.php
+++ b/cart.php
@@ -229,19 +229,35 @@ if ($_SESSION["userId"] <> "") {
                                                         ?>
 
                                                                 <tr id="cart_order_<?php echo $order['_id'] ?>">
-                                                                    <td data-label="Product" class="ec-cart-pro-name"><a href="product-left-sidebar.php?id=<?php echo $order['items'][0]['product']['product_id']; ?>"><img loading="lazy" class="ec-cart-pro-img mr-4" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="" /><?php echo $order['items'][0]['product']['name']; ?></a></td>
+                                                                    <td data-label="Product" class="ec-cart-pro-name"><a href="product-left-sidebar.php?id=<?php echo $order['items'][0]['product']['product_id']; ?>">
+                                                                        <img loading="lazy" class="ec-cart-pro-img mr-4" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="" />
+                                                                            <?php echo $order['items'][0]['product']['name']; ?></a>
+                                                                    </td>
                                                                     <td data-label="Price" class="ec-cart-pro-price"><span class="amount"><?php echo $order['items'][0]['price']; ?></span></td>
                                                                     <td data-label="Quantity" class="ec-cart-pro-qty" style="text-align: center;">
-                                                                        <div class="cart-qty-plus-minus2" style="width:100px; margin:auto;">
-                                                                            <div class="qty-btn" onclick="qtyDecrementCart('<?php echo $order['_id']; ?>' , '<?php echo $order['items'][0]['_id']; ?>',false, '<?php echo $order['items'][0]['product']['product_id']; ?>')">-</div>
-                                                                            <input id="cart_qty-input-<?php echo $order['items'][0]['_id']; ?>" class="qty-input" type="number" name="ec_qtybtn" value="<?php echo $order['items'][0]['quantity']; ?>" oninput="handleQtyInputCart(this, '<?php echo $order['_id']; ?>', '<?php echo $order['items'][0]['_id']; ?>','<?php echo $order['items'][0]['product']['product_id']; ?>')" />
-                                                                            <div class="qty-btn" onclick="qtyIncrementCart('<?php echo $order['_id']; ?>' , '<?php echo $order['items'][0]['_id']; ?>',false, '<?php echo $order['items'][0]['product']['product_id']; ?>')">+</div>
+                                                                        <!-- CART UI -->
+                                                                        <div class="cart-qty-plus-minus2 d-flex justify-content-center mt-1">
+                                                                            <div class="qty-btn" style="color:#ffaa00; font-size:35px; margin-right:5px; cursor: pointer;" onclick="qtyDecrementCart('<?php echo $order['_id']; ?>' , 
+                                                                                '<?php echo $order['items'][0]['_id']; ?>',false, '<?php echo $order['items'][0]['product']['product_id']; ?>')"
+                                                                                    onmouseover="this.style.color='#a15d00'" onmouseout="this.style.color='#ffaa00'">-
+                                                                            </div>
+                                                                            <input style="width:100px; height:40px mt-3" id="cart_qty-input-<?php echo $order['items'][0]['_id']; ?>" class="qty-input" type="number" name="ec_qtybtn" 
+                                                                                value="<?php echo $order['items'][0]['quantity']; ?>" oninput="handleQtyInputCart(this, '<?php echo $order['_id']; ?>', 
+                                                                                    '<?php echo $order['items'][0]['_id']; ?>','<?php echo $order['items'][0]['product']['product_id']; ?>')" />
+                                                                            <div class="qty-btn" style="color:#ffaa00; font-size:30px; margin-left:5px; cursor: pointer;" onclick="qtyIncrementCart('<?php echo $order['_id']; ?>' , 
+                                                                                '<?php echo $order['items'][0]['_id']; ?>',false, '<?php echo $order['items'][0]['product']['product_id']; ?>')"
+                                                                                    onmouseover="this.style.color='#a15d00'" onmouseout="this.style.color='#ffaa00'">+</div>
                                                                         </div>
                                                                         <span id="cart_qty_<?php echo $order['_id'] ?>"></span>
                                                                     </td>
                                                                     <td data-label="Total" class="cart_subtotal-<?php echo $order['_id']; ?>" style="font-weight:bold"> <?php echo $order['total_amount'] ?></td>
                                                                     <td data-label="Remove" class="ec-cart-pro-remove">
-                                                                        <a onclick="deleteOrderCart('<?php echo $order['_id']; ?>')"><i class="ecicon eci-trash-o"></i></a>
+                                                                        <!-- <a onclick="deleteOrderCart('<?php # echo $order['_id']; ?>')"><i class="ecicon eci-trash-o"></i></a> -->
+                                                                        <a href="#" class="removeCart" onclick="deleteOrderCart('<?php  echo $order['_id']; ?>')">
+                                                                            <i class="ecicon eci-trash" style="color:#7e7e7e;" onmouseover="this.style.color='#aaaaaa'" 
+                                                                                onmouseout="this.style.color='#7e7e7e'">
+                                                                            </i>
+                                                                        </a>
                                                                     </td>
                                                                 </tr>
                                                 <?php