Merge pull request 'louie_branch' (#92) from louie_branch into main

Reviewed-on: #92

about-us.php

@@ -18,7 +18,10 @@
      <meta name="msapplication-TileImage" content="assets/images/favicon/favicon.png" />
  
      <!-- css Icon Font -->
-     <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+      <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
+        integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A=="
+        crossorigin="anonymous" referrerpolicy="no-referrer" />
  
      <!-- css All Plugins Files -->
      <link rel="stylesheet" href="assets/css/plugins/animate.css" />
@@ -58,7 +61,7 @@
                 </div>
                 <ul class="eccart-pro-items">
                     <li>
-                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
+                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy"
                                 src="assets/images/product-image/6_1.jpg" alt="product"></a>
                         <div class="ec-pro-content">
                             <a href="shop-left-sidebar-col-4.php" class="cart_pro_title">T-shirt For Women</a>
@@ -70,7 +73,7 @@
                         </div>
                     </li>
                     <li>
-                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
+                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy"
                                 src="assets/images/product-image/12_1.jpg" alt="product"></a>
                         <div class="ec-pro-content">
                             <a href="shop-left-sidebar-col-4.php" class="cart_pro_title">Women Leather Shoes</a>
@@ -82,7 +85,7 @@
                         </div>
                     </li>
                     <li>
-                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
+                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy"
                                 src="assets/images/product-image/3_1.jpg" alt="product"></a>
                         <div class="ec-pro-content">
                             <a href="shop-left-sidebar-col-4.php" class="cart_pro_title">Girls Nylon Purse</a>
@@ -162,7 +165,7 @@
                     <div class="row">
                         <div class="col-md-6 ec-cms-block ec-abcms-block text-center">
                             <div class="ec-cms-block-inner">
-                            <img class="a-img" src="assets/images/offer-image/1.jpg" alt="about">
+                            <img loading="lazy" class="a-img" src="assets/images/offer-image/1.jpg" alt="about">
                             </div>
                         </div>
                         <div class="col-md-6 ec-cms-block ec-abcms-block text-center">
@@ -200,7 +203,7 @@
                         <li class="ec-test-item">
                             <i class="fi-rr-quote-right top"></i>
                             <div class="ec-test-inner">
-                                <div class="ec-test-img"><img alt="testimonial" title="testimonial"
+                                <div class="ec-test-img"><img loading="lazy" alt="testimonial" title="testimonial"
                                         src="assets/images/testimonial/1.jpg" /></div>
                                 <div class="ec-test-content">
                                     <div class="ec-test-desc">Lorem Ipsum is simply dummy text of the printing and
@@ -223,7 +226,7 @@
                         <li class="ec-test-item ">
                             <i class="fi-rr-quote-right top"></i>
                             <div class="ec-test-inner">
-                                <div class="ec-test-img"><img alt="testimonial" title="testimonial"
+                                <div class="ec-test-img"><img loading="lazy" alt="testimonial" title="testimonial"
                                         src="assets/images/testimonial/2.jpg" /></div>
                                 <div class="ec-test-content">
                                     <div class="ec-test-desc">Lorem Ipsum is simply dummy text of the printing and
@@ -246,7 +249,7 @@
                         <li class="ec-test-item">
                             <i class="fi-rr-quote-right top"></i>
                             <div class="ec-test-inner">
-                                <div class="ec-test-img"><img alt="testimonial" title="testimonial"
+                                <div class="ec-test-img"><img loading="lazy" alt="testimonial" title="testimonial"
                                         src="assets/images/testimonial/3.jpg" /></div>
                                 <div class="ec-test-content">
                                     <div class="ec-test-desc">Lorem Ipsum is simply dummy text of the printing and
@@ -347,28 +350,28 @@
                         <!-- instagram item -->
                         <!-- <div class="ec-insta-item">
                             <div class="ec-insta-inner">
-                                <a href="#" target="_blank"><img src="assets/images/instragram-image/1.jpg"
+                                <a href="#" target="_blank"><img loading="lazy" src="assets/images/instragram-image/1.jpg"
                                         alt="insta"></a>
                             </div>
                         </div> -->
                         <!-- instagram item -->
                         <!-- <div class="ec-insta-item">
                             <div class="ec-insta-inner">
-                                <a href="#" target="_blank"><img src="assets/images/instragram-image/2.jpg"
+                                <a href="#" target="_blank"><img loading="lazy" src="assets/images/instragram-image/2.jpg"
                                         alt="insta"></a>
                             </div>
                         </div> -->
                         <!-- instagram item -->
                         <!-- <div class="ec-insta-item">
                             <div class="ec-insta-inner">
-                                <a href="#" target="_blank"><img src="assets/images/instragram-image/3.jpg"
+                                <a href="#" target="_blank"><img loading="lazy" src="assets/images/instragram-image/3.jpg"
                                         alt="insta"></a>
                             </div>
                         </div> -->
                         <!-- instagram item -->
                         <!-- <div class="ec-insta-item">
                             <div class="ec-insta-inner">
-                                <a href="#" target="_blank"><img src="assets/images/instragram-image/4.jpg"
+                                <a href="#" target="_blank"><img loading="lazy" src="assets/images/instragram-image/4.jpg"
                                         alt="insta"></a>
                             </div>
                         </div> -->
@@ -376,7 +379,7 @@
                         <!-- instagram item -->
                         <!-- <div class="ec-insta-item">
                             <div class="ec-insta-inner">
-                                <a href="#" target="_blank"><img src="assets/images/instragram-image/5.jpg"
+                                <a href="#" target="_blank"><img loading="lazy" src="assets/images/instragram-image/5.jpg"
                                         alt="insta"></a>
                             </div>
                         </div> -->
@@ -384,7 +387,7 @@
                         <!-- instagram item -->
                         <!-- <div class="ec-insta-item">
                             <div class="ec-insta-inner">
-                                <a href="#" target="_blank"><img src="assets/images/instragram-image/6.jpg"
+                                <a href="#" target="_blank"><img loading="lazy" src="assets/images/instragram-image/6.jpg"
                                         alt="insta"></a>
                             </div>
                         </div> -->
@@ -392,7 +395,7 @@
                         <!-- instagram item -->
                         <!-- <div class="ec-insta-item">
                             <div class="ec-insta-inner">
-                                <a href="#" target="_blank"><img src="assets/images/instragram-image/7.jpg"
+                                <a href="#" target="_blank"><img loading="lazy" src="assets/images/instragram-image/7.jpg"
                                         alt="insta"></a>
                             </div>
                         </div> -->
@@ -438,7 +441,7 @@
 
     <!-- Recent Purchase Popup  -->
     <!-- <div class="recent-purchase">
-        <img src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -458,129 +461,7 @@
     </div>
     <!-- Cart Floating Button end -->
 
-    <!-- Whatsapp -->
-    <div class="ec-style ec-right-bottom">
-        <!-- Start Floating Panel Container -->
-        <div class="ec-panel">
-            <!-- Panel Header -->
-            <div class="ec-header">
-                <strong>Need Help?</strong>
-                <p>Chat with us on WhatsApp</p>
-            </div>
-            <!-- Panel Content -->
-            <div class="ec-body">
-                <ul>
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266"
-                            data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img"
-                                        alt="Profile image">
-                                    <span class="ec-status-icon"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Sahar Darya</span>
-                                    <p>Sahar left 7 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266"
-                            data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img"
-                                        alt="Profile image">
-                                    <span class="ec-status-icon ec-online"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Yolduz Rafi</span>
-                                    <p>Yolduz is online</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266"
-                            data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img"
-                                        alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Nargis Hawa</span>
-                                    <p>Nargis left 30 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266"
-                            data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img"
-                                        alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Khadija Mehr</span>
-                                    <p>Khadija left 50 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                </ul>
-            </div>
-        </div>
-        <!--/ End Floating Panel Container -->
-        <!-- Start Right Floating Button-->
-        <div class="ec-right-bottom">
-            <div class="ec-box">
-                <div class="ec-button rotateBackward">
-                    <img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
-                </div>
-            </div>
-        </div>
-        <!--/ End Right Floating Button-->
-    </div>
-    <!-- Whatsapp end -->
+   
 
     <!-- Feature tools -->
     <div class="ec-tools-sidebar-overlay"></div>
@@ -589,7 +470,7 @@
             <h3>Features</h3>
         </div>
         <a href="#" class="ec-tools-sidebar-toggle in-out">
-            <img alt="icon" src="assets/images/common/settings.png">
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png">
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">

admin/assets/js/dashboard-chart.js

@@ -7,12 +7,17 @@ $(document).ready(function() {
         fetchData()
             .then(function (response) {
                 responseData = response.data;
-                console.log(responseData);
                 const completedOrdersCount = countCompletedOrders(responseData);
                 const toPayOrdersCount = countToPayOrders(responseData);
                 const toShipOrdersCount = countToShipOrders(responseData);
-                const returnedOrdersCount = countReturnedpOrders(responseData);
+                const returnedOrdersCount = countReturnedOrders(responseData);
+                const { cod_monthly_totals, obpay_monthly_totals, months } = countMonthlySales(responseData);
+                const { cod_daily_totals, obpay_daily_totals } = countDailySales(responseData);
+                const { cod_yearly_totals, obpay_yearly_totals, years } = countYearlySales(responseData);
                 initializeChart(completedOrdersCount, toPayOrdersCount, toShipOrdersCount, returnedOrdersCount);
+                initializeSalesChart(cod_daily_totals, obpay_daily_totals, cod_monthly_totals,  
+                                    obpay_monthly_totals, months, cod_yearly_totals, obpay_yearly_totals, years
+                );
             })
             .catch(function (error) {
                 console.error('Error fetching data:', error);
@@ -24,50 +29,266 @@ $(document).ready(function() {
     }
 
 
-    function countCompletedOrders(data) {
-        let completedOrdersCount = 0;
-        data.forEach(function(order) {
+    function getCurrentMonthData(data) {
+      const now = new Date();
+      const currentMonth = now.getMonth();
+      const currentYear = now.getFullYear();
+  
+      return data.filter(order => {
+          const orderDate = new Date(order.order_date);
+          return orderDate.getMonth() === currentMonth && orderDate.getFullYear() === currentYear;
+      });
+  }            
+  
+  function countCompletedOrders(data) {
+      const filteredData = getCurrentMonthData(data);
+      let completedOrdersCount = 0;
+      filteredData.forEach(function(order) {
           if (order.status === 'COMPLETED') {
-            completedOrdersCount++;
+              completedOrdersCount++;
           }
-        });
-        console.log(completedOrdersCount)
-        return completedOrdersCount;
+      });
+      console.log(completedOrdersCount);
+      return completedOrdersCount;
+  }
+  
+  function countYearlySales(data) {
+    const now = new Date();
+    const years = [];
+    const cod_yearly_totals = Array(5).fill(0);
+    const obpay_yearly_totals = Array(5).fill(0);
+
+    // Initialize years array with the current year and the previous four years
+    for (let i = 4; i >= 0; i--) {
+        const year = new Date(now.getFullYear() - i, 0, 1);  // January 1st of each year
+        years.push(year);
     }
 
+    data.forEach(order => {
+        const orderDate = new Date(order.order_date);
+        orderDate.setHours(0, 0, 0, 0);
 
-    function countToPayOrders(data) {
-        let toPayOrdersCount = 0;
-        data.forEach(function(order) {
+        // Check if payment status exists and is not null
+        if (order.payment && order.payment.status) {
+            const payment_status = order.payment.status.toLowerCase();
+
+            years.forEach((year, index) => {
+                if (orderDate.getFullYear() === year.getFullYear()) {
+                    if (payment_status === "paid") {
+                        const total_amount = parseInt(order.total_amount);
+                        if (order.payment_method === "Cash On Delivery") {
+                            cod_yearly_totals[4 - index] += total_amount;  // Adjust index since we are going from current to past
+                        } else if (order.payment_method === "Obananapay") {
+                            obpay_yearly_totals[4 - index] += total_amount;
+                        }
+                    }
+                }
+            });
+        }
+    });
+    cod_yearly_totals.reverse();
+    obpay_yearly_totals.reverse();
+    return { 
+        cod_yearly_totals, 
+        obpay_yearly_totals,
+        years: years.map(year => year.getFullYear().toString())  // Return year labels for use in charts or displays
+    };
+}
+
+
+  function countMonthlySales(data) {
+    const now = new Date();
+    const months = [];
+    const cod_monthly_totals = Array(12).fill(0);
+    const obpay_monthly_totals = Array(12).fill(0);
+    for (let i = 11; i >= 0; i--) {
+        const month = new Date(now.getFullYear(), now.getMonth() - i, 1);
+        months.push(month);
+    }
+  
+      data.forEach(order => {
+          if (order.payment && order.payment.status){
+            const orderDate = new Date(order.order_date);
+            orderDate.setHours(0, 0, 0, 0);
+            const payment_status = order.payment.status.toLowerCase();
+
+            months.forEach((month, index) => {
+                if (orderDate.getFullYear() === month.getFullYear() && orderDate.getMonth() === month.getMonth()) {
+                    if (payment_status === "paid") {
+                        const total_amount = parseInt(order.total_amount);
+                        if (order.payment_method === "Cash On Delivery") {
+                            cod_monthly_totals[11 - index] += total_amount;
+                        } else if (order.payment_method === "Obananapay") {
+                            obpay_monthly_totals[11 - index] += total_amount;
+                        }
+                    }
+                }
+            });
+          }
+      });
+    console.log(cod_monthly_totals)
+    cod_monthly_totals.reverse();
+    obpay_monthly_totals.reverse();
+    return { 
+        cod_monthly_totals, 
+        obpay_monthly_totals,
+        months: months.map(month => `${month.toLocaleString('default', { month: 'short' })} ${month.getFullYear()}`) // Return month labels for use in charts or displays
+    };
+}
+
+
+
+  function countDailySales(data) {
+    const today = new Date();
+    today.setHours(0, 0, 0, 0);
+
+    const sevenDaysAgo = new Date();
+    sevenDaysAgo.setDate(today.getDate() - 6);
+    sevenDaysAgo.setHours(0, 0, 0, 0);
+
+    const sixDaysAgo = new Date();
+    sixDaysAgo.setDate(today.getDate() - 5);
+    sixDaysAgo.setHours(0, 0, 0, 0);
+
+    const fiveDaysAgo = new Date();
+    fiveDaysAgo.setDate(today.getDate() - 4);
+    fiveDaysAgo.setHours(0, 0, 0, 0);
+
+    const fourDaysAgo = new Date();
+    fourDaysAgo.setDate(today.getDate() - 3);
+    fourDaysAgo.setHours(0, 0, 0, 0);
+
+    const threeDaysAgo = new Date();
+    threeDaysAgo.setDate(today.getDate() - 2);
+    threeDaysAgo.setHours(0, 0, 0, 0);
+
+    const twoDaysAgo = new Date();
+    twoDaysAgo.setDate(today.getDate() - 1);
+    twoDaysAgo.setHours(0, 0, 0, 0);
+    //variables for total daily sales on COD 
+    let cod_total_7 = 0;
+    let cod_total_6 = 0;
+    let cod_total_5 = 0;
+    let cod_total_4 = 0;
+    let cod_total_3 = 0;
+    let cod_total_2 = 0;
+    let cod_total_1 = 0;
+
+    //variables for total daily sales on ObananaPay 
+    let obpay_total_7 = 0;
+    let obpay_total_6 = 0;
+    let obpay_total_5 = 0;
+    let obpay_total_4 = 0;
+    let obpay_total_3 = 0;
+    let obpay_total_2 = 0;
+    let obpay_total_1 = 0;
+
+
+    data.forEach(order => {
+        const orderDate = new Date(order.order_date);
+        orderDate.setHours(0, 0, 0, 0);
+        const payment_status = order.payment.status;
+        if (orderDate.getTime() === sevenDaysAgo.getTime() ) {
+          if(payment_status.toLowerCase() === "paid"  && order.payment_method === "Cash On Delivery"  ){
+            cod_total_7 += parseInt(order.total_amount);
+            console.log(order)
+            // console.log("compare:" + sevenDaysAgo)
+          }else if (payment_status.toLowerCase() === "paid" && order.payment_method === "Obananapay") {
+            obpay_total_7 += parseInt(order.total_amount);
+          }
+        }else if (orderDate.getTime() === sixDaysAgo.getTime() ) {
+          if(payment_status.toLowerCase() === "paid"  && order.payment_method === "Cash On Delivery" ){
+            cod_total_6 += parseInt(order.total_amount);
+            console.log(order)
+            // console.log("compare:" + sevenDaysAgo)
+          }else if (payment_status.toLowerCase() === "paid" && order.payment_method === "Obananapay") {
+            obpay_total_6 += parseInt(order.total_amount);
+          }
+        }else if (orderDate.getTime() === fiveDaysAgo.getTime() ) {
+          if(payment_status.toLowerCase() === "paid"  && order.payment_method === "Cash On Delivery" ){
+            cod_total_5 += parseInt(order.total_amount);
+            console.log(order)
+            // console.log("compare:" + sevenDaysAgo)
+          }else if (payment_status.toLowerCase() === "paid" && order.payment_method === "Obananapay") {
+            obpay_total_5 += parseInt(order.total_amount);
+          }
+        }else if (orderDate.getTime() === fourDaysAgo.getTime() ) {
+          if(payment_status.toLowerCase() === "paid"  && order.payment_method === "Cash on Delivery" ){
+            cod_total_4 += parseInt(order.total_amount);
+            console.log(order)
+            // console.log("compare:" + sevenDaysAgo)
+          }else if (payment_status.toLowerCase() === "paid" && order.payment_method === "Obananapay") {
+            obpay_total_4 += parseInt(order.total_amount);
+          }
+        }else if (orderDate.getTime() === threeDaysAgo.getTime() ) {
+          if(payment_status.toLowerCase() === "paid"  && order.payment_method === "Cash On Delivery" ){
+            cod_total_3 += parseInt(order.total_amount);
+            console.log(order)
+            // console.log("compare:" + sevenDaysAgo)
+          }else if (payment_status.toLowerCase() === "paid" && order.payment_method === "Obananapay") {
+            obpay_total_3 += parseInt(order.total_amount);
+          }
+        }else if (orderDate.getTime() === twoDaysAgo.getTime() ) {
+          if(payment_status.toLowerCase() === "paid"  && order.payment_method === "Cash On Delivery" ){
+            cod_total_2 += parseInt(order.total_amount);
+            console.log(order)
+            // console.log("compare:" + sevenDaysAgo)
+          }else if (payment_status.toLowerCase() === "paid" && order.payment_method === "Obananapay") {
+            obpay_total_2 += parseInt(order.total_amount);
+          }
+        }else if (orderDate.getTime() === today.getTime() ) {
+          if(payment_status.toLowerCase() === "paid"  && order.payment_method === "Cash On Delivery" ){
+            cod_total_1 += parseInt(order.total_amount);
+            console.log(order)
+            // console.log("compare:" + sevenDaysAgo)
+          }else if (payment_status.toLowerCase() === "paid" && order.payment_method === "Obananapay") {
+            obpay_total_1 += parseInt(order.total_amount);
+          }
+        }
+    });
+    const cod_daily_totals = [cod_total_7, cod_total_6, cod_total_5, cod_total_4, cod_total_3, cod_total_2, cod_total_1,];
+    const obpay_daily_totals = [obpay_total_7, obpay_total_6, obpay_total_5, obpay_total_4, obpay_total_3, obpay_total_2, obpay_total_1,];
+    // console.log(total_7);
+    return { cod_daily_totals, obpay_daily_totals };
+  }
+
+
+  function countToPayOrders(data) {
+      const filteredData = getCurrentMonthData(data);
+      let toPayOrdersCount = 0;
+      filteredData.forEach(function(order) {
           if (order.status === 'TO PAY') {
-            toPayOrdersCount++;
+              toPayOrdersCount++;
           }
-        });
-        console.log(toPayOrdersCount)
-        return toPayOrdersCount;
-    }
-
-
-    function countToShipOrders(data) {
-        let toShipOrdersCount = 0;
-        data.forEach(function(order) {
+      });
+      console.log(toPayOrdersCount);
+      return toPayOrdersCount;
+  }
+  
+  function countToShipOrders(data) {
+      const filteredData = getCurrentMonthData(data);
+      let toShipOrdersCount = 0;
+      filteredData.forEach(function(order) {
           if (order.status === 'TO SHIP') {
-            toShipOrdersCount++;
+              toShipOrdersCount++;
           }
-        });
-        console.log(toShipOrdersCount)
-        return toShipOrdersCount;
-    }
-    function countReturnedpOrders(data) {
-        let returnedOrdersCount = 0;
-        data.forEach(function(order) {
+      });
+      console.log(toShipOrdersCount);
+      return toShipOrdersCount;
+  }
+  
+  function countReturnedOrders(data) {
+      const filteredData = getCurrentMonthData(data);
+      let returnedOrdersCount = 0;
+      filteredData.forEach(function(order) {
           if (order.status === 'RETURNED') {
-            returnedOrdersCount++;
+              returnedOrdersCount++;
           }
-        });
-        console.log(returnedOrdersCount)
-        return returnedOrdersCount;
-    }
+      });
+      console.log(returnedOrdersCount);
+      return returnedOrdersCount;
+  }
+  
 
     function initializeChart(completedOrdersCount , toPayOrdersCount, toShipOrdersCount, returnedOrdersCount) {
         var doughnut = document.getElementById("doughnut-chart");
@@ -112,49 +333,449 @@ $(document).ready(function() {
                     }
                 }
             });
+        } else {
+          
         }
     }
 
+  function initializeSalesChart(cod_daily_totals, obpay_daily_totals, cod_monthly_totals, obpay_monthly_totals, months, cod_yearly_totals, obpay_yearly_totals, years) {
+    var acquisition = document.getElementById("salesChart");
+    if (acquisition !== null) {
+      function updateDailyLabels() {
+        var labelsDaily = [];
+        for (let i = 6; i >= 0; i--) {
+            var date = new Date();
+            date.setDate(date.getDate() - i);
+            labelsDaily.push(formatDate(date));
+        }
+        return labelsDaily;
+      }
+      
+      function formatDate(date) {
+          const options = { day: 'numeric', month: 'short' }; // E.g., 26 Apr
+          return date.toLocaleDateString('en-US', options);
+      }
+      
+      // Updating labelsDaily dynamically
+      var labelsDaily = updateDailyLabels();
+      var labelsMonthly = months;
+      var labelsYearly = years;
+      var acqData = [
+        { //daily data
+          first: cod_daily_totals,  //COD
+          second: obpay_daily_totals, //ObPay
+          third: [44, 167, 102, 123, 183, 88, 134] //Paymongo
+        },
+        { //monthly data
+          first: cod_monthly_totals, //COD
+          second: obpay_monthly_totals, //ObPay
+          third: [55, 44, 144, 75, 155, 166, 70] //Paymongo
+        },
+        { //yearly data
+          first: cod_yearly_totals, //COD
+          second: obpay_yearly_totals, //ObPay
+          third: [156, 23, 165, 88, 112 ] //Paymongo
+        }
+      ];
+
+      var configAcq = {
+        // The type of chart we want to create
+        type: "line",
+
+        // The data for our dataset
+        data: {
+          // labels: [
+          //   "4 Jan",
+          //   "5 Jan",
+          //   "6 Jan",
+          //   "7 Jan",
+          //   "8 Jan",
+          //   "9 Jan",
+          //   "10 Jan"
+          // ],
+          datasets: [
+            {
+              label: "Cash on Delivery",
+              backgroundColor: "rgba(52, 116, 212, .2)",
+              borderColor: "rgba(52, 116, 212, .7)",
+              data: acqData[0].first,
+              lineTension: 0.3,
+              pointBackgroundColor: "rgba(52, 116, 212,0)",
+              pointHoverBackgroundColor: "rgba(52, 116, 212,1)",
+              pointHoverRadius: 3,
+              pointHitRadius: 30,
+              pointBorderWidth: 2,
+              pointStyle: "rectRounded"
+            },
+            {
+              label: "ObananaPay",
+              backgroundColor: "rgba(255, 192, 203, .3)",
+              borderColor: "rgba(255, 192, 203, .7)",
+              data: acqData[0].second,
+              lineTension: 0.3,
+              pointBackgroundColor: "rgba(255, 192, 203, 0)",
+              pointHoverBackgroundColor: "rgba(255, 192, 203, 1)",
+              pointHoverRadius: 3,
+              pointHitRadius: 30,
+              pointBorderWidth: 2,
+              pointStyle: "rectRounded"
+            },
+            {
+              label: "Paymongo",
+              backgroundColor: "rgb(178, 251, 212, .3)",
+              borderColor: "rgba(178, 251, 212, .7)",
+              data: acqData[0].third,
+              lineTension: 0.3,
+              pointBackgroundColor: "rgba(178, 251, 212, 0)",
+              pointHoverBackgroundColor: "rgba(178, 251, 212, 1)",
+              pointHoverRadius: 3,
+              pointHitRadius: 30,
+              pointBorderWidth: 2,
+              pointStyle: "rectRounded"
+            }
+          ]
+        },
+
+        // Configuration options go here
+        options: {
+          responsive: true,
+          maintainAspectRatio: false,
+          legend: {
+            display: false
+          },
+          scales: {
+            xAxes: [
+              {
+                gridLines: {
+                  display: false
+                }
+              }
+            ],
+            yAxes: [
+              {
+                gridLines: {
+                  display: true,
+                  color: "#eee",
+                  zeroLineColor: "#eee"
+                },
+                ticks: {
+                  beginAtZero: true,
+                  stepSize: 20000,
+                  max: 200000
+                }
+              }
+            ]
+          },
+          tooltips: {
+            mode: "index",
+            titleFontColor: "#888",
+            bodyFontColor: "#555",
+            titleFontSize: 12,
+            bodyFontSize: 15,
+            backgroundColor: "rgba(256,256,256,0.95)",
+            displayColors: true,
+            xPadding: 20,
+            yPadding: 10,
+            borderColor: "rgba(220, 220, 220, 0.9)",
+            borderWidth: 2,
+            caretSize: 10,
+            caretPadding: 15
+          }
+        }
+      };
+
+
+      var ctx = document.getElementById("salesChart").getContext("2d");
+      var lineAcq = new Chart(ctx, configAcq);
+      document.getElementById("acqLegend").innerHTML = lineAcq.generateLegend();
+
+      var items = document.querySelectorAll(
+        "#user-acquisition .nav-tabs .nav-item"
+      );
+      items.forEach(function (item, index) {
+      item.addEventListener("click", function() {
+        // Determine which tab was clicked
+        var selectedTab = this.textContent.trim();
+        
+        // Choose data and labels based on the selected tab
+        switch (selectedTab) {
+          case "Daily":
+              configAcq.data.labels = labelsDaily;
+              configAcq.data.datasets[0].data = acqData[0].first;
+              configAcq.data.datasets[1].data = acqData[0].second;
+              configAcq.data.datasets[2].data = acqData[0].third;
+              break;
+          case "Monthly":
+              configAcq.data.labels = labelsMonthly;
+              configAcq.data.datasets[0].data = acqData[1].first;
+              configAcq.data.datasets[1].data = acqData[1].second;
+              configAcq.data.datasets[2].data = acqData[1].third;
+              break;
+          case "Yearly":
+              configAcq.data.labels = labelsYearly;
+              configAcq.data.datasets[0].data = acqData[2].first;
+              configAcq.data.datasets[1].data = acqData[2].second;
+              configAcq.data.datasets[2].data = acqData[2].third;
+              break;
+        }
+        
+        lineAcq.update();
+    });
+    });
+    items[0].click();
+    }
+  }
+  
     function convertToCSV(data) {
-        const columnTitles = ['ORDER ID', 'STATUS', 'BUYER NAME', 'TOTAL AMOUNT', 'ORDER DATE', 
-                            'ORDER TIME', 'PRODUCT NAME','PRICE', 'QUANTITY',  
-                            'VENDOR ID', 'VENDOR NAME',]; 
-        const header = columnTitles.join(',') + '\n';
-        const body = data.map(order => {
-            const orderDate = new Date(order.order_date).toLocaleDateString('en-US');
-            const orderTime = new Date(order.order_date).toLocaleTimeString('en-US');
-            const productName = order.items.length > 0 ? `"${order.items[0].product.name}"` : '';
-            return [
-                order._id,
-                order.status,
-                order.customer[0]?.name,
-                order.total_amount,
-                orderDate,
-                orderTime,
-                productName,
-                order.items[0]?.price,
-                order.items[0]?.quantity,
-                order.items[0]?.vendor_id,
-                order.items[0]?.vendor_name
-            ].join(',');
-        }).join('\n');
-        return header + body;
-    }
-    function downloadCSV(filename) {
-        const csv = convertToCSV(responseData);
-        const blob = new Blob([csv], { type: 'text/csv' });
-        const url = window.URL.createObjectURL(blob);
-        const a = document.createElement('a');
-        a.href = url;
-        a.download = filename;
-        document.body.appendChild(a);
-        a.click();
-        document.body.removeChild(a);
-        window.URL.revokeObjectURL(url);
-    }
+      const now = new Date();
+      const currentMonth = now.getMonth(); // Months are 0-indexed (0 for January, 11 for December)
+      const currentYear = now.getFullYear();
+  
+      const filteredData = data.filter(order => {
+          const orderDate = new Date(order.order_date);
+          return orderDate.getMonth() === currentMonth && orderDate.getFullYear() === currentYear;
+      });
+  
+      const columnTitles = [
+          'ORDER ID', 'STATUS', 'BUYER NAME', 'TOTAL AMOUNT', 'METHOD', 'ORDER DATE', 
+          'ORDER TIME', 'PRODUCT NAME', 'PRICE', 'QUANTITY', 'VENDOR ID', 'VENDOR NAME'
+      ]; 
+      const header = columnTitles.join(',') + '\n';
+      const body = filteredData.map(order => {
+          const orderDate = new Date(order.order_date).toLocaleDateString('en-US');
+          const orderTime = new Date(order.order_date).toLocaleTimeString('en-US');
+          const productName = order.items.length > 0 ? `"${order.items[0].product.name}"` : '';
+          return [
+              order._id,
+              order.status,
+              order.customer[0]?.name,
+              order.total_amount,
+              order.payment_method,
+              orderDate,
+              orderTime,
+              productName,
+              order.items[0]?.price,
+              order.items[0]?.quantity,
+              order.items[0]?.vendor_id,
+              order.items[0]?.vendor_name
+          ].join(',');
+      }).join('\n');
+      return header + body;
+  }
+  
+  function downloadCSV() {
+    const now = new Date();
+    const months = ["January", "February", "March", "April", "May", "June",
+                    "July", "August", "September", "October", "November", "December"];
+    const currentMonthName = months[now.getMonth()];
+    const filename = `${currentMonthName}_orders_overview.csv`;
+
+    const csv = convertToCSV(responseData); // Ensure responseData is up to date
+    const blob = new Blob([csv], { type: 'text/csv' });
+    const url = window.URL.createObjectURL(blob);
+    const a = document.createElement('a');
+    a.href = url;
+    a.download = filename;
+    document.body.appendChild(a);
+    a.click();
+    document.body.removeChild(a);
+    window.URL.revokeObjectURL(url);
+  }
 
     $('#download-btn').on('click', function(event) {
         event.preventDefault();
         downloadCSV('orders_data.csv');
     });
+
+    let customer_data;
+    let vendor_data;
+
+    function getDataAndInitializeChart () {
+      userData()
+        .then(function (users){
+          vendorData()
+            .then(function (venues){
+              customer_data = users.data;
+              vendor_data = venues.data;
+              const {customer_monthly_total, months} = countCustomerReg(customer_data)
+              const { vendor_monthly_total} = countVendorReg(vendor_data);
+              initializeActivityChart(customer_monthly_total, vendor_monthly_total, months);
+            })
+        })
+    }
+    getDataAndInitializeChart();
+
+
+    function userData(){
+      return axios.get('https://api.obanana.shop/api/v1/customers');
+    }
+    function vendorData(){
+      return axios.get('https://api.obanana.shop/api/v1/vendors');
+    }
+
+    function countCustomerReg(customers) {
+      const currentDate = new Date();
+      const monthLabels = [];
+      const customer_monthly_total = Array(12).fill(0);
+      for (let i = 11; i >= 0; i--) {
+          const month = new Date(currentDate.getFullYear(), currentDate.getMonth() - i, 1);
+          monthLabels.push(month);
+      }
+
+      console.log(monthLabels);
+
+      customers.forEach(customer => {
+          const regDate = new Date(customer.createdAt);
+          regDate.setHours(0, 0, 0, 0);
+
+          monthLabels.forEach((month, index) => {
+              let total_count = 0;
+              if (regDate.getFullYear() === month.getFullYear() && regDate.getMonth() === month.getMonth()) {
+                total_count ++;  
+                customer_monthly_total[11 - index] += total_count;
+              }
+          });
+      });
+
+      console.log(customer_monthly_total)
+      customer_monthly_total.reverse();
+      return { 
+          customer_monthly_total,
+          months: monthLabels.map(month => `${month.toLocaleString('default', { month: 'short' })} ${month.getFullYear()}`) // Return month labels for use in charts or displays
+      };
+    }
+
+    function countVendorReg(vendors) {
+      const currentDate = new Date();
+      const monthLabels = [];
+      const vendor_monthly_total = Array(12).fill(0);
+      for (let i = 11; i >= 0; i--) {
+          const month = new Date(currentDate.getFullYear(), currentDate.getMonth() - i, 1);
+          monthLabels.push(month);
+      }
+
+      console.log(monthLabels);
+
+      vendors.forEach(vendor => {
+          const regDate = new Date(vendor.createdAt);
+          regDate.setHours(0, 0, 0, 0);
+
+          monthLabels.forEach((month, index) => {
+              let total_count = 0;
+              if (regDate.getFullYear() === month.getFullYear() && regDate.getMonth() === month.getMonth()) {
+                total_count ++;  
+                vendor_monthly_total[11 - index] += total_count;
+              }
+          });
+      });
+
+      console.log(vendor_monthly_total)
+      vendor_monthly_total.reverse();
+      return { 
+          vendor_monthly_total,
+      };
+    }
+
+    function initializeActivityChart (customer_monthly_total, vendor_monthly_total, months){
+      var activity = document.getElementById("registry");
+      if (activity !== null) {
+        var activityData = [
+          {
+            first: customer_monthly_total,
+            second: vendor_monthly_total
+          }
+          
+        ];
+    
+        var config = {
+          // The type of chart we want to create
+          type: "line",
+          // The data for our dataset
+          data: {
+            labels: months,
+            datasets: [
+              {
+                label: "Customer",
+                backgroundColor: "rgba(255, 165, 0, .3)",
+                borderColor: "rgba(255, 165, 0, .7)",
+                data: activityData[0].first,
+                lineTension: 0.3,
+                pointBackgroundColor: "rgba(255, 165, 0, 0)",
+                pointHoverBackgroundColor: "rgba(255, 165, 0, 1)",
+                pointHoverRadius: 3,
+                pointHitRadius: 30,
+                pointBorderWidth: 2,
+                pointStyle: "rectRounded"
+              },
+              {
+                label: "Vendors",
+                backgroundColor: "rgba(135, 206, 235, .3)",
+                borderColor: "rgba(135, 206, 235, .7)",
+                data: activityData[0].second,
+                lineTension: 0.3,
+                pointBackgroundColor: "rgba(135, 206, 235, 0)",
+                pointHoverBackgroundColor: "rgba(135, 206, 235, 1)",
+                pointHoverRadius: 3,
+                pointHitRadius: 30,
+                pointBorderWidth: 2,
+                pointStyle: "rectRounded"
+              }
+            ]
+          },
+          // Configuration options go here
+          options: {
+            responsive: true,
+            maintainAspectRatio: false,
+            legend: {
+              display: false
+            },
+            scales: {
+              xAxes: [
+                {
+                  gridLines: {
+                    display: false
+                  }
+                }
+              ],
+              yAxes: [
+                {
+                  gridLines: {
+                    display: true,
+                    color: "#eee",
+                    zeroLineColor: "#eee"
+                  },
+                  ticks: {
+                    beginAtZero: true,
+                    stepSize: 10,
+                    max: 30
+                  }
+                }
+              ]
+            },
+            tooltips: {
+              mode: "index",
+              titleFontColor: "#888",
+              bodyFontColor: "#555",
+              titleFontSize: 12,
+              bodyFontSize: 15,
+              backgroundColor: "rgba(256,256,256,0.95)",
+              displayColors: true,
+              xPadding: 20,
+              yPadding: 10,
+              borderColor: "rgba(220, 220, 220, 0.9)",
+              borderWidth: 2,
+              caretSize: 10,
+              caretPadding: 15
+            }
+          }
+        };
+
+        var ctx = document.getElementById("registry").getContext("2d");
+        var actLine = new Chart(ctx, config);
+        document.getElementById("actLegend").innerHTML = actLine.generateLegend();
+
+
+      }
+      
+    }
 });

admin/assets/js/map.js

@@ -0,0 +1,14 @@
+var southWest = L.latLng(4.64, 116.95),
+    northEast = L.latLng(20.53, 127.25),
+    bounds = L.latLngBounds(southWest, northEast);
+
+// Initialize the map and set the bounds
+var map = L.map('map', {
+    maxBounds: bounds,
+    maxBoundsViscosity: 1.0 // Keeps the user within the bounds
+}).setView([13.41, 122.56], 6); // Centered on the Philippines with a zoom level of 6
+
+// Add a tile layer
+L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
+    attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
+}).addTo(map);

admin/config.php

@@ -1,6 +1,6 @@
 <?php
 $_SESSION["is_test"]=true;
-$_SESSION["test_email_rcpt"]="junjihadbarroga@gmail.com";
+$_SESSION["test_email_rcpt"]="kramblooda@gmail.com";
 $_SESSION["sales_email"]="sales@obanana.com";
 $_SESSION["data_endpoint"]="api.obanana.shop";
 $_SESSION["transfer_fee"]=0.02;

admin/header.php

@@ -29,12 +29,12 @@
                 <!-- User Account -->
                 <li class="dropdown user-menu">
                     <button class="dropdown-toggle nav-link ec-drop" data-bs-toggle="dropdown" aria-expanded="false">
-                        <img src="assets/img/user/user.png" class="user-image" alt="User Image" />
+                        <img loading="lazy" src="assets/img/user/user.png" class="user-image" alt="User Image" />
                     </button>
                     <ul class="dropdown-menu dropdown-menu-right ec-dropdown-menu">
                         <!-- User image -->
                         <li class="dropdown-header">
-                            <img src="assets/img/user/user.png" class="img-circle" alt="User Image" />
+                            <img loading="lazy" src="assets/img/user/user.png" class="img-circle" alt="User Image" />
                             <div class="d-inline-block">
                                 John Deo <small class="pt-1">john.example@gmail.com</small>
                             </div>
@@ -91,7 +91,7 @@
                                         <li>
                                             <a href="javscript:void(0)" class="media media-message media-notification">
                                                 <div class="position-relative mr-3">
-                                                    <img class="rounded-circle" src="assets/img/user/u2.jpg" alt="Image">
+                                                    <img loading="lazy" class="rounded-circle" src="assets/img/user/u2.jpg" alt="Image">
                                                     <span class="status away"></span>
                                                 </div>
                                                 <div class="media-body d-flex justify-content-between">
@@ -113,7 +113,7 @@
                                         <li>
                                             <a href="javscript:void(0)" class="media media-message media-notification media-active">
                                                 <div class="position-relative mr-3">
-                                                    <img class="rounded-circle" src="assets/img/user/u1.jpg" alt="Image">
+                                                    <img loading="lazy" class="rounded-circle" src="assets/img/user/u1.jpg" alt="Image">
                                                     <span class="status active"></span>
                                                 </div>
                                                 <div class="media-body d-flex justify-content-between">
@@ -135,7 +135,7 @@
                                         <li>
                                             <a href="javscript:void(0)" class="media media-message media-notification">
                                                 <div class="position-relative mr-3">
-                                                    <img class="rounded-circle" src="assets/img/user/u5.jpg" alt="Image">
+                                                    <img loading="lazy" class="rounded-circle" src="assets/img/user/u5.jpg" alt="Image">
                                                     <span class="status away"></span>
                                                 </div>
                                                 <div class="media-body d-flex justify-content-between">
@@ -280,7 +280,7 @@
                                         <li>
                                             <a href="javscript:void(0)" class="media media-message media-notification">
                                                 <div class="position-relative mr-3">
-                                                    <img class="rounded-circle" src="assets/img/user/u6.jpg" alt="Image">
+                                                    <img loading="lazy" class="rounded-circle" src="assets/img/user/u6.jpg" alt="Image">
                                                     <span class="status away"></span>
                                                 </div>
                                                 <div class="media-body d-flex justify-content-between">
@@ -302,7 +302,7 @@
                                         <li>
                                             <a href="javscript:void(0)" class="media media-message media-notification">
                                                 <div class="position-relative mr-3">
-                                                    <img class="rounded-circle" src="assets/img/user/u7.jpg" alt="Image">
+                                                    <img loading="lazy" class="rounded-circle" src="assets/img/user/u7.jpg" alt="Image">
                                                     <span class="status away"></span>
                                                 </div>
                                                 <div class="media-body d-flex justify-content-between">
@@ -324,7 +324,7 @@
                                         <li>
                                             <a href="javscript:void(0)" class="media media-message media-notification media-active">
                                                 <div class="position-relative mr-3">
-                                                    <img class="rounded-circle" src="assets/img/user/u1.jpg" alt="Image">
+                                                    <img loading="lazy" class="rounded-circle" src="assets/img/user/u1.jpg" alt="Image">
                                                     <span class="status active"></span>
                                                 </div>
                                                 <div class="media-body d-flex justify-content-between">
@@ -346,7 +346,7 @@
                                         <li>
                                             <a href="javscript:void(0)" class="media media-message media-notification">
                                                 <div class="position-relative mr-3">
-                                                    <img class="rounded-circle" src="assets/img/user/u2.jpg" alt="Image">
+                                                    <img loading="lazy" class="rounded-circle" src="assets/img/user/u2.jpg" alt="Image">
                                                     <span class="status away"></span>
                                                 </div>
                                                 <div class="media-body d-flex justify-content-between">
@@ -368,7 +368,7 @@
                                         <li>
                                             <a href="javscript:void(0)" class="media media-message media-notification">
                                                 <div class="position-relative mr-3">
-                                                    <img class="rounded-circle" src="assets/img/user/u5.jpg" alt="Image">
+                                                    <img loading="lazy" class="rounded-circle" src="assets/img/user/u5.jpg" alt="Image">
                                                     <span class="status away"></span>
                                                 </div>
                                                 <div class="media-body d-flex justify-content-between">

admin/index.php

@@ -14,8 +14,15 @@ if($_SESSION["user_type"]!="admin"){
 	header("location: login.php?alert=Only admins allowed here!");
 }
 
-$all_orders = getAllOrder();
 date_default_timezone_set('Asia/Manila');
+$currentDate = date('m-d-Y');
+
+$all_orders = getAllOrder();
+$all_customers = getAllCustomers();
+$all_vendors = getAllVendors();
+
+$allSignups = array_merge($all_customers, $all_vendors);
+
 
 
 ?>
@@ -42,6 +49,14 @@ date_default_timezone_set('Asia/Manila');
 	<link href="assets/plugins/daterangepicker/daterangepicker.css" rel="stylesheet">
 	<link href="assets/plugins/simplebar/simplebar.css" rel="stylesheet" />
 
+	<!-- LEAFLET JS -->
+	<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"
+     integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY="
+     crossorigin=""/>
+	<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"
+	integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo="
+	crossorigin=""></script>
+
 	<!-- Ekka CSS -->
 	<link id="ekka-css" href="assets/css/ekka.css" rel="stylesheet" />
 
@@ -96,18 +111,19 @@ date_default_timezone_set('Asia/Manila');
 							<li class="dropdown user-menu">
 								<button class="dropdown-toggle nav-link ec-drop" data-bs-toggle="dropdown"
 									aria-expanded="false">
-									<img src="assets/img/user/user.png" class="user-image" alt="User Image" />
+									<img loading="lazy" src="assets/img/user/user.png" class="user-image" alt="User Image" />
 								</button>
 								<ul class="dropdown-menu dropdown-menu-right ec-dropdown-menu">
 									<!-- User image -->
 									<li class="dropdown-header">
-										<img src="assets/img/user/user.png" class="img-circle" alt="User Image" />
-										<div class="d-inline-block">
-											John Deo <small class="pt-1"><?php echo $_SESSION['email']?></small>
+										<div class="d-flex align-items-center">
+											<img loading="lazy" src="assets/img/user/user.png" class="img-circle" alt="User Image" />
+											<small class="pt-1"><?php echo $_SESSION['email']?></small>
 										</div>
 									</li>
-									<li>
-										<a href="user-profile.html">
+									<!-- Commented out for future use or functionality -->
+									<!-- <li>
+										<a href="#">
 											<i class="mdi mdi-account"></i> My Profile
 										</a>
 									</li>
@@ -118,7 +134,7 @@ date_default_timezone_set('Asia/Manila');
 									</li>
 									<li>
 										<a href="#"> <i class="mdi mdi-diamond-stone"></i> Projects </a>
-									</li>
+									</li> -->
 									<li class="right-sidebar-in">
 										<a href="javascript:0"> <i class="mdi mdi-settings-outline"></i> Setting </a>
 									</li>
@@ -127,7 +143,8 @@ date_default_timezone_set('Asia/Manila');
 									</li>
 								</ul>
 							</li>
-							<li class="dropdown notifications-menu custom-dropdown">
+							<!-- Commented out for future usage or functionality  -->
+							<!-- <li class="dropdown notifications-menu custom-dropdown">
 								<button class="dropdown-toggle notify-toggler custom-dropdown-toggler">
 									<i class="mdi mdi-bell-outline"></i>
 								</button>
@@ -166,7 +183,7 @@ date_default_timezone_set('Asia/Manila');
 														<a href="javscript:void(0)"
 															class="media media-message media-notification">
 															<div class="position-relative mr-3">
-																<img class="rounded-circle" src="assets/img/user/u2.jpg"
+																<img loading="lazy" class="rounded-circle" src="assets/img/user/u2.jpg"
 																	alt="Image">
 																<span class="status away"></span>
 															</div>
@@ -191,7 +208,7 @@ date_default_timezone_set('Asia/Manila');
 														<a href="javscript:void(0)"
 															class="media media-message media-notification media-active">
 															<div class="position-relative mr-3">
-																<img class="rounded-circle" src="assets/img/user/u1.jpg"
+																<img loading="lazy" class="rounded-circle" src="assets/img/user/u1.jpg"
 																	alt="Image">
 																<span class="status active"></span>
 															</div>
@@ -216,7 +233,7 @@ date_default_timezone_set('Asia/Manila');
 														<a href="javscript:void(0)"
 															class="media media-message media-notification">
 															<div class="position-relative mr-3">
-																<img class="rounded-circle" src="assets/img/user/u5.jpg"
+																<img loading="lazy" class="rounded-circle" src="assets/img/user/u5.jpg"
 																	alt="Image">
 																<span class="status away"></span>
 															</div>
@@ -382,7 +399,7 @@ date_default_timezone_set('Asia/Manila');
 														<a href="javscript:void(0)"
 															class="media media-message media-notification">
 															<div class="position-relative mr-3">
-																<img class="rounded-circle" src="assets/img/user/u6.jpg"
+																<img loading="lazy" class="rounded-circle" src="assets/img/user/u6.jpg"
 																	alt="Image">
 																<span class="status away"></span>
 															</div>
@@ -407,7 +424,7 @@ date_default_timezone_set('Asia/Manila');
 														<a href="javscript:void(0)"
 															class="media media-message media-notification">
 															<div class="position-relative mr-3">
-																<img class="rounded-circle" src="assets/img/user/u7.jpg"
+																<img loading="lazy" class="rounded-circle" src="assets/img/user/u7.jpg"
 																	alt="Image">
 																<span class="status away"></span>
 															</div>
@@ -432,7 +449,7 @@ date_default_timezone_set('Asia/Manila');
 														<a href="javscript:void(0)"
 															class="media media-message media-notification media-active">
 															<div class="position-relative mr-3">
-																<img class="rounded-circle" src="assets/img/user/u1.jpg"
+																<img loading="lazy" class="rounded-circle" src="assets/img/user/u1.jpg"
 																	alt="Image">
 																<span class="status active"></span>
 															</div>
@@ -457,7 +474,7 @@ date_default_timezone_set('Asia/Manila');
 														<a href="javscript:void(0)"
 															class="media media-message media-notification">
 															<div class="position-relative mr-3">
-																<img class="rounded-circle" src="assets/img/user/u2.jpg"
+																<img loading="lazy" class="rounded-circle" src="assets/img/user/u2.jpg"
 																	alt="Image">
 																<span class="status away"></span>
 															</div>
@@ -482,7 +499,7 @@ date_default_timezone_set('Asia/Manila');
 														<a href="javscript:void(0)"
 															class="media media-message media-notification">
 															<div class="position-relative mr-3">
-																<img class="rounded-circle" src="assets/img/user/u5.jpg"
+																<img loading="lazy" class="rounded-circle" src="assets/img/user/u5.jpg"
 																	alt="Image">
 																<span class="status away"></span>
 															</div>
@@ -690,7 +707,7 @@ date_default_timezone_set('Asia/Manila');
 										<a class="text-center" href="#"> View All </a>
 									</li>
 								</ul>
-							</li>
+							</li> -->
 							<li class="right-sidebar-in right-sidebar-2-menu">
 								<i class="mdi mdi-settings-outline mdi-spin"></i>
 							</li>
@@ -707,8 +724,19 @@ date_default_timezone_set('Asia/Manila');
 						<div class="col-xl-3 col-sm-6 p-b-15 lbl-card">
 							<div class="card card-mini dash-card card-1">
 								<div class="card-body">
-									<h2 class="mb-1">1,503</h2>
-									<p>Daily Signups</p>
+									<?php 
+									$signupCount = 0;
+
+									foreach ($allSignups as $signup) {
+										$signupDate = date('m-d-Y', strtotime($signup['createdAt']));
+										if ($signupDate === $currentDate) {
+											$signupCount++;
+										}
+									}
+									?>
+									<h2 class="mb-1"><?php echo $signupCount; ?></h2>
+									<!-- <h2 class="mb-1">1,503</h2> -->
+									<p>Today's Signups</p>
 									<span class="mdi mdi-account-arrow-left"></span>
 								</div>
 							</div>
@@ -716,9 +744,17 @@ date_default_timezone_set('Asia/Manila');
 						<div class="col-xl-3 col-sm-6 p-b-15 lbl-card">
 							<div class="card card-mini dash-card card-2">
 								<div class="card-body">
-									<h2 class="mb-1">79,503</h2>
-									<p>Daily Visitors</p>
-									<span class="mdi mdi-account-clock"></span>
+									<?php 
+									$userCount = 0;
+
+									foreach ($allSignups as $signup) {
+											$userCount++;
+									}
+									?>
+									<h2 class="mb-1"><?php echo $userCount; ?></h2>
+									<!-- <h2 class="mb-1">79,503</h2> -->
+									<p>Total Users</p>
+									<span class="mdi mdi-account-multiple"></span>
 								</div>
 							</div>
 						</div>
@@ -726,18 +762,19 @@ date_default_timezone_set('Asia/Manila');
 							<div class="card card-mini dash-card card-3">
 								<div class="card-body">
 									<?php 
-										$currentDate = date('m-d-Y'); // Get current date
+										// Get current date
 										$orderCount = 0; // Initialize order count
 										$dailyRevenue = 0;
 
-										foreach ($all_orders as $x => $val) {
+										foreach (array_reverse($all_orders) as $x => $val) {
 											$paymentStatus = strtolower($val['payment']['status']);
-
+											$returnStatus = strtolower($val['return_order']['status']);
+											$orderStatus = strtolower($val['status']);
 											$formattedOrderDate = date('m-d-Y', strtotime($val['order_date']));
 											if ($formattedOrderDate == $currentDate) {
 												$orderCount++;
-												if($paymentStatus == "paid"){
-												    $dailyRevenue += $val['total_amount'];
+												if($paymentStatus == "paid" && (!$returnStatus || $orderStatus != "returned" )){
+													$dailyRevenue += $val['total_amount'];
 												} // Increment order count for each order on the current date
 											}
 										}
@@ -745,7 +782,7 @@ date_default_timezone_set('Asia/Manila');
 										$finalDailyRevenue = number_format($dailyRevenue, 2, '.', ',');
 									?>
 									<h2 class="mb-1"><?php echo $orderCount; ?></h2>
-									<p>Today's Order</p>
+									<p>Today's Orders</p>
 									<span class="mdi mdi-package-variant"></span>
 								</div>
 							</div>
@@ -766,7 +803,6 @@ date_default_timezone_set('Asia/Manila');
 							<!-- Sales Graph -->
 							<div id="user-acquisition" class="card card-default">
 								<div class="card-header">
-								
 									<h2>Sales Report</h2>
 								</div>
 								<div class="card-body">
@@ -774,7 +810,7 @@ date_default_timezone_set('Asia/Manila');
 										role="tablist">
 										<li class="nav-item">
 											<a class="nav-link active" data-bs-toggle="tab" href="#todays" role="tab"
-												aria-selected="true">Today's</a>
+												aria-selected="true">Daily</a>
 										</li>
 										<li class="nav-item">
 											<a class="nav-link" data-bs-toggle="tab" href="#monthly" role="tab"
@@ -788,7 +824,7 @@ date_default_timezone_set('Asia/Manila');
 									<div class="tab-content pt-4" id="salesReport">
 										<div class="tab-pane fade show active" id="source-medium" role="tabpanel">
 											<div class="mb-6" style="max-height:247px">
-												<canvas id="acquisition" class="chartjs2"></canvas>
+												<canvas id="salesChart" class="chartjs2" style="width: 100%; height: 400px;"></canvas>
 												<div id="acqLegend" class="customLegend mb-2"></div>
 											</div>
 										</div>
@@ -799,7 +835,7 @@ date_default_timezone_set('Asia/Manila');
 
 						<div class="col-xl-4 col-md-12 p-b-15">
 							<!-- Doughnut Chart -->
-							<div class="card card-default">
+							<div class="card card-default" style="height: 100%">
 								<div class="card-header justify-content-center">
 									<h2>Orders Overview</h2>
 								</div>
@@ -807,7 +843,7 @@ date_default_timezone_set('Asia/Manila');
 									<canvas id="doughnut-chart"></canvas>
 								</div>
 								<a href="#" id="download-btn" class="pb-5 d-block text-center text-muted"><i
-										class="mdi mdi-download mr-2"></i> Download overall report</a>
+										class="mdi mdi-download mr-2"></i> Download Current Month's Overall Report</a>
 								<div class="card-footer d-flex flex-wrap bg-white p-0">
 									<div class="col-6">
 										<div class="p-20">
@@ -815,7 +851,7 @@ date_default_timezone_set('Asia/Manila');
 												<li class="mb-2"><i class="mdi mdi-checkbox-blank-circle-outline mr-2"
 														style="color: #4c84ff"></i>Order Completed</li>
 												<li class="mb-2"><i class="mdi mdi-checkbox-blank-circle-outline mr-2"
-														style="color: #80e1c1 "></i>Order To Pay</li>
+														style="color: #80e1c1"></i>Order To Pay</li>
 												<li><i class="mdi mdi-checkbox-blank-circle-outline mr-2"
 														style="color: #ff7b7b "></i>Order Returned</li>
 											</ul>
@@ -835,32 +871,35 @@ date_default_timezone_set('Asia/Manila');
 					</div>
 
 					<div class="row">
-						<div class="col-xl-8 col-md-12 p-b-15">
+						<div class="col-xl-12 col-md-12 p-b-15">
 							<!-- User activity statistics -->
 							<div class="card card-default" id="user-activity">
 								<div class="no-gutters">
 									<div>
 										<div class="card-header justify-content-between">
-											<h2>User Activity</h2>
-											<div class="date-range-report ">
+											<h2>Monthly Users Registry</h2>
+											<!-- <div class="date-range-report ">
 												<span></span>
-											</div>
+											</div> -->
 										</div>
 										<div class="card-body">
 											<div class="tab-content" id="userActivityContent"> 
 												<div class="tab-pane fade show active" id="user" role="tabpanel">
-													<canvas id="activity" class="chartjs"></canvas>
+													<canvas id="registry" class="chartjs"></canvas>
+												</div>
+												<div>
+												<div id="actLegend" class="customLegend mb-2"></div>
 												</div>
 											</div>
 										</div>
-										<div class="card-footer d-flex flex-wrap bg-white border-top">
+										<!-- <div class="card-footer d-flex flex-wrap bg-white border-top">
 											<a href="#" class="text-uppercase py-3">In-Detail Overview</a>
-										</div>
+										</div> -->
 									</div>
 								</div>
 							</div>
 						</div>
-						<div class="col-xl-4 col-md-12 p-b-15">
+						<!-- <div class="col-xl-4 col-md-12 p-b-15">
 							<div class="card card-default">
 								<div class="card-header flex-column align-items-start">
 									<h2>Current Users</h2>
@@ -872,21 +911,21 @@ date_default_timezone_set('Asia/Manila');
 									<a href="#" class="text-uppercase py-3">In-Detail Overview</a>
 								</div>
 							</div>
-						</div>
+						</div> -->
 					</div>
 
 					<div class="row">
-						<div class="col-xl-8 col-12 p-b-15">
+						<div class="col-xl-12 col-md-12 p-b-15">
 							<!-- World Chart -->
 							<div class="card card-default" id="analytics-country">
 								<div class="card-header justify-content-between">
-									<h2>Purchased by Country</h2>
+									<h2>Purchased by City</h2>
 									<div class="date-range-report ">
 										<span></span>
 									</div>
 								</div>
 								<div class="card-body vector-map-world-2">
-									<div id="regions_purchase" style="height: 100%; width: 100%;"></div>
+									<div id="map" style="height: 100%; width: 100%;"></div>
 								</div>
 								<div class="border-top mt-3">
 									<div class="row no-gutters">
@@ -907,8 +946,8 @@ date_default_timezone_set('Asia/Manila');
 								</div>
 							</div>
 						</div>
-						<div class="col-xl-4 col-12 p-b-15">
-							<!-- Top Sell Table -->
+						<!-- Top Sell Table -->
+						<!-- <div class="col-xl-4 col-12 p-b-15">
 							<div class="card card-default Sold-card-table">
 								<div class="card-header justify-content-between">
 									<h2>Sold by Items</h2>
@@ -1008,7 +1047,7 @@ date_default_timezone_set('Asia/Manila');
 									<a href="#" class="text-uppercase py-3">View Report</a>
 								</div>
 							</div>
-						</div>
+						</div> -->
 					</div>
 
 					<div class="row">
@@ -1017,65 +1056,103 @@ date_default_timezone_set('Asia/Manila');
 							<div class="card card-table-border-none card-default recent-orders" id="recent-orders">
 								<div class="card-header justify-content-between">
 									<h2>Recent Orders</h2>
+									<!-- <div class="date-range-report">
+										<span></span>
+									</div> -->
 								</div>
 								<div class="card-body pt-0 pb-5">
 									<table class="table card-table table-responsive table-responsive-large"
 										style="width:100%">
 										<thead>
 											<tr>
-												<th>Order ID</th>
+												<th>Payment Method</th>
 												<th>Customer Name</th>
 												<th class="d-none d-lg-table-cell">Vendor Name</th>
 												<th class="d-none d-lg-table-cell">Total Amount</th>
 												<th class="d-none d-lg-table-cell">Order Date</th>
 												<th>Status</th>
-												<th></th>
+												<th>Return Status</th>
 											</tr>
 										</thead>
 										<tbody>
 										<?php
 											$iterationCount = 0;
+											$ordersDisplayed = false;
+
 											foreach (array_reverse($all_orders) as $x => $val) {
 												$paymentStatus = strtolower($val['payment']['status']);
 												$formattedOrderDate = date('m-d-Y', strtotime($val['order_date']));
-												$orderId = $val['_id'];
+												$paymentMethod = $val['payment_method'];
 												$customerName = $val['customer'][0]['name'];
 												$vendorName = $val['items'][0]['vendor_name'];
 												$totalAmount =  $val['total_amount'];
 												$orderStatus = strtoupper($val['status']);
+												$returnStatus = strtoupper($val['return_order']['status']);
 
-												$statusClass = '';
-												if ($orderStatus === 'UNPAID' || $orderStatus === 'RETURNED') {
-													$statusClass = '#cb3747';
-												} elseif ($orderStatus === 'TO PAY') {
-													$statusClass = '#50d7ab';
-												} elseif ($orderStatus === 'TO SHIP') {
-													$statusClass = '#9586cd';
-												}
-												elseif ($orderStatus === 'TO RECEIVE') {
-													$statusClass = '#ffc319';
-												} elseif ($orderStatus === 'COMPLETED') {
-													$statusClass = '#88aaf3';
+												$style = '';
+												$textColor = '';
+												$backgroundColor = '';
+
+												switch ($orderStatus) {
+													case 'TO SHIP':
+														$backgroundColor = '#8061ef';
+														$textColor = 'white'; 
+														break;
+													case 'TO PAY':
+														$backgroundColor = '#1E6E58';
+														$textColor = 'white';
+														break;
+													case 'TO RECEIVE':
+														$backgroundColor = '#FFD700';
+														$textColor = 'black';
+														break;
+													case 'COMPLETED':
+														$backgroundColor = '#4c84ff';
+														$textColor = 'white'; 
+														break;
+													case 'RETURNED':
+														$backgroundColor = '#ff7b7b';
+														$textColor = 'white';
+														break;
+													default:
+														$backgroundColor = '#464646';
+														$textColor = 'white';
 												}
+
+												$style = "display: flex; height: 15px; font-weight: bold; 
+													width: 90px;  font-size: 10px !important; padding: 10px;
+													justify-content: center; align-items: center;  
+													background-color: $backgroundColor; border-radius: 30px; color: $textColor;";
 												
 												if ($formattedOrderDate == $currentDate) {
+													$ordersDisplayed = true;
+
 													$displayDate = date('m-d-Y, g:i A', strtotime($val['order_date']));
 													?>
 													<tr>
-														<td><?php echo $orderId ?></td>
+														<td><?php echo $paymentMethod ?></td>
 														<td><?php echo $customerName ?></td>
 														<td><?php echo $vendorName ?></td>
-														<td><?php echo $totalAmount ?></td>
+														<td>₱ <?php echo number_format($totalAmount, 2, '.', ',') ?></td>
 														<td><?php echo $displayDate ?></td>
-														<td><span style="color: <?php echo $statusClass; ?>"><?php echo $orderStatus ?></span></td>
+														<td><span style="<?php echo $style; ?>"><?php echo $orderStatus ?></span></td>
+														<td><?php echo $returnStatus?: "NONE" ?></td>
 													</tr>		
 
 											<?php
-												 $iterationCount++;
-												 if ($iterationCount >= 8) {
-													 break;
-												 }
+												$iterationCount++;
+												if ($iterationCount >= 8) {
+													break;
 												}
+												}
+											}
+
+											if (!$ordersDisplayed) {
+												?>
+												<tr>
+													<td class="align-self-center">No Recent Orders Yet.</td>
+												</tr>
+												<?php
 											}
 											?>
 										</tbody>
@@ -1086,12 +1163,16 @@ date_default_timezone_set('Asia/Manila');
 					</div>
 
 					<div class="row">
-						<div class="col-xl-5">
+						<div class="col-xl-6">
 							<!-- New Customers -->
 							<div class="card ec-cust-card card-table-border-none card-default">
 								<div class="card-header justify-content-between ">
+									<?php 
+										$weekAgoDate = date('m-d-Y', strtotime('-7 days'));
+									?>
 									<h2>New Customers</h2>
-									<div>
+									<div> From <?php echo $weekAgoDate; ?> to <?php echo $currentDate; ?></div>
+									<!-- <div>
 										<button class="text-black-50 mr-2 font-size-20">
 											<i class="mdi mdi-cached"></i>
 										</button>
@@ -1106,220 +1187,141 @@ date_default_timezone_set('Asia/Manila');
 												<li class="dropdown-item"><a href="#">Something else here</a></li>
 											</ul>
 										</div>
-									</div>
+									</div> -->
 								</div>
 								<div class="card-body pt-0 pb-15px">
 									<table class="table ">
 										<tbody>
+											<?php
+												$iterationCount = 0;
+												$customersDisplayed = false;
+
+												foreach (array_reverse($all_customers) as $x => $val) {
+													$formattedSignupDate = date('m-d-Y', strtotime($val['createdAt']));
+													$imageUrl = $val['customer_image'];
+													$fullName = $val['first_name'] . ' ' . $val['last_name'];
+													$email = $val['user_email'];
+													if ($formattedSignupDate >= $weekAgoDate && $formattedSignupDate <= $currentDate) {
+														$customersDisplayed = true;
+
+											?>
 											<tr>
 												<td>
 													<div class="media">
 														<div class="media-image mr-3 rounded-circle">
-															<a href="profile.html"><img
-																	class="profile-img rounded-circle w-45"
-																	src="assets/img/user/u1.jpg"
-																	alt="customer image"></a>
+															<img loading="lazy"
+																class="profile-img rounded-circle"
+																style="width: 50px; height: 50px; border-style: solid; border-color: #FFAA00;"
+																src="<?php echo $imageUrl !== null ? $imageUrl : 'assets/img/user/u1.jpg'; ?>"
+																alt="customer image">
 														</div>
 														<div class="media-body align-self-center">
-															<a href="profile.html">
-																<h6 class="mt-0 text-dark font-weight-medium">Selena
-																	Wagner</h6>
-															</a>
-															<small>@selena.oi</small>
+															<h6 class="mt-0 text-dark font-weight-medium"><?php echo $fullName; ?></h6>
+															<small><?php echo $email; ?></small>
 														</div>
 													</div>
 												</td>
-												<td>2 Orders</td>
-												<td class="text-dark d-none d-md-block">$150</td>
-											</tr>
-											<tr>
-												<td>
-													<div class="media">
-														<div class="media-image mr-3 rounded-circle">
-															<a href="profile.html"><img
-																	class="profile-img rounded-circle w-45"
-																	src="assets/img/user/u2.jpg"
-																	alt="customer image"></a>
-														</div>
-														<div class="media-body align-self-center">
-															<a href="profile.html">
-																<h6 class="mt-0 text-dark font-weight-medium">Walter
-																	Reuter</h6>
-															</a>
-															<small>@walter.me</small>
-														</div>
-													</div>
-												</td>
-												<td>5 Orders</td>
-												<td class="text-dark d-none d-md-block">$200</td>
-											</tr>
-											<tr>
-												<td>
-													<div class="media">
-														<div class="media-image mr-3 rounded-circle">
-															<a href="profile.html"><img
-																	class="profile-img rounded-circle w-45"
-																	src="assets/img/user/u3.jpg"
-																	alt="customer image"></a>
-														</div>
-														<div class="media-body align-self-center">
-															<a href="profile.html">
-																<h6 class="mt-0 text-dark font-weight-medium">Larissa
-																	Gebhardt</h6>
-															</a>
-															<small>@larissa.gb</small>
-														</div>
-													</div>
-												</td>
-												<td>1 Order</td>
-												<td class="text-dark d-none d-md-block">$50</td>
-											</tr>
-											<tr>
-												<td>
-													<div class="media">
-														<div class="media-image mr-3 rounded-circle">
-															<a href="profile.html"><img
-																	class="profile-img rounded-circle w-45"
-																	src="assets/img/user/u4.jpg"
-																	alt="customer image"></a>
-														</div>
-														<div class="media-body align-self-center">
-															<a href="profile.html">
-																<h6 class="mt-0 text-dark font-weight-medium">Albrecht
-																	Straub</h6>
-															</a>
-															<small>@albrech.as</small>
-														</div>
-													</div>
-												</td>
-												<td>2 Orders</td>
-												<td class="text-dark d-none d-md-block">$100</td>
-											</tr>
-											<tr>
-												<td>
-													<div class="media">
-														<div class="media-image mr-3 rounded-circle">
-															<a href="profile.html"><img
-																	class="profile-img rounded-circle w-45"
-																	src="assets/img/user/u5.jpg"
-																	alt="customer image"></a>
-														</div>
-														<div class="media-body align-self-center">
-															<a href="profile.html">
-																<h6 class="mt-0 text-dark font-weight-medium">Leopold
-																	Ebert</h6>
-															</a>
-															<small>@leopold.et</small>
-														</div>
-													</div>
-												</td>
-												<td>1 Order</td>
-												<td class="text-dark d-none d-md-block">$60</td>
-											</tr>
-											<tr>
-												<td>
-													<div class="media">
-														<div class="media-image mr-3 rounded-circle">
-															<a href="profile.html"><img
-																	class="profile-img rounded-circle w-45"
-																	src="assets/img/user/u3.jpg"
-																	alt="customer image"></a>
-														</div>
-														<div class="media-body align-self-center">
-															<a href="profile.html">
-																<h6 class="mt-0 text-dark font-weight-medium">Larissa
-																	Gebhardt</h6>
-															</a>
-															<small>@larissa.gb</small>
-														</div>
-													</div>
-												</td>
-												<td>1 Order</td>
-												<td class="text-dark d-none d-md-block">$50</td>
+												<td><?php echo $formattedSignupDate?></td>
 											</tr>
+											<?php
+												$iterationCount++;
+												if ($iterationCount >= 8) {
+													break;
+												}
+												}
+											}
+											if (!$customersDisplayed) {
+												?>
+												<tr>
+													<td class="align-self-center">No new customers in the past week</td>
+												</tr>
+												<?php
+											}
+											?>
 										</tbody>
 									</table>
 								</div>
 							</div>
 						</div>
 
-						<div class="col-xl-7">
-							<!-- Top Products -->
-							<div class="card card-default ec-card-top-prod">
-								<div class="card-header justify-content-between">
-									<h2>Top Products</h2>
-									<div>
-										<button class="text-black-50 mr-2 font-size-20"><i
-												class="mdi mdi-cached"></i></button>
+						<div class="col-xl-6">
+							<!-- New Customers -->
+							<div class="card ec-cust-card card-table-border-none card-default">
+								<div class="card-header justify-content-between ">
+									<?php 
+										$weekAgoDate = date('m-d-Y', strtotime('-7 days'));
+									?>
+									<h2>New Vendors</h2>
+									<div> From <?php echo $weekAgoDate; ?> to <?php echo $currentDate; ?></div>
+									<!-- <div>
+										<button class="text-black-50 mr-2 font-size-20">
+											<i class="mdi mdi-cached"></i>
+										</button>
 										<div class="dropdown show d-inline-block widget-dropdown">
 											<a class="dropdown-toggle icon-burger-mini" href="#" role="button"
-												id="dropdown-product" data-bs-toggle="dropdown" aria-haspopup="true"
+												id="dropdown-customar" data-bs-toggle="dropdown" aria-haspopup="true"
 												aria-expanded="false" data-display="static">
 											</a>
 											<ul class="dropdown-menu dropdown-menu-right">
-												<li class="dropdown-item"><a href="#">Update Data</a></li>
-												<li class="dropdown-item"><a href="#">Detailed Log</a></li>
-												<li class="dropdown-item"><a href="#">Statistics</a></li>
-												<li class="dropdown-item"><a href="#">Clear Data</a></li>
+												<li class="dropdown-item"><a href="#">Action</a></li>
+												<li class="dropdown-item"><a href="#">Another action</a></li>
+												<li class="dropdown-item"><a href="#">Something else here</a></li>
 											</ul>
 										</div>
-									</div>
+									</div> -->
 								</div>
-								<div class="card-body mt-10px mb-10px py-0">
-									<div class="row media d-flex pt-15px pb-15px">
-										<div
-											class="col-lg-3 col-md-3 col-2 media-image align-self-center rounded">
-											<a href="#"><img src="assets/img/products/p1.jpg" alt="customer image"></a>
-										</div>
-										<div class="col-lg-9 col-md-9 col-10 media-body align-self-center ec-pos">
-											<a href="#">
-												<h6 class="mb-10px text-dark font-weight-medium">Baby cotton shoes</h6>
-											</a>
-											<p class="float-md-right sale"><span class="mr-2">58</span>Sales</p>
-											<p class="d-none d-md-block">Statement belting with double-turnlock hardware
-												adds “swagger” to a simple.</p>
-											<p class="mb-0 ec-price">
-												<span class="text-dark">$520</span>
-												<del>$580</del>
-											</p>
-										</div>
-									</div>
-									<div class="row media d-flex pt-15px pb-15px">
-										<div
-											class="col-lg-3 col-md-3 col-2 media-image align-self-center rounded">
-											<a href="#"><img src="assets/img/products/p2.jpg" alt="customer image"></a>
-										</div>
-										<div class="col-lg-9 col-md-9 col-10 media-body align-self-center ec-pos">
-											<a href="#">
-												<h6 class="mb-10px text-dark font-weight-medium">Hoodies for men</h6>
-											</a>
-											<p class="float-md-right sale"><span class="mr-2">20</span>Sales</p>
-											<p class="d-none d-md-block">Statement belting with double-turnlock hardware
-												adds “swagger” to a simple.</p>
-											<p class="mb-0 ec-price">
-												<span class="text-dark">$250</span>
-												<del>$300</del>
-											</p>
-										</div>
-									</div>
-									<div class="row media d-flex pt-15px pb-15px">
-										<div
-											class="col-lg-3 col-md-3 col-2 media-image align-self-center rounded">
-											<a href="#"><img src="assets/img/products/p3.jpg" alt="customer image"></a>
-										</div>
-										<div class="col-lg-9 col-md-9 col-10 media-body align-self-center ec-pos">
-											<a href="#">
-												<h6 class="mb-10px text-dark font-weight-medium">Long slive t-shirt</h6>
-											</a>
-											<p class="float-md-right sale"><span class="mr-2">10</span>Sales</p>
-											<p class="d-none d-md-block">Statement belting with double-turnlock hardware
-												adds “swagger” to a simple.</p>
-											<p class="mb-0 ec-price">
-												<span class="text-dark">$480</span>
-												<del>$654</del>
-											</p>
-										</div>
-									</div>
+								<div class="card-body pt-0 pb-15px">
+									<table class="table ">
+										<tbody>
+											<?php
+												$iterationCount = 0;
+												$vendorsDisplayed = false;
+												foreach (array_reverse($all_vendors) as $x => $val) {
+													$formattedSignupDate = date('m-d-Y', strtotime($val['createdAt']));
+													$imageUrl = $val['vendor_image'];
+													$shopName = $val['user_login'];
+													$fullName = $val['first_name'] . ' ' . $val['last_name'];
+													$email = $val['user_email'];
+													if ($formattedSignupDate >= $weekAgoDate && $formattedSignupDate <= $currentDate) {
+														$vendorsDisplayed = true;
+											?>
+											<tr>
+												<td>
+													<div class="media">
+														<div class="media-image mr-3 rounded-circle">
+															<img loading="lazy"
+																class="profile-img rounded-circle"
+																style="width: 50px; height: 50px; border-style: solid; border-color: #FFAA00;"
+																src="<?php echo $imageUrl !== null ? $imageUrl : 'assets/img/user/u1.jpg'; ?>"
+																alt="customer image">
+														</div>
+														<div class="media-body align-self-center">
+															<h6 class="mt-0 text-dark font-weight-medium"><?php echo $shopName; ?></h6>
+															<small><?php echo $fullName; ?> || </small>
+															<small><?php echo $email; ?></small>
+														</div>
+													</div>
+												</td>
+												<td><?php echo $formattedSignupDate?></td>
+											</tr>
+											<?php
+													$iterationCount++;
+													if ($iterationCount >= 8) {
+													break;
+													}
+												}
+											}
+
+											if (!$vendorsDisplayed) {
+												?>
+												<tr>
+													<td class="align-self-center">No new vendors in the past week</td>
+												</tr>
+												<?php
+											}
+											?>
+										</tbody>
+									</table>
 								</div>
 							</div>
 						</div>
@@ -1333,7 +1335,7 @@ date_default_timezone_set('Asia/Manila');
 					<p>
 						Copyright &copy; <span id="ec-year"></span><a class="text-primary"
 						href="https://themeforest.net/user/ashishmaraviya" target="_blank"> Ekka Admin Dashboard</a>. All Rights Reserved.
-					  </p>
+					</p>
 				</div>
 			</footer>
 
@@ -1353,6 +1355,7 @@ date_default_timezone_set('Asia/Manila');
 
 	<!-- gelo added dynamic charts -->
 	<script src="assets/js/dashboard-chart.js"></script>
+	<script src="assets/js/map.js"></script>
 	<!-- Google map chart -->
 	<script src="assets/plugins/charts/google-map-loader.js"></script>
 	<script src="assets/plugins/charts/google-map.js"></script>

admin/left-main-sidebar.php

@@ -1,10 +1,6 @@
 <style>
-	.sidenav-item.active {
-    background-color: #f0f0f0; /* Change background color */
-}
-
-.sidenav-item.active .nav-text {
-    color: #333; /* Change text color */
+    .nav-link:hover{
+    border-left: 5px solid #87CEFA;
 }
 </style>
 
@@ -13,7 +9,7 @@
 
 				<div class="ec-brand">
 					<a href="index.php" title="Ekka">
-						<img class="ec-brand-icon" src="assets/img/logo/ec-site-logo.png" alt="" />
+						<img loading="lazy" class="ec-brand-icon" src="assets/img/logo/ec-site-logo.png" alt="" />
 						<span class="ec-brand-name text-truncate">oBanana</span>
 					</a>
 				</div>
@@ -21,18 +17,17 @@
 				<!-- begin sidebar scrollbar -->
 				<div class="ec-navigation" data-simplebar>
 					<!-- sidebar menu -->
-					<ul class="nav sidebar-inner" id="sidebar-menu">
+					<ul class="nav sidebar-inner">
 						<!-- Dashboard -->
-						<li class="active">
+						<li class="nav-link">
 							<a class="sidenav-item-link" href="index.php">
 								<i class="mdi mdi-view-dashboard-outline"></i>
 								<span class="nav-text">Dashboard</span>
 							</a>
-							<hr>
 						</li>
 
 						<!-- Vendors -->
-						<li>
+						<li class="nav-link">
 							<a class="sidenav-item-link" href="vendor-card.php">
 								<i class="mdi mdi-account-group-outline"></i>
 								<span class="nav-text">Vendors</span>
@@ -60,7 +55,7 @@
 						</li>
 
 						<!-- Users -->
-						<li >
+						<li class="nav-link">
 							<a class="sidenav-item-link" href="user-card.php">
 								<i class="mdi mdi-account-group"></i>
 								<span class="nav-text">Users</span> 
@@ -143,7 +138,7 @@
 						</li> -->
 
 						<!-- Orders -->
-						<li >
+						<li class="nav-link">
 							<a class="sidenav-item-link" href="order-history.php">
 								<i class="mdi mdi-cart"></i>
 								<span class="nav-text">Orders</span>
@@ -257,4 +252,6 @@
 					</ul>
 				</div>
 			</div>
-		</div>
+		</div>
+
+		

admin/login.php

@@ -47,7 +47,7 @@ if ($_SESSION["isLoggedIn"] == true and $_SESSION["user_type"] == "admin"){
 
                 <div class="ec-brand">
                     <a href="index.php" title="Ekka">
-                        <img class="ec-brand-icon" src="assets/img/logo/ec-site-logo.png" alt="" />
+                        <img loading="lazy" class="ec-brand-icon" src="assets/img/logo/ec-site-logo.png" alt="" />
                         <span class="ec-brand-name text-truncate">oBanana</span>
                     </a>
                 </div>

admin/order-history.php

@@ -14,7 +14,7 @@ if ($_SESSION["user_type"] != "admin") {
 	header("location: login.php?alert=Only admins allowed here!");
 }
 $orders = getAllOrder();
-$allorders = json_encode($orders, true);
+// $allorders = json_encode($orders, true);
 
 ?>
 <!DOCTYPE html>
@@ -24,9 +24,9 @@ $allorders = json_encode($orders, true);
 	<meta charset="utf-8" />
 	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
 	<meta name="viewport" content="width=device-width, initial-scale=1" />
-	<meta name="description" content="Ekka - Admin Dashboard HTML Template.">
+	<meta name="description" content="oBanana B2B - Admin Dashboard">
 
-	<title>Ekka - Admin Dashboard HTML Template.</title>
+	<title>oBanana B2B - Admin Dashboard</title>
 
 	<!-- GOOGLE FONTS -->
 	<link rel="preconnect" href="https://fonts.googleapis.com">
@@ -82,7 +82,8 @@ $allorders = json_encode($orders, true);
 										<table id="responsive-data-table" class="table" style="width:100%">
 											<thead>
 												<tr>
-													<th>Date</th>
+													<th>Updated Date</th>
+													<th>Order Date</th>
 													<th>Customer</th>
 													<th>Vendor</th>
 													<th>Product</th>
@@ -102,6 +103,7 @@ $allorders = json_encode($orders, true);
 												?>
 													<tr>
 														<td><?php echo date('Y-m-d', strtotime($order['updatedAt'])) ?></td>
+														<td><?php echo date('Y-m-d', strtotime($order['order_date'])) ?></td>
 														<td><?php echo $order['customer'][0]['name'] ?></td>
 														<td><?php echo $order['items'][0]['vendor_name'] ?></td>
 														<td><?php echo $order['items'][0]['product']['name'] ?></td>
@@ -113,7 +115,7 @@ $allorders = json_encode($orders, true);
 														<td><?php echo $order['return_order']['status'] ?></td>
 														<!-- <td><span class="mb-2 mr-2 badge badge-secondary">Cancel</span></td> -->
 														<td>
-															<a class="btn btn-lg btn-primary" data-bs-toggle="modal" data-bs-target="#modal-order-<?php echo $order['_id']; ?>">Details</a>
+															<a class="btn btn-md btn-primary" data-bs-toggle="modal" data-bs-target="#modal-order-<?php echo $order['_id']; ?>">Details</a>
 														</td>
 													</tr>
 													<div class="modal fade" id="modal-order-<?php echo $order['_id']; ?>" tabindex="-1" role="dialog" aria-hidden="true">
@@ -137,7 +139,7 @@ $allorders = json_encode($orders, true);
 																		</div>
 																		<div class="form-group">
 																			<label for="return_image-<?php echo $order['_id']; ?>">Refund Image:</label>
-																			<img class="form-control" id="return_image-<?php echo $order['_id']; ?>" src="<?php echo $order['return_order']['image']; ?>">
+																			<img loading="lazy" class="form-control" id="return_image-<?php echo $order['_id']; ?>" src="<?php echo $order['return_order']['image']; ?>">
 																		</div>
 																		<?php if ($order['return_order']['status'] == 'To Ship') : ?>
 																			<button type="submit" class="btn btn-primary" id="to-receive-button-<?php echo $order['_id']; ?>">To Receive</button>

admin/product-add.bak.php

@@ -48,7 +48,7 @@
 
 				<div class="ec-brand">
 					<a href="index.php" title="Ekka">
-						<img class="ec-brand-icon" src="assets/img/logo/ec-site-logo.png" alt="" />
+						<img loading="lazy" class="ec-brand-icon" src="assets/img/logo/ec-site-logo.png" alt="" />
 						<span class="ec-brand-name text-truncate">Ekka</span>
 					</a>
 				</div>
@@ -323,12 +323,12 @@
 							<li class="dropdown user-menu">
 								<button class="dropdown-toggle nav-link ec-drop" data-bs-toggle="dropdown"
 									aria-expanded="false">
-									<img src="assets/img/user/user.png" class="user-image" alt="User Image" />
+									<img loading="lazy" src="assets/img/user/user.png" class="user-image" alt="User Image" />
 								</button>
 								<ul class="dropdown-menu dropdown-menu-right ec-dropdown-menu">
 									<!-- User image -->
 									<li class="dropdown-header">
-										<img src="assets/img/user/user.png" class="img-circle" alt="User Image" />
+										<img loading="lazy" src="assets/img/user/user.png" class="img-circle" alt="User Image" />
 										<div class="d-inline-block">
 											John Deo <small class="pt-1">john.example@gmail.com</small>
 										</div>
@@ -394,7 +394,7 @@
 														<a href="javscript:void(0)"
 															class="media media-message media-notification">
 															<div class="position-relative mr-3">
-																<img class="rounded-circle" src="assets/img/user/u2.jpg"
+																<img loading="lazy" class="rounded-circle" src="assets/img/user/u2.jpg"
 																	alt="Image">
 																<span class="status away"></span>
 															</div>
@@ -419,7 +419,7 @@
 														<a href="javscript:void(0)"
 															class="media media-message media-notification media-active">
 															<div class="position-relative mr-3">
-																<img class="rounded-circle" src="assets/img/user/u1.jpg"
+																<img loading="lazy" class="rounded-circle" src="assets/img/user/u1.jpg"
 																	alt="Image">
 																<span class="status active"></span>
 															</div>
@@ -444,7 +444,7 @@
 														<a href="javscript:void(0)"
 															class="media media-message media-notification">
 															<div class="position-relative mr-3">
-																<img class="rounded-circle" src="assets/img/user/u5.jpg"
+																<img loading="lazy" class="rounded-circle" src="assets/img/user/u5.jpg"
 																	alt="Image">
 																<span class="status away"></span>
 															</div>
@@ -611,7 +611,7 @@
 														<a href="javscript:void(0)"
 															class="media media-message media-notification">
 															<div class="position-relative mr-3">
-																<img class="rounded-circle" src="assets/img/user/u6.jpg"
+																<img loading="lazy" class="rounded-circle" src="assets/img/user/u6.jpg"
 																	alt="Image">
 																<span class="status away"></span>
 															</div>
@@ -636,7 +636,7 @@
 														<a href="javscript:void(0)"
 															class="media media-message media-notification">
 															<div class="position-relative mr-3">
-																<img class="rounded-circle" src="assets/img/user/u7.jpg"
+																<img loading="lazy" class="rounded-circle" src="assets/img/user/u7.jpg"
 																	alt="Image">
 																<span class="status away"></span>
 															</div>
@@ -661,7 +661,7 @@
 														<a href="javscript:void(0)"
 															class="media media-message media-notification media-active">
 															<div class="position-relative mr-3">
-																<img class="rounded-circle" src="assets/img/user/u1.jpg"
+																<img loading="lazy" class="rounded-circle" src="assets/img/user/u1.jpg"
 																	alt="Image">
 																<span class="status active"></span>
 															</div>
@@ -686,7 +686,7 @@
 														<a href="javscript:void(0)"
 															class="media media-message media-notification">
 															<div class="position-relative mr-3">
-																<img class="rounded-circle" src="assets/img/user/u2.jpg"
+																<img loading="lazy" class="rounded-circle" src="assets/img/user/u2.jpg"
 																	alt="Image">
 																<span class="status away"></span>
 															</div>
@@ -711,7 +711,7 @@
 														<a href="javscript:void(0)"
 															class="media media-message media-notification">
 															<div class="position-relative mr-3">
-																<img class="rounded-circle" src="assets/img/user/u5.jpg"
+																<img loading="lazy" class="rounded-circle" src="assets/img/user/u5.jpg"
 																	alt="Image">
 																<span class="status away"></span>
 															</div>
@@ -960,13 +960,13 @@
 														<div class="avatar-edit">
 															<input type='file' id="imageUpload" class="ec-image-upload"
 																accept=".png, .jpg, .jpeg" />
-															<label for="imageUpload"><img
+															<label for="imageUpload"><img loading="lazy"
 																	src="assets/img/icons/edit.svg"
 																	class="svg_img header_svg" alt="edit" /></label>
 														</div>
 														<div class="avatar-preview ec-preview">
 															<div class="imagePreview ec-div-preview">
-																<img class="ec-image-preview"
+																<img loading="lazy" class="ec-image-preview"
 																	src="assets/img/products/vender-upload-preview.jpg"
 																	alt="edit" />
 															</div>
@@ -979,13 +979,13 @@
 																<input type='file' id="thumbUpload01"
 																	class="ec-image-upload"
 																	accept=".png, .jpg, .jpeg" />
-																<label for="imageUpload"><img
+																<label for="imageUpload"><img loading="lazy"
 																		src="assets/img/icons/edit.svg"
 																		class="svg_img header_svg" alt="edit" /></label>
 															</div>
 															<div class="thumb-preview ec-preview">
 																<div class="image-thumb-preview">
-																	<img class="image-thumb-preview ec-image-preview"
+																	<img loading="lazy" class="image-thumb-preview ec-image-preview"
 																		src="assets/img/products/vender-upload-thumb-preview.jpg"
 																		alt="edit" />
 																</div>
@@ -996,13 +996,13 @@
 																<input type='file' id="thumbUpload02"
 																	class="ec-image-upload"
 																	accept=".png, .jpg, .jpeg" />
-																<label for="imageUpload"><img
+																<label for="imageUpload"><img loading="lazy"
 																		src="assets/img/icons/edit.svg"
 																		class="svg_img header_svg" alt="edit" /></label>
 															</div>
 															<div class="thumb-preview ec-preview">
 																<div class="image-thumb-preview">
-																	<img class="image-thumb-preview ec-image-preview"
+																	<img loading="lazy" class="image-thumb-preview ec-image-preview"
 																		src="assets/img/products/vender-upload-thumb-preview.jpg"
 																		alt="edit" />
 																</div>
@@ -1013,13 +1013,13 @@
 																<input type='file' id="thumbUpload03"
 																	class="ec-image-upload"
 																	accept=".png, .jpg, .jpeg" />
-																<label for="imageUpload"><img
+																<label for="imageUpload"><img loading="lazy"
 																		src="assets/img/icons/edit.svg"
 																		class="svg_img header_svg" alt="edit" /></label>
 															</div>
 															<div class="thumb-preview ec-preview">
 																<div class="image-thumb-preview">
-																	<img class="image-thumb-preview ec-image-preview"
+																	<img loading="lazy" class="image-thumb-preview ec-image-preview"
 																		src="assets/img/products/vender-upload-thumb-preview.jpg"
 																		alt="edit" />
 																</div>
@@ -1030,13 +1030,13 @@
 																<input type='file' id="thumbUpload04"
 																	class="ec-image-upload"
 																	accept=".png, .jpg, .jpeg" />
-																<label for="imageUpload"><img
+																<label for="imageUpload"><img loading="lazy"
 																		src="assets/img/icons/edit.svg"
 																		class="svg_img header_svg" alt="edit" /></label>
 															</div>
 															<div class="thumb-preview ec-preview">
 																<div class="image-thumb-preview">
-																	<img class="image-thumb-preview ec-image-preview"
+																	<img loading="lazy" class="image-thumb-preview ec-image-preview"
 																		src="assets/img/products/vender-upload-thumb-preview.jpg"
 																		alt="edit" />
 																</div>

admin/product-edit.php

@@ -110,12 +110,12 @@ $vendorId = $_SESSION["vendorId"];
 							<!-- User Account -->
 							<li class="dropdown user-menu">
 								<button class="dropdown-toggle nav-link ec-drop" data-bs-toggle="dropdown" aria-expanded="false">
-									<img src="assets/img/user/user.png" class="user-image" alt="User Image" />
+									<img loading="lazy" src="assets/img/user/user.png" class="user-image" alt="User Image" />
 								</button>
 								<ul class="dropdown-menu dropdown-menu-right ec-dropdown-menu">
 									<!-- User image -->
 									<li class="dropdown-header">
-										<img src="assets/img/user/user.png" class="img-circle" alt="User Image" />
+										<img loading="lazy" src="assets/img/user/user.png" class="img-circle" alt="User Image" />
 										<div class="d-inline-block">
 											John Deo <small class="pt-1">john.example@gmail.com</small>
 										</div>
@@ -172,7 +172,7 @@ $vendorId = $_SESSION["vendorId"];
 													<li>
 														<a href="javscript:void(0)" class="media media-message media-notification">
 															<div class="position-relative mr-3">
-																<img class="rounded-circle" src="assets/img/user/u2.jpg" alt="Image">
+																<img loading="lazy" class="rounded-circle" src="assets/img/user/u2.jpg" alt="Image">
 																<span class="status away"></span>
 															</div>
 															<div class="media-body d-flex justify-content-between">
@@ -194,7 +194,7 @@ $vendorId = $_SESSION["vendorId"];
 													<li>
 														<a href="javscript:void(0)" class="media media-message media-notification media-active">
 															<div class="position-relative mr-3">
-																<img class="rounded-circle" src="assets/img/user/u1.jpg" alt="Image">
+																<img loading="lazy" class="rounded-circle" src="assets/img/user/u1.jpg" alt="Image">
 																<span class="status active"></span>
 															</div>
 															<div class="media-body d-flex justify-content-between">
@@ -216,7 +216,7 @@ $vendorId = $_SESSION["vendorId"];
 													<li>
 														<a href="javscript:void(0)" class="media media-message media-notification">
 															<div class="position-relative mr-3">
-																<img class="rounded-circle" src="assets/img/user/u5.jpg" alt="Image">
+																<img loading="lazy" class="rounded-circle" src="assets/img/user/u5.jpg" alt="Image">
 																<span class="status away"></span>
 															</div>
 															<div class="media-body d-flex justify-content-between">
@@ -361,7 +361,7 @@ $vendorId = $_SESSION["vendorId"];
 													<li>
 														<a href="javscript:void(0)" class="media media-message media-notification">
 															<div class="position-relative mr-3">
-																<img class="rounded-circle" src="assets/img/user/u6.jpg" alt="Image">
+																<img loading="lazy" class="rounded-circle" src="assets/img/user/u6.jpg" alt="Image">
 																<span class="status away"></span>
 															</div>
 															<div class="media-body d-flex justify-content-between">
@@ -383,7 +383,7 @@ $vendorId = $_SESSION["vendorId"];
 													<li>
 														<a href="javscript:void(0)" class="media media-message media-notification">
 															<div class="position-relative mr-3">
-																<img class="rounded-circle" src="assets/img/user/u7.jpg" alt="Image">
+																<img loading="lazy" class="rounded-circle" src="assets/img/user/u7.jpg" alt="Image">
 																<span class="status away"></span>
 															</div>
 															<div class="media-body d-flex justify-content-between">
@@ -405,7 +405,7 @@ $vendorId = $_SESSION["vendorId"];
 													<li>
 														<a href="javscript:void(0)" class="media media-message media-notification media-active">
 															<div class="position-relative mr-3">
-																<img class="rounded-circle" src="assets/img/user/u1.jpg" alt="Image">
+																<img loading="lazy" class="rounded-circle" src="assets/img/user/u1.jpg" alt="Image">
 																<span class="status active"></span>
 															</div>
 															<div class="media-body d-flex justify-content-between">
@@ -427,7 +427,7 @@ $vendorId = $_SESSION["vendorId"];
 													<li>
 														<a href="javscript:void(0)" class="media media-message media-notification">
 															<div class="position-relative mr-3">
-																<img class="rounded-circle" src="assets/img/user/u2.jpg" alt="Image">
+																<img loading="lazy" class="rounded-circle" src="assets/img/user/u2.jpg" alt="Image">
 																<span class="status away"></span>
 															</div>
 															<div class="media-body d-flex justify-content-between">
@@ -449,7 +449,7 @@ $vendorId = $_SESSION["vendorId"];
 													<li>
 														<a href="javscript:void(0)" class="media media-message media-notification">
 															<div class="position-relative mr-3">
-																<img class="rounded-circle" src="assets/img/user/u5.jpg" alt="Image">
+																<img loading="lazy" class="rounded-circle" src="assets/img/user/u5.jpg" alt="Image">
 																<span class="status away"></span>
 															</div>
 															<div class="media-body d-flex justify-content-between">
@@ -673,7 +673,7 @@ $vendorId = $_SESSION["vendorId"];
 													<div class="avatar-upload">
 														<div class="avatar-edit">
 															<input type='file' id="imageUpload" class="ec-image-upload" accept=".png, .jpg, .jpeg" multiple onchange="uploadProductImage()" />
-															<label for="imageUpload"><img src="assets/img/icons/edit.svg" class="svg_img header_svg" alt="edit" /></label>
+															<label for="imageUpload"><img loading="lazy" src="assets/img/icons/edit.svg" class="svg_img header_svg" alt="edit" /></label>
 														</div>
 														<div class="avatar-preview ec-preview">
 														<div class="imagePreview ec-div-preview">
@@ -683,12 +683,12 @@ $vendorId = $_SESSION["vendorId"];
                                                             if (!empty($image_urls)) {
                                                                 $first_image_url = trim($image_urls[0]);
                                                         ?>
-                                                                <img class="ec-image-preview" src="<?php echo $first_image_url; ?>" alt="edit" />
+                                                                <img loading="lazy" class="ec-image-preview" src="<?php echo $first_image_url; ?>" alt="edit" />
                                                             <?php
                                                             }
                                                         } else {
                                                             ?>
-                                                            <img class="ec-image-preview" src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/65/No-Image-Placeholder.svg/495px-No-Image-Placeholder.svg.png?20200912122019" alt="edit" />
+                                                            <img loading="lazy" class="ec-image-preview" src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/65/No-Image-Placeholder.svg/495px-No-Image-Placeholder.svg.png?20200912122019" alt="edit" />
                                                         <?php
                                                         }
                                                         ?>
@@ -710,7 +710,7 @@ $vendorId = $_SESSION["vendorId"];
 													</div>
 													<div class="thumb-preview ec-preview">
 														<div class="image-thumb-preview">
-															<img class="" src="<?php echo $image_url; ?>" alt="edit" />
+															<img loading="lazy" class="" src="<?php echo $image_url; ?>" alt="edit" />
 														</div>
 													</div>
                                                         </div>
@@ -725,7 +725,7 @@ $vendorId = $_SESSION["vendorId"];
                                                         </div>
                                                         <div class="thumb-preview ec-preview">
                                                             <div class="image-thumb-preview">
-                                                                <img class="image-thumb-preview ec-image-preview" src="assets/images/product-image/vender-upload-thumb-preview.jpg" alt="edit" />
+                                                                <img loading="lazy" class="image-thumb-preview ec-image-preview" src="assets/images/product-image/vender-upload-thumb-preview.jpg" alt="edit" />
                                                             </div>
                                                         </div>
                                                     </div>

admin/product-grid.php

@@ -71,12 +71,12 @@ if($_SESSION["user_type"]!="admin"){
 							<li class="dropdown user-menu">
 								<button class="dropdown-toggle nav-link ec-drop" data-bs-toggle="dropdown"
 									aria-expanded="false">
-									<img src="assets/img/user/user.png" class="user-image" alt="User Image" />
+									<img loading="lazy" src="assets/img/user/user.png" class="user-image" alt="User Image" />
 								</button>
 								<ul class="dropdown-menu dropdown-menu-right ec-dropdown-menu">
 									<!-- User image -->
 									<li class="dropdown-header">
-										<img src="assets/img/user/user.png" class="img-circle" alt="User Image" />
+										<img loading="lazy" src="assets/img/user/user.png" class="img-circle" alt="User Image" />
 										<div class="d-inline-block">
 											John Deo <small class="pt-1">john.example@gmail.com</small>
 										</div>
@@ -142,7 +142,7 @@ if($_SESSION["user_type"]!="admin"){
 														<a href="javscript:void(0)"
 															class="media media-message media-notification">
 															<div class="position-relative mr-3">
-																<img class="rounded-circle" src="assets/img/user/u2.jpg"
+																<img loading="lazy" class="rounded-circle" src="assets/img/user/u2.jpg"
 																	alt="Image">
 																<span class="status away"></span>
 															</div>
@@ -167,7 +167,7 @@ if($_SESSION["user_type"]!="admin"){
 														<a href="javscript:void(0)"
 															class="media media-message media-notification media-active">
 															<div class="position-relative mr-3">
-																<img class="rounded-circle" src="assets/img/user/u1.jpg"
+																<img loading="lazy" class="rounded-circle" src="assets/img/user/u1.jpg"
 																	alt="Image">
 																<span class="status active"></span>
 															</div>
@@ -192,7 +192,7 @@ if($_SESSION["user_type"]!="admin"){
 														<a href="javscript:void(0)"
 															class="media media-message media-notification">
 															<div class="position-relative mr-3">
-																<img class="rounded-circle" src="assets/img/user/u5.jpg"
+																<img loading="lazy" class="rounded-circle" src="assets/img/user/u5.jpg"
 																	alt="Image">
 																<span class="status away"></span>
 															</div>
@@ -359,7 +359,7 @@ if($_SESSION["user_type"]!="admin"){
 														<a href="javscript:void(0)"
 															class="media media-message media-notification">
 															<div class="position-relative mr-3">
-																<img class="rounded-circle" src="assets/img/user/u6.jpg"
+																<img loading="lazy" class="rounded-circle" src="assets/img/user/u6.jpg"
 																	alt="Image">
 																<span class="status away"></span>
 															</div>
@@ -384,7 +384,7 @@ if($_SESSION["user_type"]!="admin"){
 														<a href="javscript:void(0)"
 															class="media media-message media-notification">
 															<div class="position-relative mr-3">
-																<img class="rounded-circle" src="assets/img/user/u7.jpg"
+																<img loading="lazy" class="rounded-circle" src="assets/img/user/u7.jpg"
 																	alt="Image">
 																<span class="status away"></span>
 															</div>
@@ -409,7 +409,7 @@ if($_SESSION["user_type"]!="admin"){
 														<a href="javscript:void(0)"
 															class="media media-message media-notification media-active">
 															<div class="position-relative mr-3">
-																<img class="rounded-circle" src="assets/img/user/u1.jpg"
+																<img loading="lazy" class="rounded-circle" src="assets/img/user/u1.jpg"
 																	alt="Image">
 																<span class="status active"></span>
 															</div>
@@ -434,7 +434,7 @@ if($_SESSION["user_type"]!="admin"){
 														<a href="javscript:void(0)"
 															class="media media-message media-notification">
 															<div class="position-relative mr-3">
-																<img class="rounded-circle" src="assets/img/user/u2.jpg"
+																<img loading="lazy" class="rounded-circle" src="assets/img/user/u2.jpg"
 																	alt="Image">
 																<span class="status away"></span>
 															</div>
@@ -459,7 +459,7 @@ if($_SESSION["user_type"]!="admin"){
 														<a href="javscript:void(0)"
 															class="media media-message media-notification">
 															<div class="position-relative mr-3">
-																<img class="rounded-circle" src="assets/img/user/u5.jpg"
+																<img loading="lazy" class="rounded-circle" src="assets/img/user/u5.jpg"
 																	alt="Image">
 																<span class="status away"></span>
 															</div>
@@ -727,9 +727,9 @@ if($_SESSION["user_type"]!="admin"){
                             <div class="image-container" style="height: 300px;"> <!-- Adjust the height as needed -->
                                 <?php
                                 if (isset($product['product_image']) && !empty($product['product_image'])) {
-                                    echo '<img src="' . $product['product_image'] . '" alt="Product Image" class="img-fluid" style="object-fit: cover; width: 100%; height: 100%;">';
+                                    echo '<img loading="lazy" src="' . $product['product_image'] . '" alt="Product Image" class="img-fluid" style="object-fit: cover; width: 100%; height: 100%;">';
                                 } else {
-                                    echo '<img src="assets/img/vendor/u1.jpg" class="img-fluid rounded-circle" alt="Placeholder Image" style="object-fit: cover; width: 100%; height: 100%;">';
+                                    echo '<img loading="lazy" src="assets/img/vendor/u1.jpg" class="img-fluid rounded-circle" alt="Placeholder Image" style="object-fit: cover; width: 100%; height: 100%;">';
                                 }
                                 ?>
                             </div>

admin/user-card.php

@@ -101,7 +101,7 @@ $users = getUsers();
 					<div class="row">
     <?php
     $totalUsers = count($users);
-    $usersPerPage = 20;
+    $usersPerPage = 15;
     $totalPages = ceil($totalUsers / $usersPerPage);
     $currentPage = isset($_GET['page']) ? $_GET['page'] : 1;
     $start = ($currentPage - 1) * $usersPerPage;
@@ -115,7 +115,7 @@ $users = getUsers();
                 <a href="javascript:0" class="view-detail" id="modalTrigger-<?php echo $user['_id']; ?>"><i class="mdi mdi-eye-plus-outline"></i></a>
                 <!-- <a href="javascript:0" data-bs-toggle="modal" data-bs-target="#modalContact-<?php echo $user['_id']; ?>" class="view-detail"><i class="mdi mdi-eye-plus-outline"></i></a> -->
                 <a href="javascript:0" class="media text-secondary">
-                    <img src="https://upload.wikimedia.org/wikipedia/commons/7/7e/Circle-icons-profile.svg" class="mr-3 img-fluid" alt="Avatar Image">
+                    <img loading="lazy" src="https://upload.wikimedia.org/wikipedia/commons/7/7e/Circle-icons-profile.svg" class="mr-3 img-fluid" alt="Avatar Image">
                     <div class="media-body">
                         <h5 class="mt-0 mb-2 text-dark"><?php echo $user['username'] ?></h5>
                         <div class="icon">
@@ -266,8 +266,31 @@ $users = getUsers();
 <!-- Pagination Links -->
 <div class="pagination">
     <?php
-    for ($page = 1; $page <= $totalPages; $page++) {
+   /*  for ($page = 1; $page <= $totalPages; $page++) {
         echo '<a href="?page=' . $page . '">' . $page . '</a>';
+    } */
+    $maxPages = 5; // Maximum number of pages to display
+    $ellipsis = true; // Whether to show ellipsis if there are more pages
+
+    $startPage = max(1, $currentPage - floor($maxPages / 2));
+    $endPage = min($totalPages, $startPage + $maxPages - 1);
+
+    if ($ellipsis && $startPage > 1) {
+        echo '<a href="?page=1">1</a>';
+        if ($startPage > 2) {
+            echo '<span>...</span>';
+        }
+    }
+
+    for ($page = $startPage; $page <= $endPage; $page++) {
+        echo '<a href="?page=' . $page . '">' . $page . '</a>';
+    }
+
+    if ($ellipsis && $endPage < $totalPages) {
+        if ($endPage < $totalPages - 1) {
+            echo '<span>...</span>';
+        }
+        echo '<a href="?page=' . $totalPages . '">' . $totalPages . '</a>';
     }
     ?>
 </div>

admin/vendor-card-2.php

@@ -77,12 +77,12 @@ if($_SESSION["user_type"]!="admin"){
 							<!-- User Account -->
 							<li class="dropdown user-menu">
 								<button class="dropdown-toggle nav-link ec-drop" data-bs-toggle="dropdown" aria-expanded="false">
-									<img src="assets/img/user/user.png" class="user-image" alt="User Image" />
+									<img loading="lazy" src="assets/img/user/user.png" class="user-image" alt="User Image" />
 								</button>
 								<ul class="dropdown-menu dropdown-menu-right ec-dropdown-menu">
 									<!-- User image -->
 									<li class="dropdown-header">
-										<img src="assets/img/user/user.png" class="img-circle" alt="User Image" />
+										<img loading="lazy" src="assets/img/user/user.png" class="img-circle" alt="User Image" />
 										<div class="d-inline-block">
 											John Deo <small class="pt-1">john.example@gmail.com</small>
 										</div>
@@ -139,7 +139,7 @@ if($_SESSION["user_type"]!="admin"){
 													<li>
 														<a href="javscript:void(0)" class="media media-message media-notification">
 															<div class="position-relative mr-3">
-																<img class="rounded-circle" src="assets/img/user/u2.jpg" alt="Image">
+																<img loading="lazy" class="rounded-circle" src="assets/img/user/u2.jpg" alt="Image">
 																<span class="status away"></span>
 															</div>
 															<div class="media-body d-flex justify-content-between">
@@ -161,7 +161,7 @@ if($_SESSION["user_type"]!="admin"){
 													<li>
 														<a href="javscript:void(0)" class="media media-message media-notification media-active">
 															<div class="position-relative mr-3">
-																<img class="rounded-circle" src="assets/img/user/u1.jpg" alt="Image">
+																<img loading="lazy" class="rounded-circle" src="assets/img/user/u1.jpg" alt="Image">
 																<span class="status active"></span>
 															</div>
 															<div class="media-body d-flex justify-content-between">
@@ -183,7 +183,7 @@ if($_SESSION["user_type"]!="admin"){
 													<li>
 														<a href="javscript:void(0)" class="media media-message media-notification">
 															<div class="position-relative mr-3">
-																<img class="rounded-circle" src="assets/img/user/u5.jpg" alt="Image">
+																<img loading="lazy" class="rounded-circle" src="assets/img/user/u5.jpg" alt="Image">
 																<span class="status away"></span>
 															</div>
 															<div class="media-body d-flex justify-content-between">
@@ -328,7 +328,7 @@ if($_SESSION["user_type"]!="admin"){
 													<li>
 														<a href="javscript:void(0)" class="media media-message media-notification">
 															<div class="position-relative mr-3">
-																<img class="rounded-circle" src="assets/img/user/u6.jpg" alt="Image">
+																<img loading="lazy" class="rounded-circle" src="assets/img/user/u6.jpg" alt="Image">
 																<span class="status away"></span>
 															</div>
 															<div class="media-body d-flex justify-content-between">
@@ -350,7 +350,7 @@ if($_SESSION["user_type"]!="admin"){
 													<li>
 														<a href="javscript:void(0)" class="media media-message media-notification">
 															<div class="position-relative mr-3">
-																<img class="rounded-circle" src="assets/img/user/u7.jpg" alt="Image">
+																<img loading="lazy" class="rounded-circle" src="assets/img/user/u7.jpg" alt="Image">
 																<span class="status away"></span>
 															</div>
 															<div class="media-body d-flex justify-content-between">
@@ -372,7 +372,7 @@ if($_SESSION["user_type"]!="admin"){
 													<li>
 														<a href="javscript:void(0)" class="media media-message media-notification media-active">
 															<div class="position-relative mr-3">
-																<img class="rounded-circle" src="assets/img/user/u1.jpg" alt="Image">
+																<img loading="lazy" class="rounded-circle" src="assets/img/user/u1.jpg" alt="Image">
 																<span class="status active"></span>
 															</div>
 															<div class="media-body d-flex justify-content-between">
@@ -394,7 +394,7 @@ if($_SESSION["user_type"]!="admin"){
 													<li>
 														<a href="javscript:void(0)" class="media media-message media-notification">
 															<div class="position-relative mr-3">
-																<img class="rounded-circle" src="assets/img/user/u2.jpg" alt="Image">
+																<img loading="lazy" class="rounded-circle" src="assets/img/user/u2.jpg" alt="Image">
 																<span class="status away"></span>
 															</div>
 															<div class="media-body d-flex justify-content-between">
@@ -416,7 +416,7 @@ if($_SESSION["user_type"]!="admin"){
 													<li>
 														<a href="javscript:void(0)" class="media media-message media-notification">
 															<div class="position-relative mr-3">
-																<img class="rounded-circle" src="assets/img/user/u5.jpg" alt="Image">
+																<img loading="lazy" class="rounded-circle" src="assets/img/user/u5.jpg" alt="Image">
 																<span class="status away"></span>
 															</div>
 															<div class="media-body d-flex justify-content-between">
@@ -632,7 +632,7 @@ if($_SESSION["user_type"]!="admin"){
 									<div class="vendor-info card-body text-center p-4">
 										<a href="javascript:0" class="text-secondary d-inline-block mb-3">
 											<div class="image mb-3">
-												<img src="assets/img/vendor/u1.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
+												<img loading="lazy" src="assets/img/vendor/u1.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
 											</div>
 
 											<h5 class="card-title text-dark">Emma Smith</h5>
@@ -672,7 +672,7 @@ if($_SESSION["user_type"]!="admin"){
 									<div class="vendor-info card-body text-center p-4">
 										<a href="javascript:0" class="text-secondary d-inline-block mb-3">
 											<div class="image mb-3">
-												<img src="assets/img/vendor/u2.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
+												<img loading="lazy" src="assets/img/vendor/u2.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
 											</div>
 
 											<h5 class="card-title text-dark">Bobly Smith</h5>
@@ -712,7 +712,7 @@ if($_SESSION["user_type"]!="admin"){
 									<div class="vendor-info card-body text-center p-4">
 										<a href="javascript:0" class="text-secondary d-inline-block mb-3">
 											<div class="image mb-3">
-												<img src="assets/img/vendor/u3.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
+												<img loading="lazy" src="assets/img/vendor/u3.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
 											</div>
 
 											<h5 class="card-title text-dark">Robin Hood</h5>
@@ -754,7 +754,7 @@ if($_SESSION["user_type"]!="admin"){
 									<div class="vendor-info card-body text-center p-4">
 										<a href="javascript:0" class="text-secondary d-inline-block mb-3">
 											<div class="image mb-3">
-												<img src="assets/img/vendor/u4.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
+												<img loading="lazy" src="assets/img/vendor/u4.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
 											</div>
 
 											<h5 class="card-title text-dark">devin chingol</h5>
@@ -796,7 +796,7 @@ if($_SESSION["user_type"]!="admin"){
 									<div class="vendor-info card-body text-center p-4">
 										<a href="javascript:0" class="text-secondary d-inline-block mb-3">
 											<div class="image mb-3">
-												<img src="assets/img/vendor/u5.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
+												<img loading="lazy" src="assets/img/vendor/u5.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
 											</div>
 
 											<h5 class="card-title text-dark">Nitilo Smith</h5>
@@ -838,7 +838,7 @@ if($_SESSION["user_type"]!="admin"){
 									<div class="vendor-info card-body text-center p-4">
 										<a href="javascript:0" class="text-secondary d-inline-block mb-3">
 											<div class="image mb-3">
-												<img src="assets/img/vendor/u6.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
+												<img loading="lazy" src="assets/img/vendor/u6.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
 											</div>
 
 											<h5 class="card-title text-dark">Mehulo Kathia</h5>
@@ -880,7 +880,7 @@ if($_SESSION["user_type"]!="admin"){
 									<div class="vendor-info card-body text-center p-4">
 										<a href="javascript:0" class="text-secondary d-inline-block mb-3">
 											<div class="image mb-3">
-												<img src="assets/img/vendor/u7.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
+												<img loading="lazy" src="assets/img/vendor/u7.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
 											</div>
 
 											<h5 class="card-title text-dark">Bridg Stone</h5>
@@ -922,7 +922,7 @@ if($_SESSION["user_type"]!="admin"){
 									<div class="vendor-info card-body text-center p-4">
 										<a href="javascript:0" class="text-secondary d-inline-block mb-3">
 											<div class="image mb-3">
-												<img src="assets/img/vendor/u8.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
+												<img loading="lazy" src="assets/img/vendor/u8.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
 											</div>
 
 											<h5 class="card-title text-dark">pintu Trainee</h5>
@@ -964,7 +964,7 @@ if($_SESSION["user_type"]!="admin"){
 									<div class="vendor-info card-body text-center p-4">
 										<a href="javascript:0" class="text-secondary d-inline-block mb-3">
 											<div class="image mb-3">
-												<img src="assets/img/vendor/u9.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
+												<img loading="lazy" src="assets/img/vendor/u9.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
 											</div>
 
 											<h5 class="card-title text-dark">DL Kapdia</h5>
@@ -1006,7 +1006,7 @@ if($_SESSION["user_type"]!="admin"){
 									<div class="vendor-info card-body text-center p-4">
 										<a href="javascript:0" class="text-secondary d-inline-block mb-3">
 											<div class="image mb-3">
-												<img src="assets/img/vendor/u10.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
+												<img loading="lazy" src="assets/img/vendor/u10.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
 											</div>
 
 											<h5 class="card-title text-dark">Manu Semli</h5>
@@ -1048,7 +1048,7 @@ if($_SESSION["user_type"]!="admin"){
 									<div class="vendor-info card-body text-center p-4">
 										<a href="javascript:0" class="text-secondary d-inline-block mb-3">
 											<div class="image mb-3">
-												<img src="assets/img/vendor/u11.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
+												<img loading="lazy" src="assets/img/vendor/u11.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
 											</div>
 
 											<h5 class="card-title text-dark">Niki Smith</h5>
@@ -1090,7 +1090,7 @@ if($_SESSION["user_type"]!="admin"){
 									<div class="vendor-info card-body text-center p-4">
 										<a href="javascript:0" class="text-secondary d-inline-block mb-3">
 											<div class="image mb-3">
-												<img src="assets/img/vendor/u12.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
+												<img loading="lazy" src="assets/img/vendor/u12.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
 											</div>
 
 											<h5 class="card-title text-dark">Jullie Bronzna</h5>
@@ -1162,7 +1162,7 @@ if($_SESSION["user_type"]!="admin"){
 											<div class="profile-content-left px-4">
 												<div class="text-center widget-profile px-0 border-0">
 													<div class="card-img mx-auto rounded-circle">
-														<img src="assets/img/user/u1.jpg" alt="user image">
+														<img loading="lazy" src="assets/img/user/u1.jpg" alt="user image">
 													</div>
 
 													<div class="card-body">
@@ -1229,7 +1229,7 @@ if($_SESSION["user_type"]!="admin"){
 													</div>
 													<div class="thumb-preview ec-preview">
 														<div class="image-thumb-preview">
-															<img class="image-thumb-preview ec-image-preview v-img" src="/assets/images/banner/7.jpg" alt="edit" />
+															<img loading="lazy" class="image-thumb-preview ec-image-preview v-img" src="/assets/images/banner/7.jpg" alt="edit" />
 														</div>
 													</div>
 												</div>
@@ -1242,7 +1242,7 @@ if($_SESSION["user_type"]!="admin"){
 													</div>
 													<div class="thumb-preview ec-preview">
 														<div class="image-thumb-preview">
-															<img class="image-thumb-preview ec-image-preview v-img" src="/assets/images/vendor/5.jpg" alt="edit" />
+															<img loading="lazy" class="image-thumb-preview ec-image-preview v-img" src="/assets/images/vendor/5.jpg" alt="edit" />
 														</div>
 													</div>
 												</div>

admin/vendor-card.php

@@ -17,6 +17,11 @@ if ($_SESSION["user_type"] != "admin") {
 $products = productList();
 
 $vendorSearchResult = $_SESSION["vendorSearchResult"];
+
+$payoutResponse = getAllPayout($_SESSION["token"]);
+
+$payoutData = json_decode($payoutResponse, true);
+
 ?>
 <!DOCTYPE html>
 <html lang="en" dir="ltr">
@@ -103,16 +108,16 @@ $vendorSearchResult = $_SESSION["vendorSearchResult"];
                             </button>
                         </div>
                     </div>
-                    
+
                     <div class="card card-default p-4 ec-card-space">
-                            <div class="col-lg-6 col-md-12">
-                                <form style="display:flex; margin-bottom:50px;" method="POST" action="vendor-card-action.php">
-                                    <input type="text" name="search" class="form-control" id="searchProduct" placeholder="search with vendor name..">
-                                    <button class="submit" type="submit" id="search-btn" class="btn btn-flat">
-                                        <i class="mdi mdi-magnify" style="font-size:20px; color:gray; margin-left:-40px;"></i>
-                                    </button> 
-                                </form>
-                            </div>
+                        <div class="col-lg-6 col-md-12">
+                            <form style="display:flex; margin-bottom:50px;" method="POST" action="vendor-card-action.php">
+                                <input type="text" name="search" class="form-control" id="searchProduct" placeholder="search with vendor name..">
+                                <button class="submit" type="submit" id="search-btn" class="btn btn-flat">
+                                    <i class="mdi mdi-magnify" style="font-size:20px; color:gray; margin-left:-40px;"></i>
+                                </button>
+                            </form>
+                        </div>
                         <div class="ec-vendor-card mt-m-24px row">
 
                             <?php
@@ -126,16 +131,16 @@ $vendorSearchResult = $_SESSION["vendorSearchResult"];
                             $end = $start + $vendorsPerPage - 1;
 
                             $vendorsCopy = $vendors;
-											
-                            if (!empty($_GET['search']) ) {
-                                $filteredProducts=[];
+
+                            if (!empty($_GET['search'])) {
+                                $filteredProducts = [];
                                 foreach ($vendorsCopy as $result) {
-                                $vendorName = strtolower($result['user_login']);
+                                    $vendorName = strtolower($result['user_login']);
                                     if (
-                                        strpos($vendorName,strtolower($_GET['search']))!==false
+                                        strpos($vendorName, strtolower($_GET['search'])) !== false
                                     ) {
                                         $filteredProducts[] = $result;
-                                    } else{
+                                    } else {
                                     }
                                 }
 
@@ -149,6 +154,19 @@ $vendorSearchResult = $_SESSION["vendorSearchResult"];
                             // $vendors = vendorList();
                             for ($x = $start; $x <= $end && $x < $totalVendors; $x++) {
                                 $vendor = $vendors[$x];
+
+                                $vendorId = $vendor['_id'];
+                                $totalPayoutAmount = 0; // Initialize the total net amount for the current vendor
+                            
+                                // Loop through the payout data and sum up the net amounts
+                                foreach ($payoutData as $payout) {
+                                    if ($payout['vendor_details'][0]['vendor_id'] == $vendorId) {
+                                        $totalPayoutAmount += $payout['net_amount'];
+                                    }
+                                }
+
+                                $totalPayoutAmount = number_format($totalPayoutAmount, 2, '.', ',');
+
                             ?>
                                 <div class="col-lg-6 col-xl-4 col-xxl-3">
                                     <div class="card card-default mt-24px">
@@ -163,9 +181,9 @@ $vendorSearchResult = $_SESSION["vendorSearchResult"];
                                                 <div class="image mb-3">
                                                     <?php
                                                     if (isset($vendor['vendor_image']) && !empty($vendor['vendor_image'])) {
-                                                        echo '<img src="' . $vendor['vendor_image'] . '" class="img-fluid rounded-circle" alt="Avatar Image" style="width: 150px; height: 150px; object-fit: cover; border-radius: 50%;"> ';
+                                                        echo '<img loading="lazy" src="' . $vendor['vendor_image'] . '" class="img-fluid rounded-circle" alt="Avatar Image" style="width: 150px; height: 150px; object-fit: cover; border-radius: 50%;"> ';
                                                     } else {
-                                                        echo '<img src="https://api.obanana.com/images/storage/web_images/1710214273217-no_image.png" class="img-fluid rounded-circle" alt="Placeholder Image">';
+                                                        echo '<img loading="lazy" src="https://api.obanana.com/images/storage/web_images/1710214273217-no_image.png" class="img-fluid rounded-circle" alt="Placeholder Image">';
                                                     }
                                                     ?>
                                                 </div>
@@ -177,7 +195,7 @@ $vendorSearchResult = $_SESSION["vendorSearchResult"];
                                                         <i class="mdi mdi-cellphone-basic mr-1"></i>
                                                         <span style="font-size:13px;">
                                                             <?php
-                                                            echo isset($vendor['phone']) && !empty($vendor['phone']) ? $vendor['phone']: 'No Number yet';
+                                                            echo isset($vendor['phone']) && !empty($vendor['phone']) ? $vendor['phone'] : 'No Number yet';
                                                             ?>
                                                         </span>
                                                     </li>
@@ -192,7 +210,7 @@ $vendorSearchResult = $_SESSION["vendorSearchResult"];
                                                 </ul>
                                             </a>
                                             <div class="row justify-content-center ec-vendor-detail">
-                                                <div class="col-4">
+                                                <div class="col-3">
                                                     <h6 class="text-uppercase">Items</h6>
                                                     <?php
                                                     $vendorId = $vendor['_id'];
@@ -202,13 +220,13 @@ $vendorSearchResult = $_SESSION["vendorSearchResult"];
                                                     ?>
                                                     <h5><?php echo count($product); ?></h5>
                                                 </div>
-                                                <div class="col-4">
+                                                <div class="col-3">
                                                     <h6 class="text-uppercase">Sell</h6>
                                                     <h5>1908</h5>
                                                 </div>
-                                                <div class="col-4">
+                                                <div class="col-6">
                                                     <h6 class="text-uppercase">Payout</h6>
-                                                    <h5>$2691</h5>
+                                                    <h5 style="font-size: 15px;">₱ <?php echo $totalPayoutAmount; ?></h5>
                                                 </div>
                                             </div>
                                         </div>
@@ -231,47 +249,47 @@ $vendorSearchResult = $_SESSION["vendorSearchResult"];
                                             <!-- 02-28-2024 Stacy modified this block of code -->
                                             <div class="modal-body pt-0">
                                                 <div style="text-align: center; display: column; justify-content: center; align-items: center;" class="col-md-6">
-                                                    <!-- <input type="file" id="fileInput<?php #echo $vendor['_id']; ?>" accept=".png, .jpg, .jpeg" /> -->          
+                                                    <!-- <input type="file" id="fileInput<?php #echo $vendor['_id']; 
+                                                                                            ?>" accept=".png, .jpg, .jpeg" /> -->
                                                     <div class="thumb-edit" style="padding-left:120px; margin-bottom:-40px;">
-                                                        <input style="display:none;" type='file' id="fileInput<?php echo $vendor['_id']; ?>" class="ec-image-upload" accept=".png, .jpg, .jpeg" onchange="previewImage('<?php echo $vendor['_id']; ?>')"/>
+                                                        <input style="display:none;" type='file' id="fileInput<?php echo $vendor['_id']; ?>" class="ec-image-upload" accept=".png, .jpg, .jpeg" onchange="previewImage('<?php echo $vendor['_id']; ?>')" />
                                                         <label><i class="fa-solid fa-file-import" style="cursor:pointer;" onclick="document.getElementById('fileInput<?php echo $vendor['_id']; ?>').click()"></i></label>
-                                                        
+
                                                     </div>
                                                     <div class="vendor-image" style="padding-top:20px; ">
                                                         <?php
                                                         if (isset($vendor['vendor_image']) && !empty($vendor['vendor_image'])) {
-                                                            echo '<img src="' . $vendor['vendor_image'] . '" alt="edit" id="imgPrev' . $vendor['_id'] . '" class="img-fluid rounded-circle" alt="Avatar Image" style="align-items:left; width:100px; height:100px; object-fit:cover; border-radius:80%;"> ';
+                                                            echo '<img loading="lazy" src="' . $vendor['vendor_image'] . '" alt="edit" id="imgPrev' . $vendor['_id'] . '" class="img-fluid rounded-circle" alt="Avatar Image" style="align-items:left; width:100px; height:100px; object-fit:cover; border-radius:80%;"> ';
                                                         } else {
-                                                            echo '<img src="https://yourteachingmentor.com/wp-content/uploads/2020/12/istockphoto-1223671392-612x612-1.jpg" id="imgPrev" alt="edit" class="img-fluid rounded-circle" alt="Placeholder Image" style="align-items:left; width:80px; height:80px; object-fit:cover; border-radius:50%;">';
+                                                            echo '<img loading="lazy" src="https://yourteachingmentor.com/wp-content/uploads/2020/12/istockphoto-1223671392-612x612-1.jpg" id="imgPrev" alt="edit" class="img-fluid rounded-circle" alt="Placeholder Image" style="align-items:left; width:80px; height:80px; object-fit:cover; border-radius:50%;">';
                                                         }
                                                         ?>
                                                     </div>
 
                                                     <script>
-                                                        function updateButtonText(input){
+                                                        function updateButtonText(input) {
                                                             var label = document.getElementById('fileInputLabel');
                                                             if (input.files.length > 0) {
                                                                 label.innerHTML = '<i class="fa-solid fa-file-arrow-up"></i> ' + input.files[0].name;
-                                                            }else{
+                                                            } else {
                                                                 label.innerHTML = '<i class="fa-solid fa-file-arrow-up"></i> Upload file';
                                                             }
                                                         }
                                                         // 03-14-2024 Jun Jihad modified this block of code to show preview of the image to be uploaded
                                                         function previewImage(vendorId) {
-                                                        var fileInput = document.getElementById('fileInput' + vendorId);
-                                                        var file = fileInput.files[0];
-                                                        console.log('clicked hereee');
-                                                        const reader = new FileReader();
+                                                            var fileInput = document.getElementById('fileInput' + vendorId);
+                                                            var file = fileInput.files[0];
+                                                            console.log('clicked hereee');
+                                                            const reader = new FileReader();
 
-                                                        reader.onload = function (e) {
-                                                            const dataUri = e.target.result;
-                                                            document.getElementById('imgPrev' + vendorId).src = dataUri; // Fixed concatenation here
-                                                        };
+                                                            reader.onload = function(e) {
+                                                                const dataUri = e.target.result;
+                                                                document.getElementById('imgPrev' + vendorId).src = dataUri; // Fixed concatenation here
+                                                            };
 
-                                                        reader.readAsDataURL(file);
-                                                    }
+                                                            reader.readAsDataURL(file);
+                                                        }
                                                         // 03-14-2024 Jun Jihad modified this block of code to show preview of the image to be uploaded
-
                                                     </script>
                                                 </div>
                                                 <form>
@@ -378,296 +396,293 @@ $vendorSearchResult = $_SESSION["vendorSearchResult"];
                                     </div>
                                 </div>
                                 <script>
-                                        function deleteVendor(vendorId){
+                                    function deleteVendor(vendorId) {
                                         let text = "Please confirm delete action!\nClick OK or Cancel button.";
                                         if (confirm(text) == true) {
                                             window.open("vendor-delete-action.php?id=" + vendorId, "_self");
                                         }
                                     }
+
                                     function uploadFile(vendorId) {
-    const originalEmail = document.getElementById('email-' + vendorId).defaultValue;
-    const updatedEmail = document.getElementById('email-' + vendorId).value;
-    const isEmailModified = originalEmail !== updatedEmail;
+                                        const originalEmail = document.getElementById('email-' + vendorId).defaultValue;
+                                        const updatedEmail = document.getElementById('email-' + vendorId).value;
+                                        const isEmailModified = originalEmail !== updatedEmail;
 
-    if (isEmailModified) {
-        validateEmail(vendorId).then(isEmailAvailable => {
-            if (!isEmailAvailable) {
-                $('#email-error-message-' + vendorId).text('Email is already in use').show();
-            } else {
-                $('#email-error-message-' + vendorId).text('').hide();
+                                        if (isEmailModified) {
+                                            validateEmail(vendorId).then(isEmailAvailable => {
+                                                if (!isEmailAvailable) {
+                                                    $('#email-error-message-' + vendorId).text('Email is already in use').show();
+                                                } else {
+                                                    $('#email-error-message-' + vendorId).text('').hide();
 
-                var fileInput = document.getElementById('fileInput' + vendorId);
-                var file = fileInput.files[0];
-
-                
-
-                const updatedUser = document.getElementById('user_login-' + vendorId).value;
-                const firstName = document.getElementById('firstName-' + vendorId).value;
-                const lastName = document.getElementById('lastName-' + vendorId).value;
-                const phone = document.getElementById('phone-' + vendorId).value;
-                const description = document.getElementById('description-' + vendorId).value;
-                const status = document.getElementById('status-' + vendorId).value;
-                const updatedAddress1 = document.getElementById('address_1-' + vendorId).value;
-                const updatedAddress2 = document.getElementById('address_2-' + vendorId).value;
-                const barangay = document.getElementById('barangay-' + vendorId).value;
-                const city = document.getElementById('city-' + vendorId).value;
-                const province = document.getElementById('province-' + vendorId).value;
-                const country = document.getElementById('country-' + vendorId).value;
-
-                var formData = new FormData();
-                formData.append('image_id', vendorId);
-                formData.append('category', 'vendor');
-                formData.append('image', file); // Include the file data in the form data
-
-                if(file){            
-
-                fetch('https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/upload_image', {
-                        method: 'POST',
-                        body: formData
-                    })
-                    .then(response => {
-                        if (response.ok) {
-                            return response.json();
-                        } else {
-                            console.error('File upload failed');
-                            throw new Error('File upload failed');
-                        }
-                    })
-                    .then(result => {
-                        const filename = result.filename;
-
-                        const payload = {
-                            vendor_image: `https://<?php echo $_SESSION["data_endpoint"]; ?>/images/storage/vendor_uploads/${filename}`,
-                            user_login: updatedUser,
-                            first_name: firstName,
-                            last_name: lastName,
-                            user_email: updatedEmail,
-                            phone: phone,
-                            vendor_description: description,
-                            status: status,
-                            address: [{
-                                address_1: updatedAddress1,
-                                address_2: updatedAddress2,
-                                barangay: barangay,
-                                city: city,
-                                province: province,
-                                country: country,
-                            }]
-                        };
-
-                        return fetch('https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/vendors/' + vendorId, {
-                            method: 'PATCH',
-                            headers: {
-                                'Content-Type': 'application/json'
-                            },
-                            body: JSON.stringify(payload)
-                        });
-                    })
-                    .then(secondResponse => {
-                        if (secondResponse.ok) {
-                            console.log('Second request successful');
-                            location.reload();
-                        } else {
-                            console.error('Second request failed');
-                        }
-                    })
-                    .catch(error => {
-                        console.error('Error during fetch:', error);
-                    });
-
-                }else{
-                    const payload = {
-                            vendor_image: `https://<?php echo $_SESSION["data_endpoint"]; ?>/images/storage/vendor_uploads/${filename}`,
-                            user_login: updatedUser,
-                            first_name: firstName,
-                            last_name: lastName,
-                            user_email: updatedEmail,
-                            phone: phone,
-                            vendor_description: description,
-                            status: status,
-                            address: [{
-                                address_1: updatedAddress1,
-                                address_2: updatedAddress2,
-                                barangay: barangay,
-                                city: city,
-                                province: province,
-                                country: country,
-                            }]
-                        };
-                        fetch('https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/vendors/' + vendorId, {
-                            method: 'PATCH',
-                            headers: {
-                                'Content-Type': 'application/json'
-                            },
-                            body: JSON.stringify(payload)
-                        })
-                        .then(response => {
-                        if (response.ok) {
-                location.reload();
-
-                            return response.json();
-                        } else {
-                            console.error('vendor Update failed');
-                            throw new Error('vendor Update failed');
-                        }
-                    })
-                        ;
-                }
-
-            }
-        });
-    }else {
-    $('#email-error-message-' + vendorId).text('').hide();
-
-    const updatedUser = document.getElementById('user_login-' + vendorId).value;
-    const firstName = document.getElementById('firstName-' + vendorId).value;
-    const lastName = document.getElementById('lastName-' + vendorId).value;
-    const updatedEmail = document.getElementById('email-' + vendorId).value;
-    const phone = document.getElementById('phone-' + vendorId).value;
-    const description = document.getElementById('description-' + vendorId).value;
-    const status = document.getElementById('status-' + vendorId).value;
-    const updatedAddress1 = document.getElementById('address_1-' + vendorId).value;
-    const updatedAddress2 = document.getElementById('address_2-' + vendorId).value;
-    const barangay = document.getElementById('barangay-' + vendorId).value;
-    const city = document.getElementById('city-' + vendorId).value;
-    const province = document.getElementById('province-' + vendorId).value;
-    const country = document.getElementById('country-' + vendorId).value;
-
-    var fileInput = document.getElementById('fileInput' + vendorId);
-    var file = fileInput.files[0];
-
-    var formData = new FormData();
-    formData.append('image_id', vendorId);
-    formData.append('category', 'vendor');
-    formData.append('image', file);
-
-    if (file){
-
-    fetch('https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/upload_image', {
-            method: 'POST',
-            body: formData
-        })
-        .then(response => {
-            if (response.ok) {
-                return response.json();
-            } else {
-                console.error('File upload failed');
-                throw new Error('File upload failed');
-            }
-        })
-        .then(result => {
-            const filename = result.filename;
-
-            const payload = {
-                vendor_image: `https://<?php echo $_SESSION["data_endpoint"]; ?>/images/storage/vendor_uploads/${filename}`,
-                user_login: updatedUser,
-                first_name: firstName,
-                last_name: lastName,
-                user_email: updatedEmail,
-                phone: phone,
-                vendor_description: description,
-                status: status,
-                address: [{
-                    address_1: updatedAddress1,
-                    address_2: updatedAddress2,
-                    barangay: barangay,
-                    city: city,
-                    province: province,
-                    country: country,
-                }]
-            };
-
-            // Make API request using the extracted filename
-            return fetch('https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/vendors/' + vendorId, {
-                method: 'PATCH',
-                headers: {
-                    'Content-Type': 'application/json'
-                },
-                body: JSON.stringify(payload)
-            });
-        })
-        .then(secondResponse => {
-            if (secondResponse.ok) {
-                console.log('Second request successful');
-                location.reload();
-            } else {
-                console.error('Second request failed');
-            }
-        })
-        .catch(error => {
-            console.error('Error during fetch:', error);
-        });
-    }else{
-            
-            const payload = {
-                    user_login: updatedUser,
-                    first_name: firstName,
-                    last_name: lastName,
-                    user_email: updatedEmail,
-                    phone: phone,
-                    vendor_description: description,
-                    status: status,
-                    address: [{
-                        address_1: updatedAddress1,
-                        address_2: updatedAddress2,
-                        barangay: barangay,
-                        city: city,
-                        province: province,
-                        country: country,
-                    }]
-                };
-
-                fetch('https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/vendors/' + vendorId, {
-                    method: 'PATCH',
-                    headers: {
-                        'Content-Type': 'application/json'
-                    },
-                    body: JSON.stringify(payload)
-                })
-                .then(response => {
-                if (response.ok) {
-        location.reload();
-                    return response.json();
-                } else {
-                    console.error('vendor Update failed');
-                    throw new Error('vendor Update failed');
-                }
-            })
-                ;
-        }
-}
-
-}
-
-function validateEmail(vendorId) {
-    var emailInput = document.getElementById('email-' + vendorId);
-    var email = emailInput.value;
-
-    if (email.trim() !== '') {
-        return fetch('https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/vendors/search?q=' + email)
-            .then(response => {
-                if (response.ok) {
-                    return response.json();
-                } else {
-                    throw new Error('Failed to check email availability');
-                }
-            })
-            .then(data => {
-                const isEmailAvailable = parseInt(data.results.length) === 0;
-                $('#email-error-message-' + vendorId).text(isEmailAvailable ? '' : 'Email is already in use').show();
-                return isEmailAvailable;
-            })
-            .catch(error => {
-                console.error('Error during email validation:', error);
-                return false;
-            });
-    } else {
-        $('#email-error-message-' + vendorId).text('').hide();
-        return Promise.resolve(true);
-    }
-}
+                                                    var fileInput = document.getElementById('fileInput' + vendorId);
+                                                    var file = fileInput.files[0];
 
 
+
+                                                    const updatedUser = document.getElementById('user_login-' + vendorId).value;
+                                                    const firstName = document.getElementById('firstName-' + vendorId).value;
+                                                    const lastName = document.getElementById('lastName-' + vendorId).value;
+                                                    const phone = document.getElementById('phone-' + vendorId).value;
+                                                    const description = document.getElementById('description-' + vendorId).value;
+                                                    const status = document.getElementById('status-' + vendorId).value;
+                                                    const updatedAddress1 = document.getElementById('address_1-' + vendorId).value;
+                                                    const updatedAddress2 = document.getElementById('address_2-' + vendorId).value;
+                                                    const barangay = document.getElementById('barangay-' + vendorId).value;
+                                                    const city = document.getElementById('city-' + vendorId).value;
+                                                    const province = document.getElementById('province-' + vendorId).value;
+                                                    const country = document.getElementById('country-' + vendorId).value;
+
+                                                    var formData = new FormData();
+                                                    formData.append('image_id', vendorId);
+                                                    formData.append('category', 'vendor');
+                                                    formData.append('image', file); // Include the file data in the form data
+
+                                                    if (file) {
+
+                                                        fetch('https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/upload_image', {
+                                                                method: 'POST',
+                                                                body: formData
+                                                            })
+                                                            .then(response => {
+                                                                if (response.ok) {
+                                                                    return response.json();
+                                                                } else {
+                                                                    console.error('File upload failed');
+                                                                    throw new Error('File upload failed');
+                                                                }
+                                                            })
+                                                            .then(result => {
+                                                                const filename = result.filename;
+
+                                                                const payload = {
+                                                                    vendor_image: `https://<?php echo $_SESSION["data_endpoint"]; ?>/images/storage/vendor_uploads/${filename}`,
+                                                                    user_login: updatedUser,
+                                                                    first_name: firstName,
+                                                                    last_name: lastName,
+                                                                    user_email: updatedEmail,
+                                                                    phone: phone,
+                                                                    vendor_description: description,
+                                                                    status: status,
+                                                                    address: [{
+                                                                        address_1: updatedAddress1,
+                                                                        address_2: updatedAddress2,
+                                                                        barangay: barangay,
+                                                                        city: city,
+                                                                        province: province,
+                                                                        country: country,
+                                                                    }]
+                                                                };
+
+                                                                return fetch('https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/vendors/' + vendorId, {
+                                                                    method: 'PATCH',
+                                                                    headers: {
+                                                                        'Content-Type': 'application/json'
+                                                                    },
+                                                                    body: JSON.stringify(payload)
+                                                                });
+                                                            })
+                                                            .then(secondResponse => {
+                                                                if (secondResponse.ok) {
+                                                                    console.log('Second request successful');
+                                                                    location.reload();
+                                                                } else {
+                                                                    console.error('Second request failed');
+                                                                }
+                                                            })
+                                                            .catch(error => {
+                                                                console.error('Error during fetch:', error);
+                                                            });
+
+                                                    } else {
+                                                        const payload = {
+                                                            vendor_image: `https://<?php echo $_SESSION["data_endpoint"]; ?>/images/storage/vendor_uploads/${filename}`,
+                                                            user_login: updatedUser,
+                                                            first_name: firstName,
+                                                            last_name: lastName,
+                                                            user_email: updatedEmail,
+                                                            phone: phone,
+                                                            vendor_description: description,
+                                                            status: status,
+                                                            address: [{
+                                                                address_1: updatedAddress1,
+                                                                address_2: updatedAddress2,
+                                                                barangay: barangay,
+                                                                city: city,
+                                                                province: province,
+                                                                country: country,
+                                                            }]
+                                                        };
+                                                        fetch('https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/vendors/' + vendorId, {
+                                                                method: 'PATCH',
+                                                                headers: {
+                                                                    'Content-Type': 'application/json'
+                                                                },
+                                                                body: JSON.stringify(payload)
+                                                            })
+                                                            .then(response => {
+                                                                if (response.ok) {
+                                                                    location.reload();
+
+                                                                    return response.json();
+                                                                } else {
+                                                                    console.error('vendor Update failed');
+                                                                    throw new Error('vendor Update failed');
+                                                                }
+                                                            });
+                                                    }
+
+                                                }
+                                            });
+                                        } else {
+                                            $('#email-error-message-' + vendorId).text('').hide();
+
+                                            const updatedUser = document.getElementById('user_login-' + vendorId).value;
+                                            const firstName = document.getElementById('firstName-' + vendorId).value;
+                                            const lastName = document.getElementById('lastName-' + vendorId).value;
+                                            const updatedEmail = document.getElementById('email-' + vendorId).value;
+                                            const phone = document.getElementById('phone-' + vendorId).value;
+                                            const description = document.getElementById('description-' + vendorId).value;
+                                            const status = document.getElementById('status-' + vendorId).value;
+                                            const updatedAddress1 = document.getElementById('address_1-' + vendorId).value;
+                                            const updatedAddress2 = document.getElementById('address_2-' + vendorId).value;
+                                            const barangay = document.getElementById('barangay-' + vendorId).value;
+                                            const city = document.getElementById('city-' + vendorId).value;
+                                            const province = document.getElementById('province-' + vendorId).value;
+                                            const country = document.getElementById('country-' + vendorId).value;
+
+                                            var fileInput = document.getElementById('fileInput' + vendorId);
+                                            var file = fileInput.files[0];
+
+                                            var formData = new FormData();
+                                            formData.append('image_id', vendorId);
+                                            formData.append('category', 'vendor');
+                                            formData.append('image', file);
+
+                                            if (file) {
+
+                                                fetch('https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/upload_image', {
+                                                        method: 'POST',
+                                                        body: formData
+                                                    })
+                                                    .then(response => {
+                                                        if (response.ok) {
+                                                            return response.json();
+                                                        } else {
+                                                            console.error('File upload failed');
+                                                            throw new Error('File upload failed');
+                                                        }
+                                                    })
+                                                    .then(result => {
+                                                        const filename = result.filename;
+
+                                                        const payload = {
+                                                            vendor_image: `https://<?php echo $_SESSION["data_endpoint"]; ?>/images/storage/vendor_uploads/${filename}`,
+                                                            user_login: updatedUser,
+                                                            first_name: firstName,
+                                                            last_name: lastName,
+                                                            user_email: updatedEmail,
+                                                            phone: phone,
+                                                            vendor_description: description,
+                                                            status: status,
+                                                            address: [{
+                                                                address_1: updatedAddress1,
+                                                                address_2: updatedAddress2,
+                                                                barangay: barangay,
+                                                                city: city,
+                                                                province: province,
+                                                                country: country,
+                                                            }]
+                                                        };
+
+                                                        // Make API request using the extracted filename
+                                                        return fetch('https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/vendors/' + vendorId, {
+                                                            method: 'PATCH',
+                                                            headers: {
+                                                                'Content-Type': 'application/json'
+                                                            },
+                                                            body: JSON.stringify(payload)
+                                                        });
+                                                    })
+                                                    .then(secondResponse => {
+                                                        if (secondResponse.ok) {
+                                                            console.log('Second request successful');
+                                                            location.reload();
+                                                        } else {
+                                                            console.error('Second request failed');
+                                                        }
+                                                    })
+                                                    .catch(error => {
+                                                        console.error('Error during fetch:', error);
+                                                    });
+                                            } else {
+
+                                                const payload = {
+                                                    user_login: updatedUser,
+                                                    first_name: firstName,
+                                                    last_name: lastName,
+                                                    user_email: updatedEmail,
+                                                    phone: phone,
+                                                    vendor_description: description,
+                                                    status: status,
+                                                    address: [{
+                                                        address_1: updatedAddress1,
+                                                        address_2: updatedAddress2,
+                                                        barangay: barangay,
+                                                        city: city,
+                                                        province: province,
+                                                        country: country,
+                                                    }]
+                                                };
+
+                                                fetch('https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/vendors/' + vendorId, {
+                                                        method: 'PATCH',
+                                                        headers: {
+                                                            'Content-Type': 'application/json'
+                                                        },
+                                                        body: JSON.stringify(payload)
+                                                    })
+                                                    .then(response => {
+                                                        if (response.ok) {
+                                                            location.reload();
+                                                            return response.json();
+                                                        } else {
+                                                            console.error('vendor Update failed');
+                                                            throw new Error('vendor Update failed');
+                                                        }
+                                                    });
+                                            }
+                                        }
+
+                                    }
+
+                                    function validateEmail(vendorId) {
+                                        var emailInput = document.getElementById('email-' + vendorId);
+                                        var email = emailInput.value;
+
+                                        if (email.trim() !== '') {
+                                            return fetch('https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/vendors/search?q=' + email)
+                                                .then(response => {
+                                                    if (response.ok) {
+                                                        return response.json();
+                                                    } else {
+                                                        throw new Error('Failed to check email availability');
+                                                    }
+                                                })
+                                                .then(data => {
+                                                    const isEmailAvailable = parseInt(data.results.length) === 0;
+                                                    $('#email-error-message-' + vendorId).text(isEmailAvailable ? '' : 'Email is already in use').show();
+                                                    return isEmailAvailable;
+                                                })
+                                                .catch(error => {
+                                                    console.error('Error during email validation:', error);
+                                                    return false;
+                                                });
+                                        } else {
+                                            $('#email-error-message-' + vendorId).text('').hide();
+                                            return Promise.resolve(true);
+                                        }
+                                    }
                                 </script>
 
                                 <!-- <script>
@@ -814,13 +829,34 @@ function validateEmail(vendorId) {
                             //     echo "<a href='?page=$i' class='" . ($currentpage == $i ? 'active' : '') . "'>$i</a>";
                             // }
 
-                            if ($totalVendors >= $vendorsPerPage) {
+                            /* if ($totalVendors >= $vendorsPerPage) {
                                 for ($i = 1; $i <= $totalPages; $i++) {
                                     echo "<a href='?page=$i' class='" . ($currentpage == $i ? 'active' : '') . "'>$i</a>";
                                 }
+                            } */
+
+                            $start = max(1, $currentpage - 2);
+                            $end = min($totalPages, $start + 4);
+
+                            if ($start > 1) {
+                                echo "<a href='?page=1'>1</a>";
+                                if ($start > 2) {
+                                    echo "<span>&nbsp;...&nbsp;</span>";
+                                }
+                            }
+
+                            for ($i = $start; $i <= $end; $i++) {
+                                echo "<a href='?page=$i' class='" . ($currentpage == $i ? 'active' : '') . "'>$i</a>&nbsp;";
+                            }
+
+                            if ($end < $totalPages) {
+                                if ($end < $totalPages - 1) {
+                                    echo "<span>&nbsp;...&nbsp;</span>";
+                                }
+                                echo "<a href='?page=$totalPages'>$totalPages</a>";
                             }
                             ?>
-                            
+
                         </div>
                         <!-- Ec Pagination End -->
 
@@ -837,35 +873,35 @@ function validateEmail(vendorId) {
                                         <form action="add_vendor_action.php" method="post">
                                             <div class="ec-vendor-block-img space-bottom-30">
                                                 <!-- <div class="ec-vendor-block-bg cover-upload">
-                               <div class="thumb-upload">
-                                   <div class="thumb-edit">
-                                       <input type='file' id="thumbUpload01" class="ec-image-upload"
-                                           accept=".png, .jpg, .jpeg" />
-                                       <label><i class="fi-rr-edit"></i></label>
-                                   </div>
-                                   <div class="thumb-preview ec-preview">
-                                       <div class="image-thumb-preview">
-                                           <img class="image-thumb-preview ec-image-preview v-img"
-                                               src="assets/images/banner/7.jpg" alt="edit" />
-                                       </div>
-                                   </div>
-                               </div>
-                           </div> -->
-                                                <!-- <div class="ec-vendor-block-detail">
-                               <div class="thumb-upload">
-                                   <div class="thumb-edit">
-                                       <input type='file' id="thumbUpload02" class="ec-image-upload"
-                                           accept=".png, .jpg, .jpeg" />
-                                       <label><i class="fi-rr-edit"></i></label>
-                                   </div>
-                                   <div class="thumb-preview ec-preview">
-                                       <div class="image-thumb-preview">
-                                           <img class="image-thumb-preview ec-image-preview v-img"
-                                               src="assets/images/vendor/5.jpg" alt="edit" />
-                                       </div>
-                                   </div>
-                               </div>
-                           </div> -->
+                                                    <div class="thumb-upload">
+                                                        <div class="thumb-edit">
+                                                            <input type='file' id="thumbUpload01" class="ec-image-upload"
+                                                                accept=".png, .jpg, .jpeg" />
+                                                            <label><i class="fi-rr-edit"></i></label>
+                                                        </div>
+                                                        <div class="thumb-preview ec-preview">
+                                                            <div class="image-thumb-preview">
+                                                                <img loading="lazy" class="image-thumb-preview ec-image-preview v-img"
+                                                                    src="assets/images/banner/7.jpg" alt="edit" />
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                </div> -->
+                                                                        <!-- <div class="ec-vendor-block-detail">
+                                                    <div class="thumb-upload">
+                                                        <div class="thumb-edit">
+                                                            <input type='file' id="thumbUpload02" class="ec-image-upload"
+                                                                accept=".png, .jpg, .jpeg" />
+                                                            <label><i class="fi-rr-edit"></i></label>
+                                                        </div>
+                                                        <div class="thumb-preview ec-preview">
+                                                            <div class="image-thumb-preview">
+                                                                <img loading="lazy" class="image-thumb-preview ec-image-preview v-img"
+                                                                    src="assets/images/vendor/5.jpg" alt="edit" />
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                </div> -->
                                                 <div class="ec-vendor-upload-detail">
                                                     <form class="row g-3">
                                                         <div class="col-md-12 space-t-15">
@@ -1011,7 +1047,7 @@ function validateEmail(vendorId) {
                                         <li>
                                             <div class="media media-message">
                                                 <div class="position-relative mr-3">
-                                                    <img class="rounded-circle" src="assets/img/user/u1.jpg"
+                                                    <img loading="lazy" class="rounded-circle" src="assets/img/user/u1.jpg"
                                                         alt="Image">
                                                     <span class="status away"></span>
                                                 </div>
@@ -1036,7 +1072,7 @@ function validateEmail(vendorId) {
                                         <li>
                                             <div class="media media-message ">
                                                 <div class="position-relative mr-3">
-                                                    <img class="rounded-circle" src="assets/img/user/u2.jpg"
+                                                    <img loading="lazy" class="rounded-circle" src="assets/img/user/u2.jpg"
                                                         alt="Image">
                                                     <span class="status active"></span>
                                                 </div>
@@ -1062,7 +1098,7 @@ function validateEmail(vendorId) {
                                         <li>
                                             <div class="media media-message">
                                                 <div class="position-relative mr-3">
-                                                    <img class="rounded-circle" src="assets/img/user/u3.jpg"
+                                                    <img loading="lazy" class="rounded-circle" src="assets/img/user/u3.jpg"
                                                         alt="Image">
                                                     <span class="status away"></span>
                                                 </div>
@@ -1087,7 +1123,7 @@ function validateEmail(vendorId) {
                                         <li>
                                             <div class="media media-message">
                                                 <div class="position-relative mr-3">
-                                                    <img class="rounded-circle" src="assets/img/user/u4.jpg"
+                                                    <img loading="lazy" class="rounded-circle" src="assets/img/user/u4.jpg"
                                                         alt="Image">
                                                     <span class="status active"></span>
                                                 </div>
@@ -1114,7 +1150,7 @@ function validateEmail(vendorId) {
                                         <li>
                                             <div class="media media-message">
                                                 <div class="position-relative mr-3">
-                                                    <img class="rounded-circle" src="assets/img/user/u5.jpg"
+                                                    <img loading="lazy" class="rounded-circle" src="assets/img/user/u5.jpg"
                                                         alt="Image">
                                                     <span class="status away"></span>
                                                 </div>
@@ -1141,7 +1177,7 @@ function validateEmail(vendorId) {
                                         <li>
                                             <div class="media media-message">
                                                 <div class="position-relative mr-3">
-                                                    <img class="rounded-circle" src="assets/img/user/u6.jpg"
+                                                    <img loading="lazy" class="rounded-circle" src="assets/img/user/u6.jpg"
                                                         alt="Image">
                                                     <span class="status"></span>
                                                 </div>
@@ -1168,7 +1204,7 @@ function validateEmail(vendorId) {
                                         <li>
                                             <div class="media media-message">
                                                 <div class="position-relative mr-3">
-                                                    <img class="rounded-circle" src="assets/img/user/u7.jpg"
+                                                    <img loading="lazy" class="rounded-circle" src="assets/img/user/u7.jpg"
                                                         alt="Image">
                                                     <span class="status away"></span>
                                                 </div>
@@ -1195,7 +1231,7 @@ function validateEmail(vendorId) {
                                         <li>
                                             <div class="media media-message">
                                                 <div class="position-relative mr-3">
-                                                    <img class="rounded-circle" src="assets/img/user/u8.jpg"
+                                                    <img loading="lazy" class="rounded-circle" src="assets/img/user/u8.jpg"
                                                         alt="Image">
                                                     <span class="status"></span>
                                                 </div>
@@ -1222,7 +1258,7 @@ function validateEmail(vendorId) {
                                         <li>
                                             <div class="media media-message">
                                                 <div class="position-relative mr-3">
-                                                    <img class="rounded-circle" src="assets/img/user/u1.jpg"
+                                                    <img loading="lazy" class="rounded-circle" src="assets/img/user/u1.jpg"
                                                         alt="Image">
                                                     <span class="status away"></span>
                                                 </div>
@@ -1248,7 +1284,7 @@ function validateEmail(vendorId) {
                                         <li>
                                             <div class="media media-message">
                                                 <div class="position-relative mr-3">
-                                                    <img class="rounded-circle" src="assets/img/user/u2.jpg"
+                                                    <img loading="lazy" class="rounded-circle" src="assets/img/user/u2.jpg"
                                                         alt="Image">
                                                     <span class="status"></span>
                                                 </div>
@@ -1274,7 +1310,7 @@ function validateEmail(vendorId) {
                                         <li>
                                             <div class="media media-message">
                                                 <div class="position-relative mr-3">
-                                                    <img class="rounded-circle" src="assets/img/user/u3.jpg"
+                                                    <img loading="lazy" class="rounded-circle" src="assets/img/user/u3.jpg"
                                                         alt="Image">
                                                     <span class="status away"></span>
                                                 </div>
@@ -1300,7 +1336,7 @@ function validateEmail(vendorId) {
                                         <li>
                                             <div class="media media-message">
                                                 <div class="position-relative mr-3">
-                                                    <img class="rounded-circle" src="assets/img/user/u4.jpg"
+                                                    <img loading="lazy" class="rounded-circle" src="assets/img/user/u4.jpg"
                                                         alt="Image">
                                                     <span class="status active"></span>
                                                 </div>
@@ -1327,7 +1363,7 @@ function validateEmail(vendorId) {
                                         <li>
                                             <div class="media media-message">
                                                 <div class="position-relative mr-3">
-                                                    <img class="rounded-circle" src="assets/img/user/u5.jpg"
+                                                    <img loading="lazy" class="rounded-circle" src="assets/img/user/u5.jpg"
                                                         alt="Image">
                                                     <span class="status"></span>
                                                 </div>
@@ -1354,7 +1390,7 @@ function validateEmail(vendorId) {
                                         <li>
                                             <div class="media media-message">
                                                 <div class="position-relative mr-3">
-                                                    <img class="rounded-circle" src="assets/img/user/u6.jpg"
+                                                    <img loading="lazy" class="rounded-circle" src="assets/img/user/u6.jpg"
                                                         alt="Image">
                                                     <span class="status away"></span>
                                                 </div>
@@ -1381,7 +1417,7 @@ function validateEmail(vendorId) {
                                         <li>
                                             <div class="media media-message">
                                                 <div class="position-relative mr-3">
-                                                    <img class="rounded-circle" src="assets/img/user/u7.jpg"
+                                                    <img loading="lazy" class="rounded-circle" src="assets/img/user/u7.jpg"
                                                         alt="Image">
                                                     <span class="status"></span>
                                                 </div>

admin/vendor-edit-product.php

@@ -95,7 +95,7 @@ $vendorId = $_SESSION["vendorId"];
 													<div class="avatar-upload">
 														<div class="avatar-edit">
 															<input type='file' id="imageUpload" class="ec-image-upload" accept=".png, .jpg, .jpeg" multiple onchange="uploadProductImage()" />
-															<label for="imageUpload"><img src="assets/img/icons/edit.svg" class="svg_img header_svg" alt="edit" /></label>
+															<label for="imageUpload"><img loading="lazy" src="assets/img/icons/edit.svg" class="svg_img header_svg" alt="edit" /></label>
 														</div>
 														<div class="avatar-preview ec-preview">
 														<div class="imagePreview ec-div-preview">
@@ -105,12 +105,12 @@ $vendorId = $_SESSION["vendorId"];
                                                             if (!empty($image_urls)) {
                                                                 $first_image_url = trim($image_urls[0]);
                                                         ?>
-                                                                <img class="ec-image-preview" src="<?php echo $first_image_url; ?>" alt="edit" />
+                                                                <img loading="lazy" class="ec-image-preview" src="<?php echo $first_image_url; ?>" alt="edit" />
                                                             <?php
                                                             }
                                                         } else {
                                                             ?>
-                                                            <img class="ec-image-preview" src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/65/No-Image-Placeholder.svg/495px-No-Image-Placeholder.svg.png?20200912122019" alt="edit" />
+                                                            <img loading="lazy" class="ec-image-preview" src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/65/No-Image-Placeholder.svg/495px-No-Image-Placeholder.svg.png?20200912122019" alt="edit" />
                                                         <?php
                                                         }
                                                         ?>
@@ -132,7 +132,7 @@ $vendorId = $_SESSION["vendorId"];
 													</div>
 													<div class="thumb-preview ec-preview">
 														<div class="image-thumb-preview">
-															<img class="" src="<?php echo $image_url; ?>" alt="edit" />
+															<img loading="lazy" class="" src="<?php echo $image_url; ?>" alt="edit" />
 														</div>
 													</div>
                                                         </div>
@@ -147,7 +147,7 @@ $vendorId = $_SESSION["vendorId"];
                                                         </div>
                                                         <div class="thumb-preview ec-preview">
                                                             <div class="image-thumb-preview">
-                                                                <img class="image-thumb-preview ec-image-preview" src="assets/images/product-image/vender-upload-thumb-preview.jpg" alt="edit" />
+                                                                <img loading="lazy" class="image-thumb-preview ec-image-preview" src="assets/images/product-image/vender-upload-thumb-preview.jpg" alt="edit" />
                                                             </div>
                                                         </div>
                                                     </div>

admin/vendor-list.php

@@ -81,12 +81,12 @@ if ($_SESSION["user_type"] != "admin") {
 							<!-- User Account -->
 							<li class="dropdown user-menu">
 								<button class="dropdown-toggle nav-link ec-drop" data-bs-toggle="dropdown" aria-expanded="false">
-									<img src="assets/img/user/user.png" class="user-image" alt="User Image" />
+									<img loading="lazy" src="assets/img/user/user.png" class="user-image" alt="User Image" />
 								</button>
 								<ul class="dropdown-menu dropdown-menu-right ec-dropdown-menu">
 									<!-- User image -->
 									<li class="dropdown-header">
-										<img src="assets/img/user/user.png" class="img-circle" alt="User Image" />
+										<img loading="lazy" src="assets/img/user/user.png" class="img-circle" alt="User Image" />
 										<div class="d-inline-block">
 											John Deo <small class="pt-1">john.example@gmail.com</small>
 										</div>
@@ -143,7 +143,7 @@ if ($_SESSION["user_type"] != "admin") {
 													<li>
 														<a href="javscript:void(0)" class="media media-message media-notification">
 															<div class="position-relative mr-3">
-																<img class="rounded-circle" src="assets/img/user/u2.jpg" alt="Image">
+																<img loading="lazy" class="rounded-circle" src="assets/img/user/u2.jpg" alt="Image">
 																<span class="status away"></span>
 															</div>
 															<div class="media-body d-flex justify-content-between">
@@ -165,7 +165,7 @@ if ($_SESSION["user_type"] != "admin") {
 													<li>
 														<a href="javscript:void(0)" class="media media-message media-notification media-active">
 															<div class="position-relative mr-3">
-																<img class="rounded-circle" src="assets/img/user/u1.jpg" alt="Image">
+																<img loading="lazy" class="rounded-circle" src="assets/img/user/u1.jpg" alt="Image">
 																<span class="status active"></span>
 															</div>
 															<div class="media-body d-flex justify-content-between">
@@ -187,7 +187,7 @@ if ($_SESSION["user_type"] != "admin") {
 													<li>
 														<a href="javscript:void(0)" class="media media-message media-notification">
 															<div class="position-relative mr-3">
-																<img class="rounded-circle" src="assets/img/user/u5.jpg" alt="Image">
+																<img loading="lazy" class="rounded-circle" src="assets/img/user/u5.jpg" alt="Image">
 																<span class="status away"></span>
 															</div>
 															<div class="media-body d-flex justify-content-between">
@@ -332,7 +332,7 @@ if ($_SESSION["user_type"] != "admin") {
 													<li>
 														<a href="javscript:void(0)" class="media media-message media-notification">
 															<div class="position-relative mr-3">
-																<img class="rounded-circle" src="assets/img/user/u6.jpg" alt="Image">
+																<img loading="lazy" class="rounded-circle" src="assets/img/user/u6.jpg" alt="Image">
 																<span class="status away"></span>
 															</div>
 															<div class="media-body d-flex justify-content-between">
@@ -354,7 +354,7 @@ if ($_SESSION["user_type"] != "admin") {
 													<li>
 														<a href="javscript:void(0)" class="media media-message media-notification">
 															<div class="position-relative mr-3">
-																<img class="rounded-circle" src="assets/img/user/u7.jpg" alt="Image">
+																<img loading="lazy" class="rounded-circle" src="assets/img/user/u7.jpg" alt="Image">
 																<span class="status away"></span>
 															</div>
 															<div class="media-body d-flex justify-content-between">
@@ -376,7 +376,7 @@ if ($_SESSION["user_type"] != "admin") {
 													<li>
 														<a href="javscript:void(0)" class="media media-message media-notification media-active">
 															<div class="position-relative mr-3">
-																<img class="rounded-circle" src="assets/img/user/u1.jpg" alt="Image">
+																<img loading="lazy" class="rounded-circle" src="assets/img/user/u1.jpg" alt="Image">
 																<span class="status active"></span>
 															</div>
 															<div class="media-body d-flex justify-content-between">
@@ -398,7 +398,7 @@ if ($_SESSION["user_type"] != "admin") {
 													<li>
 														<a href="javscript:void(0)" class="media media-message media-notification">
 															<div class="position-relative mr-3">
-																<img class="rounded-circle" src="assets/img/user/u2.jpg" alt="Image">
+																<img loading="lazy" class="rounded-circle" src="assets/img/user/u2.jpg" alt="Image">
 																<span class="status away"></span>
 															</div>
 															<div class="media-body d-flex justify-content-between">
@@ -420,7 +420,7 @@ if ($_SESSION["user_type"] != "admin") {
 													<li>
 														<a href="javscript:void(0)" class="media media-message media-notification">
 															<div class="position-relative mr-3">
-																<img class="rounded-circle" src="assets/img/user/u5.jpg" alt="Image">
+																<img loading="lazy" class="rounded-circle" src="assets/img/user/u5.jpg" alt="Image">
 																<span class="status away"></span>
 															</div>
 															<div class="media-body d-flex justify-content-between">
@@ -654,7 +654,7 @@ if ($_SESSION["user_type"] != "admin") {
 												?>
 													<tr>
 
-														<td><img class="vendor-thumb" src="assets/img/vendor/u1.jpg" alt="vendor image" /></td>
+														<td><img loading="lazy" class="vendor-thumb" src="assets/img/vendor/u1.jpg" alt="vendor image" /></td>
 														<td><?php echo $vendor['first_name'] ?></td>
 														<td><?php echo $vendor['user_email']; ?></td>
 														<td>28</td>
@@ -703,7 +703,7 @@ if ($_SESSION["user_type"] != "admin") {
                                    </div>
                                    <div class="thumb-preview ec-preview">
                                        <div class="image-thumb-preview">
-                                           <img class="image-thumb-preview ec-image-preview v-img"
+                                           <img loading="lazy" class="image-thumb-preview ec-image-preview v-img"
                                                src="assets/images/banner/7.jpg" alt="edit" />
                                        </div>
                                    </div>
@@ -718,7 +718,7 @@ if ($_SESSION["user_type"] != "admin") {
                                    </div>
                                    <div class="thumb-preview ec-preview">
                                        <div class="image-thumb-preview">
-                                           <img class="image-thumb-preview ec-image-preview v-img"
+                                           <img loading="lazy" class="image-thumb-preview ec-image-preview v-img"
                                                src="assets/images/vendor/5.jpg" alt="edit" />
                                        </div>
                                    </div>

admin/vendor-product-grid.bak.php

@@ -46,7 +46,7 @@ $vendorId = $_SESSION["vendorId"];
 
 				<div class="ec-brand">
 					<a href="index.php" title="Ekka">
-						<img class="ec-brand-icon" src="assets/img/logo/ec-site-logo.png" alt="" />
+						<img loading="lazy" class="ec-brand-icon" src="assets/img/logo/ec-site-logo.png" alt="" />
 						<span class="ec-brand-name text-truncate">oBanana</span>
 					</a>
 				</div>
@@ -319,12 +319,12 @@ $vendorId = $_SESSION["vendorId"];
 							<!-- User Account -->
 							<li class="dropdown user-menu">
 								<button class="dropdown-toggle nav-link ec-drop" data-bs-toggle="dropdown" aria-expanded="false">
-									<img src="assets/img/user/user.png" class="user-image" alt="User Image" />
+									<img loading="lazy" src="assets/img/user/user.png" class="user-image" alt="User Image" />
 								</button>
 								<ul class="dropdown-menu dropdown-menu-right ec-dropdown-menu">
 									<!-- User image -->
 									<li class="dropdown-header">
-										<img src="assets/img/user/user.png" class="img-circle" alt="User Image" />
+										<img loading="lazy" src="assets/img/user/user.png" class="img-circle" alt="User Image" />
 										<div class="d-inline-block">
 											John Deo <small class="pt-1">john.example@gmail.com</small>
 										</div>
@@ -381,7 +381,7 @@ $vendorId = $_SESSION["vendorId"];
 													<li>
 														<a href="javscript:void(0)" class="media media-message media-notification">
 															<div class="position-relative mr-3">
-																<img class="rounded-circle" src="assets/img/user/u2.jpg" alt="Image">
+																<img loading="lazy" class="rounded-circle" src="assets/img/user/u2.jpg" alt="Image">
 																<span class="status away"></span>
 															</div>
 															<div class="media-body d-flex justify-content-between">
@@ -403,7 +403,7 @@ $vendorId = $_SESSION["vendorId"];
 													<li>
 														<a href="javscript:void(0)" class="media media-message media-notification media-active">
 															<div class="position-relative mr-3">
-																<img class="rounded-circle" src="assets/img/user/u1.jpg" alt="Image">
+																<img loading="lazy" class="rounded-circle" src="assets/img/user/u1.jpg" alt="Image">
 																<span class="status active"></span>
 															</div>
 															<div class="media-body d-flex justify-content-between">
@@ -425,7 +425,7 @@ $vendorId = $_SESSION["vendorId"];
 													<li>
 														<a href="javscript:void(0)" class="media media-message media-notification">
 															<div class="position-relative mr-3">
-																<img class="rounded-circle" src="assets/img/user/u5.jpg" alt="Image">
+																<img loading="lazy" class="rounded-circle" src="assets/img/user/u5.jpg" alt="Image">
 																<span class="status away"></span>
 															</div>
 															<div class="media-body d-flex justify-content-between">
@@ -570,7 +570,7 @@ $vendorId = $_SESSION["vendorId"];
 													<li>
 														<a href="javscript:void(0)" class="media media-message media-notification">
 															<div class="position-relative mr-3">
-																<img class="rounded-circle" src="assets/img/user/u6.jpg" alt="Image">
+																<img loading="lazy" class="rounded-circle" src="assets/img/user/u6.jpg" alt="Image">
 																<span class="status away"></span>
 															</div>
 															<div class="media-body d-flex justify-content-between">
@@ -592,7 +592,7 @@ $vendorId = $_SESSION["vendorId"];
 													<li>
 														<a href="javscript:void(0)" class="media media-message media-notification">
 															<div class="position-relative mr-3">
-																<img class="rounded-circle" src="assets/img/user/u7.jpg" alt="Image">
+																<img loading="lazy" class="rounded-circle" src="assets/img/user/u7.jpg" alt="Image">
 																<span class="status away"></span>
 															</div>
 															<div class="media-body d-flex justify-content-between">
@@ -614,7 +614,7 @@ $vendorId = $_SESSION["vendorId"];
 													<li>
 														<a href="javscript:void(0)" class="media media-message media-notification media-active">
 															<div class="position-relative mr-3">
-																<img class="rounded-circle" src="assets/img/user/u1.jpg" alt="Image">
+																<img loading="lazy" class="rounded-circle" src="assets/img/user/u1.jpg" alt="Image">
 																<span class="status active"></span>
 															</div>
 															<div class="media-body d-flex justify-content-between">
@@ -636,7 +636,7 @@ $vendorId = $_SESSION["vendorId"];
 													<li>
 														<a href="javscript:void(0)" class="media media-message media-notification">
 															<div class="position-relative mr-3">
-																<img class="rounded-circle" src="assets/img/user/u2.jpg" alt="Image">
+																<img loading="lazy" class="rounded-circle" src="assets/img/user/u2.jpg" alt="Image">
 																<span class="status away"></span>
 															</div>
 															<div class="media-body d-flex justify-content-between">
@@ -658,7 +658,7 @@ $vendorId = $_SESSION["vendorId"];
 													<li>
 														<a href="javscript:void(0)" class="media media-message media-notification">
 															<div class="position-relative mr-3">
-																<img class="rounded-circle" src="assets/img/user/u5.jpg" alt="Image">
+																<img loading="lazy" class="rounded-circle" src="assets/img/user/u5.jpg" alt="Image">
 																<span class="status away"></span>
 															</div>
 															<div class="media-body d-flex justify-content-between">
@@ -902,9 +902,9 @@ $vendorId = $_SESSION["vendorId"];
 															<div class="image-container" style="height: 300px;"> <!-- Adjust the height as needed -->
 																<?php
 																if (isset($product['product_image']) && !empty($product['product_image'])) {
-																	echo '<img src="' . $product['product_image'] . '" alt="Product Image" class="img-fluid" style="object-fit: cover; width: 100%; height: 100%;">';
+																	echo '<img loading="lazy" src="' . $product['product_image'] . '" alt="Product Image" class="img-fluid" style="object-fit: cover; width: 100%; height: 100%;">';
 																} else {
-																	echo '<img src="assets/img/vendor/u1.jpg" class="img-fluid rounded-circle" alt="Placeholder Image" style="object-fit: cover; width: 100%; height: 100%;">';
+																	echo '<img loading="lazy" src="assets/img/vendor/u1.jpg" class="img-fluid rounded-circle" alt="Placeholder Image" style="object-fit: cover; width: 100%; height: 100%;">';
 																}
 																?>
 															</div>

admin/vendor-product-grid.php

@@ -155,12 +155,12 @@ if($_SESSION["user_type"]!="admin"){
 																if (!empty($image_urls)) {
 																	$first_image_url = trim($image_urls[0]);
 															?>
-																	<img class="img-fluid" src="<?php echo $first_image_url; ?>" alt="edit" style="object-fit: cover; width: 100%; height: 100%;"/>
+																	<img loading="lazy" class="img-fluid" src="<?php echo $first_image_url; ?>" alt="edit" style="object-fit: cover; width: 100%; height: 100%;"/>
 																<?php
 																}
 															} else {
 																?>
-																<img class="img-fluid rounded-circle" src="https://api.obanana.com/images/storage/web_images/1710214273217-no_image.png" alt="edit" />
+																<img loading="lazy" class="img-fluid rounded-circle" src="https://api.obanana.com/images/storage/web_images/1710214273217-no_image.png" alt="edit" />
 															<?php
 															}
 															?>
@@ -210,8 +210,8 @@ if($_SESSION["user_type"]!="admin"){
 												filteredProducts.forEach(prod => {
 													const productImage = prod.images.split(',') ?? [];
 													const image = productImage[0] ?
-														`<img class="img-fluid" src="${productImage[0]}" alt="product image" style="object-fit: cover; width: 100%; height: 100%;" />` :
-														`<img class="img-fluid rounded-circle" src="https://api.obanana.com/images/storage/web_images/1710214273217-no_image.png" alt="placeholder image" style="object-fit: cover; width: 100%; height: 100%;" />`;
+														`<img loading="lazy" class="img-fluid" src="${productImage[0]}" alt="product image" style="object-fit: cover; width: 100%; height: 100%;" />` :
+														`<img loading="lazy" class="img-fluid rounded-circle" src="https://api.obanana.com/images/storage/web_images/1710214273217-no_image.png" alt="placeholder image" style="object-fit: cover; width: 100%; height: 100%;" />`;
 
 													const card = document.createElement('div');
 													card.classList.add('col-lg-3', 'col-md-4', 'col-sm-6');
@@ -264,10 +264,10 @@ if($_SESSION["user_type"]!="admin"){
 												const productImage = prod.images.split(',') ??[]
 												// console.log(productImage)
 												const image = productImage[0] ?`
-												<img class="img-fluid" src="${productImage[0]}" alt="edit" style="object-fit: cover; width: 100%; height: 100%;"/>
+												<img loading="lazy" class="img-fluid" src="${productImage[0]}" alt="edit" style="object-fit: cover; width: 100%; height: 100%;"/>
 												
 												`:`
-												<img class="img-fluid rounded-circle" src="https://api.obanana.com/images/storage/web_images/1710214273217-no_image.png" alt="edit" style="object-fit: cover; width: 100%; height: 100%;"/>
+												<img loading="lazy" class="img-fluid rounded-circle" src="https://api.obanana.com/images/storage/web_images/1710214273217-no_image.png" alt="edit" style="object-fit: cover; width: 100%; height: 100%;"/>
 												
 												`
 												const card = document.createElement('div')

admin/vendor-product-search.php

@@ -93,7 +93,7 @@ $vendorSearchResult = $_SESSION["vendorSearchResult"];
                     <!-- Sidebar toggle button -->
                     <button id="sidebar-toggler" class="sidebar-toggle"></button>
                     <!-- search form -->
-                    
+
                     <!-- 03-07-2024 Stacy & Raymart modified this block of code -->
                     <div class="search-form d-lg-inline-block">
                         <form action="vendor-product-search-action.php">
@@ -116,12 +116,12 @@ $vendorSearchResult = $_SESSION["vendorSearchResult"];
                             <!-- User Account -->
                             <li class="dropdown user-menu">
                                 <button class="dropdown-toggle nav-link ec-drop" data-bs-toggle="dropdown" aria-expanded="false">
-                                    <img src="assets/img/user/user.png" class="user-image" alt="User Image" />
+                                    <img loading="lazy" src="assets/img/user/user.png" class="user-image" alt="User Image" />
                                 </button>
                                 <ul class="dropdown-menu dropdown-menu-right ec-dropdown-menu">
                                     <!-- User image -->
                                     <li class="dropdown-header">
-                                        <img src="assets/img/user/user.png" class="img-circle" alt="User Image" />
+                                        <img loading="lazy" src="assets/img/user/user.png" class="img-circle" alt="User Image" />
                                         <div class="d-inline-block">
                                             John Deo <small class="pt-1">john.example@gmail.com</small>
                                         </div>
@@ -178,7 +178,7 @@ $vendorSearchResult = $_SESSION["vendorSearchResult"];
                                                     <li>
                                                         <a href="javscript:void(0)" class="media media-message media-notification">
                                                             <div class="position-relative mr-3">
-                                                                <img class="rounded-circle" src="assets/img/user/u2.jpg" alt="Image">
+                                                                <img loading="lazy" class="rounded-circle" src="assets/img/user/u2.jpg" alt="Image">
                                                                 <span class="status away"></span>
                                                             </div>
                                                             <div class="media-body d-flex justify-content-between">
@@ -200,7 +200,7 @@ $vendorSearchResult = $_SESSION["vendorSearchResult"];
                                                     <li>
                                                         <a href="javscript:void(0)" class="media media-message media-notification media-active">
                                                             <div class="position-relative mr-3">
-                                                                <img class="rounded-circle" src="assets/img/user/u1.jpg" alt="Image">
+                                                                <img loading="lazy" class="rounded-circle" src="assets/img/user/u1.jpg" alt="Image">
                                                                 <span class="status active"></span>
                                                             </div>
                                                             <div class="media-body d-flex justify-content-between">
@@ -222,7 +222,7 @@ $vendorSearchResult = $_SESSION["vendorSearchResult"];
                                                     <li>
                                                         <a href="javscript:void(0)" class="media media-message media-notification">
                                                             <div class="position-relative mr-3">
-                                                                <img class="rounded-circle" src="assets/img/user/u5.jpg" alt="Image">
+                                                                <img loading="lazy" class="rounded-circle" src="assets/img/user/u5.jpg" alt="Image">
                                                                 <span class="status away"></span>
                                                             </div>
                                                             <div class="media-body d-flex justify-content-between">
@@ -367,7 +367,7 @@ $vendorSearchResult = $_SESSION["vendorSearchResult"];
                                                     <li>
                                                         <a href="javscript:void(0)" class="media media-message media-notification">
                                                             <div class="position-relative mr-3">
-                                                                <img class="rounded-circle" src="assets/img/user/u6.jpg" alt="Image">
+                                                                <img loading="lazy" class="rounded-circle" src="assets/img/user/u6.jpg" alt="Image">
                                                                 <span class="status away"></span>
                                                             </div>
                                                             <div class="media-body d-flex justify-content-between">
@@ -389,7 +389,7 @@ $vendorSearchResult = $_SESSION["vendorSearchResult"];
                                                     <li>
                                                         <a href="javscript:void(0)" class="media media-message media-notification">
                                                             <div class="position-relative mr-3">
-                                                                <img class="rounded-circle" src="assets/img/user/u7.jpg" alt="Image">
+                                                                <img loading="lazy" class="rounded-circle" src="assets/img/user/u7.jpg" alt="Image">
                                                                 <span class="status away"></span>
                                                             </div>
                                                             <div class="media-body d-flex justify-content-between">
@@ -411,7 +411,7 @@ $vendorSearchResult = $_SESSION["vendorSearchResult"];
                                                     <li>
                                                         <a href="javscript:void(0)" class="media media-message media-notification media-active">
                                                             <div class="position-relative mr-3">
-                                                                <img class="rounded-circle" src="assets/img/user/u1.jpg" alt="Image">
+                                                                <img loading="lazy" class="rounded-circle" src="assets/img/user/u1.jpg" alt="Image">
                                                                 <span class="status active"></span>
                                                             </div>
                                                             <div class="media-body d-flex justify-content-between">
@@ -433,7 +433,7 @@ $vendorSearchResult = $_SESSION["vendorSearchResult"];
                                                     <li>
                                                         <a href="javscript:void(0)" class="media media-message media-notification">
                                                             <div class="position-relative mr-3">
-                                                                <img class="rounded-circle" src="assets/img/user/u2.jpg" alt="Image">
+                                                                <img loading="lazy" class="rounded-circle" src="assets/img/user/u2.jpg" alt="Image">
                                                                 <span class="status away"></span>
                                                             </div>
                                                             <div class="media-body d-flex justify-content-between">
@@ -455,7 +455,7 @@ $vendorSearchResult = $_SESSION["vendorSearchResult"];
                                                     <li>
                                                         <a href="javscript:void(0)" class="media media-message media-notification">
                                                             <div class="position-relative mr-3">
-                                                                <img class="rounded-circle" src="assets/img/user/u5.jpg" alt="Image">
+                                                                <img loading="lazy" class="rounded-circle" src="assets/img/user/u5.jpg" alt="Image">
                                                                 <span class="status away"></span>
                                                             </div>
                                                             <div class="media-body d-flex justify-content-between">
@@ -648,140 +648,147 @@ $vendorSearchResult = $_SESSION["vendorSearchResult"];
             </header>
 
 
-       <!-- 3-19-24 raymart added vendor search -->
-                <?php if (!empty($vendorSearchResult['results'])) : ?>
-                    <div class="shop-pro-content" style="margin-bottom:40px; margin-right: 2%; margin-left: 2%;">
-                        <div class="ec-product-inner">
-                            <h5 class="ec-pro-title" style="margin-top: 25px; margin-left: 5%; font-size: 25px;">Vendor Search Results</h5>
-                            <div class="row mt-4">
-                                <?php
-                                $count = 0; 
-                                foreach ($vendorSearchResult['results'] as $vendor) {
-                                    if ($count < 2) {
-                                ?>
-                                        <div class="col-md-12">
-                                            <div class="card" style="margin:5px">
-                                                <div class="card-body">
-                                                    <div class="vendor-info" style="display: flex; align-items: center;">
-                                                        <div class="ec-catalog-vendor" style="display: inline-block;">
+            <!-- 3-19-24 raymart added vendor search -->
+            <?php if (!empty($vendorSearchResult['results'])) : ?>
+                <div class="shop-pro-content" style="margin-bottom:40px; margin-right: 2%; margin-left: 2%;">
+                    <div class="ec-product-inner">
+                        <h5 class="ec-pro-title" style="margin-top: 25px; margin-left: 5%; font-size: 25px;">Vendor Search Results</h5>
+                        <div class="row mt-4">
+                            <?php
+                            $count = 0;
+                            foreach ($vendorSearchResult['results'] as $vendor) {
+                                if ($count < 2) {
+                            ?>
+                                    <div class="col-md-12">
+                                        <div class="card" style="margin:5px">
+                                            <div class="card-body">
+                                                <div class="vendor-info" style="display: flex; align-items: center;">
+                                                    <div class="ec-catalog-vendor" style="display: inline-block;">
                                                         <a href="vendor-profile.php?id=<?php echo $vendor["_id"] ?>">
                                                             <?php if (isset($vendor['vendor_image'])) : ?>
-                                                                <img src="<?php echo $vendor['vendor_image']; ?>" alt="<?php echo $vendor['user_login']; ?>" class="vendor-image" style="max-width: 100px; max-height: 100px;">
+                                                                <img loading="lazy" src="<?php echo $vendor['vendor_image']; ?>" alt="<?php echo $vendor['user_login']; ?>" class="vendor-image" style="max-width: 100px; max-height: 100px;">
                                                             <?php else : ?>
-                                                                <img src="https://api.obanana.com/images/storage/web_images/1708588564876-viber_image_2024-02-22_15-54-42-498.png" class="vendor-image-placeholder" style="max-width: 100px; max-height: 100px;">
+                                                                <img loading="lazy" src="https://api.obanana.com/images/storage/web_images/1708588564876-viber_image_2024-02-22_15-54-42-498.png" class="vendor-image-placeholder" style="max-width: 100px; max-height: 100px;">
                                                             <?php endif; ?>
                                                         </a>
+                                                    </div>
+                                                    <div class="vendor-details" style="display:inline-block;">
+                                                        <h6 class="ec-pro-title" style="padding:0 30px;font-family: Poppins, sans-serif; text-decoration: none; color: #777;white-space: nowrap;text-overflow: ellipsis;display: block;font-size: 16px;font-weight: 400;">
+                                                            <a href="vendor-profile.php?id=<?php echo $vendor["_id"] ?>">
+                                                                <?php echo $vendor['user_login']; ?>
+                                                            </a>
+                                                        </h6>
+                                                    </div>
+                                                    <div class="card text-center" style="margin-left: auto; margin-right: 5px;">
+                                                        <div class="card-body">
+                                                            <h6>Seller Products</h6>
+                                                            <?php
+                                                            $products = productList();
+                                                            $vendorId = $vendor['_id'];
+                                                            $product = array_filter($products, function ($var) use ($vendorId) {
+                                                                return ($var['vendor_api_id'] == $vendorId);
+                                                            });
+                                                            ?>
+                                                            <p><?php echo count($product); ?></p>
                                                         </div>
-                                                        <div class="vendor-details" style="display:inline-block;">
-                                                                <h6 class="ec-pro-title" style="padding:0 30px;font-family: Poppins, sans-serif; text-decoration: none; color: #777;white-space: nowrap;text-overflow: ellipsis;display: block;font-size: 16px;font-weight: 400;">
-                                                                <a href="vendor-profile.php?id=<?php echo $vendor["_id"] ?>">
-                                                                    <?php echo $vendor['user_login']; ?>
-                                                                </a>
-                                                                </h6>
-                                                        </div>
-                                                        <div class="card text-center" style="margin-left: auto; margin-right: 5px;">
-                                                            <div class="card-body">
-                                                                <h6>Seller Products</h6>
+                                                    </div>
+                                                    <div class="card text-center" style="margin-left: 5px; margin-right: 5px;">
+                                                        <div class="card-body">
+                                                            <h6>Seller since</h6>
+                                                            <p>
                                                                 <?php
-                                                                $products = productList();
-                                                                $vendorId = $vendor['_id'];
-                                                                $product = array_filter($products, function ($var) use ($vendorId) {
-                                                                    return ($var['vendor_api_id'] == $vendorId);
-                                                                });
+                                                                if (!empty($vendor['date_registered'])) {
+                                                                    echo $vendor['date_registered'];
+                                                                } else {
+                                                                    echo "Not yet registered";
+                                                                }
                                                                 ?>
-                                                                <p><?php echo count($product); ?></p>
-                                                            </div>
-                                                        </div>
-                                                        <div class="card text-center" style="margin-left: 5px; margin-right: 5px;">
-                                                            <div class="card-body">
-                                                                <h6>Seller since</h6>
-                                                                <p><?php echo $vendor['date_registered']; ?></p>
-                                                            </div>
+                                                            </p>
                                                         </div>
                                                     </div>
-
                                                 </div>
-                                            </div>
-                                        </div>
-                                <?php
-                                    }
-                                    $count++; 
-                                }
-                                ?>
-                            </div>
-                        </div>
-                    </div>
-                <?php endif; ?>
-                    <!-- vendor search end -->
-                    
-                    <!-- 3-19-24 raymart added Shop content Start -->
-                <div class="shop-pro-content" style="margin-right: 2%; margin-left: 2%;">
-                    <div class="shop-pro-inner list-view">
-                        <div class="row">
-                            <?php
-                            // $productSearchResult = [];
-                            // foreach ($productSearchResult['results'] as $product => $productListVendor) {
-                            //     echo "$product .":" . $productListVendor";
-                            //         $vendorOfProduct = getVendorbyId($product['vendor_api_id']);
 
-                                $products = productListVendor($vendorId);
-                                $totalProducts = count($products);
-
-
-                                for ($i = 0; $i <= $totalProducts - 1; $i++) {
-                                    $product = $products[$i];
-                                ?>
-                                    <div class="col-lg-3 col-md-4 col-sm-6">
-                                        <div class="card-wrapper">
-                                            <div class="card-container">
-                                                <div class="card-top">
-                                                    <div class="image-container" style="height: 300px;"> <!-- Adjust the height as needed -->
-                                                    <?php
-                                                    if (isset($product['images'])) {
-                                                        $image_urls = explode(',', $product['images']);
-                                                        if (!empty($image_urls)) {
-                                                            $first_image_url = trim($image_urls[0]);
-                                                    ?>
-                                                            <img class="img-fluid" src="<?php echo $first_image_url; ?>" alt="edit" style="object-fit: cover; width: 100%; height: 100%;"/>
-                                                        <?php
-                                                        }
-                                                    } else {
-                                                        ?>
-                                                        <img class="img-fluid rounded-circle" src="https://api.obanana.com/images/storage/web_images/1710214273217-no_image.png" alt="edit" />
-                                                    <?php
-                                                    }
-                                                    ?>
-                                                    </div>
-                                                </div>
-                                                <div class="card-bottom">
-                                                    <h3><?php echo $product['product_name']; ?></h3>
-                                                    <p>₱<?php echo $product['regular_price']; ?></p>
-                                                </div>
-                                                <div class="card-action">
-                                                    <div class="card-edit" onclick="editProduct('<?php echo $product['_id'] ?>');"><i class="mdi mdi-circle-edit-outline"></i></div>
-                                                    <div class="card-preview"><i class="mdi mdi-eye-outline"></i></div>
-                                                    <div class="card-remove" onclick="deleteProd('<?php echo $product['_id'] ?>');"><i class="mdi mdi mdi-delete-outline"></i></div>
-                                                </div>
                                             </div>
                                         </div>
                                     </div>
-                                <?php
+                            <?php
                                 }
-                                ?>
-                            </div>
+                                $count++;
+                            }
+                            ?>
                         </div>
                     </div>
                 </div>
-                    <!--Shop content End -->
-              
-            <!-- 3-19-24 raymart added function for delete & edit -->
-    <script>
+            <?php endif; ?>
+            <!-- vendor search end -->
 
-        var sessionToken = '<?php echo isset($_SESSION["token"]) ? $_SESSION["token"] : ""; ?>';
-        var email = '<?php echo isset($_SESSION["email"]) ? $_SESSION["email"] : ""; ?>';
-        var password = '<?php echo isset($_SESSION["password"]) ? $_SESSION["password"] : ""; ?>';
+            <!-- 3-19-24 raymart added Shop content Start -->
+            <div class="shop-pro-content" style="margin-right: 2%; margin-left: 2%;">
+                <div class="shop-pro-inner list-view">
+                    <div class="row">
+                        <?php
+                        // $productSearchResult = [];
+                        // foreach ($productSearchResult['results'] as $product => $productListVendor) {
+                        //     echo "$product .":" . $productListVendor";
+                        //         $vendorOfProduct = getVendorbyId($product['vendor_api_id']);
 
-                function editProduct(productId) {
+                        $products = productListVendor($vendorId);
+                        $totalProducts = count($products);
+
+
+                        for ($i = 0; $i <= $totalProducts - 1; $i++) {
+                            $product = $products[$i];
+                        ?>
+                            <div class="col-lg-3 col-md-4 col-sm-6">
+                                <div class="card-wrapper">
+                                    <div class="card-container">
+                                        <div class="card-top">
+                                            <div class="image-container" style="height: 300px;"> <!-- Adjust the height as needed -->
+                                                <?php
+                                                if (isset($product['images'])) {
+                                                    $image_urls = explode(',', $product['images']);
+                                                    if (!empty($image_urls)) {
+                                                        $first_image_url = trim($image_urls[0]);
+                                                ?>
+                                                        <img loading="lazy" class="img-fluid" src="<?php echo $first_image_url; ?>" alt="edit" style="object-fit: cover; width: 100%; height: 100%;" />
+                                                    <?php
+                                                    }
+                                                } else {
+                                                    ?>
+                                                    <img loading="lazy" class="img-fluid rounded-circle" src="https://api.obanana.com/images/storage/web_images/1710214273217-no_image.png" alt="edit" />
+                                                <?php
+                                                }
+                                                ?>
+                                            </div>
+                                        </div>
+                                        <div class="card-bottom">
+                                            <h3><?php echo $product['product_name']; ?></h3>
+                                            <p>₱<?php echo $product['regular_price']; ?></p>
+                                        </div>
+                                        <div class="card-action">
+                                            <div class="card-edit" onclick="editProduct('<?php echo $product['_id'] ?>');"><i class="mdi mdi-circle-edit-outline"></i></div>
+                                            <div class="card-preview"><i class="mdi mdi-eye-outline"></i></div>
+                                            <div class="card-remove" onclick="deleteProd('<?php echo $product['_id'] ?>');"><i class="mdi mdi mdi-delete-outline"></i></div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        <?php
+                        }
+                        ?>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!--Shop content End -->
+
+        <!-- 3-19-24 raymart added function for delete & edit -->
+        <script>
+            var sessionToken = '<?php echo isset($_SESSION["token"]) ? $_SESSION["token"] : ""; ?>';
+            var email = '<?php echo isset($_SESSION["email"]) ? $_SESSION["email"] : ""; ?>';
+            var password = '<?php echo isset($_SESSION["password"]) ? $_SESSION["password"] : ""; ?>';
+
+            function editProduct(productId) {
                 console.log("Session Token:", sessionToken);
                 login(email, password, function() {
                     // Removed the call to updateSessionToken
@@ -818,36 +825,35 @@ $vendorSearchResult = $_SESSION["vendorSearchResult"];
                     .then(data => {
                         // Update the session token on the server side
                         fetch("update-token-session.php", {
-                            method: "POST",
-                            headers: {
-                                "Content-Type": "application/json"
-                            },
-                            body: JSON.stringify({
-                                token: data.token
+                                method: "POST",
+                                headers: {
+                                    "Content-Type": "application/json"
+                                },
+                                body: JSON.stringify({
+                                    token: data.token
+                                })
                             })
-                        })
-                        .then(response => response.json())
-                        .then(result => {
-                            if (result.status === 'success') {
-                                // Update the session token in the client-side variable
-                                sessionToken = data.token;
-                                console.log("New Token:", sessionToken);
-                                callback();
-                            } else {
-                                throw new Error("Unable to update session token");
-                            }
-                        });
+                            .then(response => response.json())
+                            .then(result => {
+                                if (result.status === 'success') {
+                                    // Update the session token in the client-side variable
+                                    sessionToken = data.token;
+                                    console.log("New Token:", sessionToken);
+                                    callback();
+                                } else {
+                                    throw new Error("Unable to update session token");
+                                }
+                            });
                     })
                     .catch(error => {
                         console.error("Error:", error.message);
                     });
-                }
+            }
+        </script>
+        <!-- 3-19-24 raymart added function for delete & edit -->
 
-    </script>
-            <!-- 3-19-24 raymart added function for delete & edit -->
-                        
 
-         <!-- Common Javascript -->
+        <!-- Common Javascript -->
         <script src="assets/plugins/jquery/jquery-3.5.1.min.js"></script>
         <script src="assets/js/bootstrap.bundle.min.js"></script>
         <script src="assets/plugins/simplebar/simplebar.min.js"></script>
@@ -860,6 +866,6 @@ $vendorSearchResult = $_SESSION["vendorSearchResult"];
         <!-- Ekka Custom -->
         <script src="assets/js/ekka.js"></script>
 
-    </body>
+</body>
 
 </html>

assets/css/style.css

@@ -16555,6 +16555,7 @@ h6 {
   left: 0;
   bottom: 0;
   background: #ffffff;
+  opacity:0.6;
   z-index: 999;
 }
 
@@ -16577,7 +16578,7 @@ h6 {
 }
 
 #ec-overlay .ec-ellipsis div:nth-child(1) {
-  background: #3474d4;
+  background: #ffaa00;
   left: 8px;
   -webkit-animation: lds-ellipsis1 0.6s infinite;
   animation: lds-ellipsis1 0.6s infinite;
@@ -16591,12 +16592,11 @@ h6 {
 }
 
 #ec-overlay .ec-ellipsis div:nth-child(3) {
-  background: #3474d4;
+  background: #ffaa00;
   left: 32px;
   -webkit-animation: lds-ellipsis2 0.6s infinite;
   animation: lds-ellipsis2 0.6s infinite;
 }
-
 #ec-overlay .ec-ellipsis div:nth-child(4) {
   background: #555;
   left: 56px;

assets/js/user-history.js

@@ -0,0 +1,177 @@
+async function postProductRating(product_id, formData,endpointData,sessionToken) {
+    const endpoint = `https://${endpointData}/api/v1/products/${product_id}/ratings`;
+    // const sessionToken = 'your-session-token-here'; // Replace with your actual session token logic
+
+    try {
+        const response = await fetch(endpoint, {
+            method: 'POST',
+            headers: {
+                'Authorization': 'Bearer ' + sessionToken,
+            },
+            body: formData
+        });
+
+        if (!response.ok) {
+            throw new Error(`HTTP error! status: ${response.status}`);
+        }
+
+        return await response.json();
+    } catch (error) {
+        console.error('Error:', error);
+        throw error;
+    }
+}
+async function updateOrderRating(product_id,endpointData,sessionToken) {
+    const endpoint = `https://${endpointData}/api/v1/orders/${product_id}`;
+    // const sessionToken = 'your-session-token-here'; // Replace with your actual session token logic
+
+    try {
+        const response = await fetch(endpoint, {
+            method: 'PATCH',
+            headers: {
+                'Content-Type': 'application/json',
+                'Authorization': 'Bearer ' + sessionToken,
+            },
+            body: JSON.stringify({
+                                "isRate": true
+                            })
+        });
+
+        if (!response.ok) {
+            throw new Error(`HTTP error! status: ${response.status}`);
+        }
+
+        return await response.json();
+    } catch (error) {
+        console.error('Error:', error);
+        throw error;
+    }
+}
+async function uploadImageRating(formData,endpointData,sessionToken) {
+    const endpoint = `https://${endpointData}/api/v1/upload_image`;
+    // const sessionToken = 'your-session-token-here'; // Replace with your actual session token logic
+
+    try {
+        const response = await fetch(endpoint, {
+            method: 'POST',
+            headers: {
+                'Authorization': 'Bearer ' + sessionToken,
+            },
+            body: formData
+        });
+
+        if (!response.ok) {
+            throw new Error(`HTTP error! status: ${response.status}`);
+        }
+
+        return await response.json();
+    } catch (error) {
+        console.error('Error:', error);
+        throw error;
+    }
+}  
+async function sendFeedback(variation, rating,
+    comments, images, videos, customer_id,
+    order_id,
+    vendor_id, files, productId,
+    endpoint, sessionToken
+) {
+
+    const formData = new FormData();
+    const currentDate = new Date();
+    const formattedDate = currentDate
+        .toISOString().replace(/[-T:]/g, "")
+        .slice(0, -5);
+
+
+    formData.append('variation', variation);
+    formData.append('rating', rating);
+    formData.append('comments', comments);
+
+    formData.append('customer_id',
+        customer_id);
+    formData.append('order_id', order_id);
+    formData.append('vendor_id', vendor_id);
+    images?.forEach((image, index) => {
+        formData.append(
+            `images`,
+            image);
+    });
+
+    // Append videos to FormData
+    videos?.forEach((video, index) => {
+        formData.append(
+            `videos`,
+            video);
+    });
+
+
+    postProductRating(
+            productId,
+            formData,
+            endpoint, sessionToken
+        )
+        .then(response => {
+            console.log('Success:',
+                response);
+            if (!response) {
+                throw new Error(
+                    'Failed to send text message'
+                );
+            } else {
+
+
+                updateOrderRating(
+                        order_id,
+                        endpoint,
+                        sessionToken
+                    )
+                    .then(
+                        response1 => {
+                            console.log(
+                                'Success:',
+                                response1
+                            );
+                            if (
+                                !
+                                response1
+                            ) {
+
+                                throw new Error(
+                                    `
+                update order failed `
+                                );
+                            } else {
+                                sendButton1
+                                    [
+                                        order_id
+                                    ]
+                                    .textContent =
+                                    "Submitted";
+                                sendButton1
+                                    [
+                                        order_id
+                                    ]
+                                    .disabled =
+                                    true
+                            }
+                        })
+                    .catch(error => {
+                        console
+                            .error(
+                                'Error:',
+                                error
+                            );
+                    });
+
+
+
+
+            }
+        })
+        .catch(error => {
+            console.error('Error:',
+                error);
+        });
+
+}

cart.php

@@ -32,7 +32,10 @@ if ($_SESSION["userId"] <> "") {
     <meta name="msapplication-TileImage" content="assets/images/favicon/favicon.png" />
 
     <!-- css Icon Font -->
-    <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+     <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
+        integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A=="
+        crossorigin="anonymous" referrerpolicy="no-referrer" />
 
     <!-- css All Plugins Files -->
     <link rel="stylesheet" href="assets/css/plugins/animate.css" />
@@ -96,7 +99,7 @@ if ($_SESSION["userId"] <> "") {
                 </div>
                 <ul class="eccart-pro-items">
                     <li>
-                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img src="assets/images/product-image/6_1.jpg" alt="product"></a>
+                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy" src="assets/images/product-image/6_1.jpg" alt="product"></a>
                         <div class="ec-pro-content">
                             <a href="shop-left-sidebar-col-4.php" class="cart_pro_title">T-shirt For Women</a>
                             <span class="cart-price"><span>$76.00</span> x 1</span>
@@ -107,7 +110,7 @@ if ($_SESSION["userId"] <> "") {
                         </div>
                     </li>
                     <li>
-                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img src="assets/images/product-image/12_1.jpg" alt="product"></a>
+                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy" src="assets/images/product-image/12_1.jpg" alt="product"></a>
                         <div class="ec-pro-content">
                             <a href="shop-left-sidebar-col-4.php" class="cart_pro_title">Women Leather Shoes</a>
                             <span class="cart-price"><span>$64.00</span> x 1</span>
@@ -118,7 +121,7 @@ if ($_SESSION["userId"] <> "") {
                         </div>
                     </li>
                     <li>
-                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img src="assets/images/product-image/3_1.jpg" alt="product"></a>
+                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy" src="assets/images/product-image/3_1.jpg" alt="product"></a>
                         <div class="ec-pro-content">
                             <a href="shop-left-sidebar-col-4.php" class="cart_pro_title">Girls Nylon Purse</a>
                             <span class="cart-price"><span>$59.00</span> x 1</span>
@@ -191,11 +194,26 @@ if ($_SESSION["userId"] <> "") {
                     <div class="ec-cart-content">
                         <div class="ec-cart-inner">
                             <div class="row">
+                            <style>
+                                                    .rowcart{
+                                                        display:flex;
+                                                        justify-content:center;
+                                                        align-self: center;
+                                                        flex-direction:row;
+                                                    }
+                                                    .rowcartCheckbox{
+                                                        height:15px;
+                                                        width:15px;
+                                                        margin-right:5px;
+                                                    }
+
+                                                </style>
                                 <form action="#">
                                     <div class="table-content cart-table-content">
                                         <table>
                                             <thead>
                                                 <tr>
+                                                    <th></th>
                                                     <th>Product</th>
                                                     <th>Price</th>
                                                     <th style="text-align: center;">Quantity</th>
@@ -229,19 +247,39 @@ 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 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>
+                                                            <input type="checkbox" class="rowcartCheckbox" name="cart-item1[]" value="<?php echo $order['_id']?>"/>
+
+                                                                </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
@@ -254,6 +292,34 @@ if ($_SESSION["userId"] <> "") {
                                                 ?>
                                                 <script>
                                                     // let myLatestOrders = [];
+                                                    var checkboxes = document.querySelectorAll('input[name="cart-item1[]"]');
+                                                checkboxes.forEach(function(checkbox) {
+                                                    checkbox.addEventListener('change', function() {
+                                                        getCheckedCheckboxes();
+                                                        getLatestOrdersCart();
+                                                        // update_Total()
+                                                    });
+                                                });
+                                                function getCheckedCheckboxes() {
+                                                    var checkboxes = document.querySelectorAll('input[name="cart-item1[]"]');
+                                                    var checkedValues = [];
+                                                    var uncheckedValues = [];
+
+                                                    checkboxes.forEach(function(checkbox) {
+                                                        if (checkbox.checked) {
+                                                            checkedValues.push(checkbox.value.toLowerCase().trim());
+                                                        } else {
+                                                            uncheckedValues.push(checkbox.value.toLowerCase().trim());
+                                                        }
+                                                    });
+
+                                                    if (checkedValues.length === 0) {
+                                                        return uncheckedValues;
+                                                    } else {
+                                                        console.log(checkedValues);
+                                                        return checkedValues;
+                                                    }
+                                                }
 
                                                     function handleQtyInputCart(input, orderId, itemId, prodId) {
                                                         var newQuantity = parseInt(input.value);
@@ -548,7 +614,18 @@ if ($_SESSION["userId"] <> "") {
                                                                 if (orderData && orderData !== "") {
                                                                     console.log(orderData)
                                                                     const filteredOrders = orderData.filter(order => order.status.toUpperCase() === 'CART');
-                                                                    const totalAmountSum = filteredOrders.reduce((sum, order) => {
+                                                                    var checkedCategories = getCheckedCheckboxes();
+                                                                let orderInitial= null;
+                                                                if (filteredOrders && filteredOrders !== "") {
+                                                                // Calculate the new total amount based on the updated quantities
+                                                                    if(checkedCategories?.length>0){
+                                                                        orderInitial = filteredOrders?.filter(order => checkedCategories?.includes(order._id));
+
+                                                                    }else{
+                                                                        orderInitial = filteredOrders
+                                                                    }
+                                                                }
+                                                                    const totalAmountSum = orderInitial.reduce((sum, order) => {
                                                                         const totalAmount = parseFloat(order.total_amount);
                                                                         return sum + totalAmount;
                                                                     }, 0);
@@ -586,10 +663,20 @@ if ($_SESSION["userId"] <> "") {
                                                             })
                                                             .catch(error => console.error('Error:', error));
                                                     }
+                                                    function handleCheckoutButton(event) {
+                                                    event.preventDefault();
+                                                    var checkedCategories = getCheckedCheckboxes();
+
+                                                    const selectedIdString = checkedCategories.join('-');
+                                                    login(email, password, function(token) {
+
+                                                        window.location.href = `checkouttest.php?selected=${selectedIdString}`;
+                                                    });
+                                                }
                                                 </script>
                                                 <!-- <tr>
                                                     <td data-label="Product" class="ec-cart-pro-name"><a
-                                                            href="shop-left-sidebar-col-4.php"><img
+                                                            href="shop-left-sidebar-col-4.php"><img loading="lazy"
                                                                 class="ec-cart-pro-img mr-4"
                                                                 src="assets/images/product-image/2.jpg" alt="" />Unisex
                                                             Fully Solid Hoodie</a></td>
@@ -609,7 +696,7 @@ if ($_SESSION["userId"] <> "") {
                                                 </tr>
                                                 <tr>
                                                     <td data-label="Product" class="ec-cart-pro-name"><a
-                                                            href="shop-left-sidebar-col-4.php"><img
+                                                            href="shop-left-sidebar-col-4.php"><img loading="lazy"
                                                                 class="ec-cart-pro-img mr-4"
                                                                 src="assets/images/product-image/3.jpg"
                                                                 alt="" />Beautiful T-shirt For Women</a></td>
@@ -629,7 +716,7 @@ if ($_SESSION["userId"] <> "") {
                                                 </tr>
                                                 <tr>
                                                     <td data-label="Product" class="ec-cart-pro-name"><a
-                                                            href="shop-left-sidebar-col-4.php"><img
+                                                            href="shop-left-sidebar-col-4.php"><img loading="lazy"
                                                                 class="ec-cart-pro-img mr-4"
                                                                 src="assets/images/product-image/4.jpg" alt="" />Wool
                                                             Hat For Men</a></td>
@@ -654,7 +741,7 @@ if ($_SESSION["userId"] <> "") {
                                         <div class="col-lg-12">
                                             <div class="ec-cart-update-bottom">
                                                 <a href="index.php">Continue Shopping</a>
-                                                <a style="text-decoration:none; color:white" href="checkout.php" class="btn btn-primary">Check Out</a>
+                                                <a style="text-decoration:none; color:white"onclick="handleCheckoutButton(event)" class="btn btn-primary">Check Out</a>
                                             </div>
                                         </div>
                                     </div>
@@ -772,8 +859,8 @@ if ($_SESSION["userId"] <> "") {
                         <div class="ec-pro-image-outer">
                             <div class="ec-pro-image">
                                 <a href="shop-left-sidebar-col-4.php" class="image">
-                                    <img class="main-image" src="assets/images/product-image/6_1.jpg" alt="Product" />
-                                    <img class="hover-image" src="assets/images/product-image/6_2.jpg" alt="Product" />
+                                    <img loading="lazy" class="main-image" src="assets/images/product-image/6_1.jpg" alt="Product" />
+                                    <img loading="lazy" class="hover-image" src="assets/images/product-image/6_2.jpg" alt="Product" />
                                 </a>
                                 <span class="percentage">20%</span>
                                 <a href="#" class="quickview" data-link-action="quickview" title="Quick view"
@@ -840,8 +927,8 @@ if ($_SESSION["userId"] <> "") {
                         <div class="ec-pro-image-outer">
                             <div class="ec-pro-image">
                                 <a href="shop-left-sidebar-col-4.php" class="image">
-                                    <img class="main-image" src="assets/images/product-image/7_1.jpg" alt="Product" />
-                                    <img class="hover-image" src="assets/images/product-image/7_2.jpg" alt="Product" />
+                                    <img loading="lazy" class="main-image" src="assets/images/product-image/7_1.jpg" alt="Product" />
+                                    <img loading="lazy" class="hover-image" src="assets/images/product-image/7_2.jpg" alt="Product" />
                                 </a>
                                 <span class="percentage">20%</span>
                                 <span class="flags">
@@ -911,8 +998,8 @@ if ($_SESSION["userId"] <> "") {
                         <div class="ec-pro-image-outer">
                             <div class="ec-pro-image">
                                 <a href="shop-left-sidebar-col-4.php" class="image">
-                                    <img class="main-image" src="assets/images/product-image/1_1.jpg" alt="Product" />
-                                    <img class="hover-image" src="assets/images/product-image/1_2.jpg" alt="Product" />
+                                    <img loading="lazy" class="main-image" src="assets/images/product-image/1_1.jpg" alt="Product" />
+                                    <img loading="lazy" class="hover-image" src="assets/images/product-image/1_2.jpg" alt="Product" />
                                 </a>
                                 <span class="percentage">20%</span>
                                 <span class="flags">
@@ -990,8 +1077,8 @@ if ($_SESSION["userId"] <> "") {
                         <div class="ec-pro-image-outer">
                             <div class="ec-pro-image">
                                 <a href="shop-left-sidebar-col-4.php" class="image">
-                                    <img class="main-image" src="assets/images/product-image/2_1.jpg" alt="Product" />
-                                    <img class="hover-image" src="assets/images/product-image/2_2.jpg" alt="Product" />
+                                    <img loading="lazy" class="main-image" src="assets/images/product-image/2_1.jpg" alt="Product" />
+                                    <img loading="lazy" class="hover-image" src="assets/images/product-image/2_2.jpg" alt="Product" />
                                 </a>
                                 <span class="percentage">20%</span>
                                 <span class="flags">
@@ -1061,36 +1148,36 @@ if ($_SESSION["userId"] <> "") {
                             <!-- Swiper -->
                             <div class="qty-product-cover">
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
                                 </div>
                             </div>
                             <div class="qty-nav-thumb">
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
                                 </div>
                             </div>
                         </div>
@@ -1185,7 +1272,7 @@ if ($_SESSION["userId"] <> "") {
     <!-- raymart remove popup feb 20 2024 -->
     <!-- Recent Purchase Popup  -->
     <!-- <div class="recent-purchase">
-        <img src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -1205,121 +1292,7 @@ if ($_SESSION["userId"] <> "") {
     </div>
     <!-- Cart Floating Button end -->
 
-    <!-- Whatsapp -->
-    <div class="ec-style ec-right-bottom">
-        <!-- Start Floating Panel Container -->
-        <div class="ec-panel">
-            <!-- Panel Header -->
-            <div class="ec-header">
-                <strong>Need Help?</strong>
-                <p>Chat with us on WhatsApp</p>
-            </div>
-            <!-- Panel Content -->
-            <div class="ec-body">
-                <ul>
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Sahar Darya</span>
-                                    <p>Sahar left 7 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-online"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Yolduz Rafi</span>
-                                    <p>Yolduz is online</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Nargis Hawa</span>
-                                    <p>Nargis left 30 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Khadija Mehr</span>
-                                    <p>Khadija left 50 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                </ul>
-            </div>
-        </div>
-        <!--/ End Floating Panel Container -->
-        <!-- Start Right Floating Button-->
-        <div class="ec-right-bottom">
-            <div class="ec-box">
-                <div class="ec-button rotateBackward">
-                    <img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
-                </div>
-            </div>
-        </div>
-        <!--/ End Right Floating Button-->
-    </div>
-    <!-- Whatsapp end -->
+    
 
     <!-- Feature tools -->
     <div class="ec-tools-sidebar-overlay"></div>
@@ -1328,7 +1301,7 @@ if ($_SESSION["userId"] <> "") {
             <h3>Features</h3>
         </div>
         <a href="#" class="ec-tools-sidebar-toggle in-out">
-            <img alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">

cart1.php

@@ -18,7 +18,10 @@
      <meta name="msapplication-TileImage" content="assets/images/favicon/favicon.png" />
  
      <!-- css Icon Font -->
-     <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+      <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
+        integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A=="
+        crossorigin="anonymous" referrerpolicy="no-referrer" />
  
      <!-- css All Plugins Files -->
      <link rel="stylesheet" href="assets/css/plugins/animate.css" />
@@ -149,7 +152,7 @@
                         <!-- Ec Header Logo Start -->
                         <div class="align-self-center">
                             <div class="header-logo">
-                                <a href="index.php"><img src="assets/images/logo/logo.png" alt="Site Logo" /><img
+                                <a href="index.php"><img loading="lazy" src="assets/images/logo/logo.png" alt="Site Logo" /><img loading="lazy"
                                         class="dark-logo" src="assets/images/logo/dark-logo.png" alt="Site Logo"
                                         style="display: none;" /></a>
                             </div>
@@ -210,7 +213,7 @@
                     <!-- Ec Header Logo Start -->
                     <div class="col">
                         <div class="header-logo">
-                            <a href="index.php"><img src="assets/images/logo/logo.png" alt="Site Logo" /><img
+                            <a href="index.php"><img loading="lazy" src="assets/images/logo/logo.png" alt="Site Logo" /><img loading="lazy"
                                     class="dark-logo" src="assets/images/logo/dark-logo.png" alt="Site Logo"
                                     style="display: none;" /></a>
                         </div>
@@ -292,16 +295,16 @@
                                         </li>
                                         <li>
                                             <ul class="ec-main-banner w-100">
-                                                <li><a class="p-0" href="shop-left-sidebar-col-4.php"><img
+                                                <li><a class="p-0" href="shop-left-sidebar-col-4.php"><img loading="lazy"
                                                             class="img-responsive" src="assets/images/menu-banner/1.jpg"
                                                             alt=""></a></li>
-                                                <li><a class="p-0" href="shop-left-sidebar-col-4.html"><img
+                                                <li><a class="p-0" href="shop-left-sidebar-col-4.html"><img loading="lazy"
                                                             class="img-responsive" src="assets/images/menu-banner/2.jpg"
                                                             alt=""></a></li>
-                                                <li><a class="p-0" href="shop-right-sidebar-col-3.html"><img
+                                                <li><a class="p-0" href="shop-right-sidebar-col-3.html"><img loading="lazy"
                                                             class="img-responsive" src="assets/images/menu-banner/3.jpg"
                                                             alt=""></a></li>
-                                                <li><a class="p-0" href="shop-right-sidebar-col-4.html"><img
+                                                <li><a class="p-0" href="shop-right-sidebar-col-4.html"><img loading="lazy"
                                                             class="img-responsive" src="assets/images/menu-banner/4.jpg"
                                                             alt=""></a></li>
                                             </ul>
@@ -537,7 +540,7 @@
                                         <li><a href="shop-list-full-col-2.html">Full width 2 columns</a></li>
                                     </ul>
                                 </li>
-                                <li><a class="p-0" href="shop-left-sidebar-col-4.php"><img class="img-responsive"
+                                <li><a class="p-0" href="shop-left-sidebar-col-4.php"><img loading="lazy" class="img-responsive"
                                             src="assets/images/menu-banner/1.jpg" alt=""></a>
                                 </li>
                             </ul>
@@ -735,7 +738,7 @@
                 </div>
                 <ul class="eccart-pro-items">
                     <li>
-                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
+                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy"
                                 src="assets/images/product-image/6_1.jpg" alt="product"></a>
                         <div class="ec-pro-content">
                             <a href="shop-left-sidebar-col-4.php" class="cart_pro_title">T-shirt For Women</a>
@@ -747,7 +750,7 @@
                         </div>
                     </li>
                     <li>
-                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
+                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy"
                                 src="assets/images/product-image/12_1.jpg" alt="product"></a>
                         <div class="ec-pro-content">
                             <a href="shop-left-sidebar-col-4.php" class="cart_pro_title">Women Leather Shoes</a>
@@ -759,7 +762,7 @@
                         </div>
                     </li>
                     <li>
-                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
+                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy"
                                 src="assets/images/product-image/3_1.jpg" alt="product"></a>
                         <div class="ec-pro-content">
                             <a href="shop-left-sidebar-col-4.php" class="cart_pro_title">Girls Nylon Purse</a>
@@ -848,7 +851,7 @@
                                             <tbody>
                                                 <tr>
                                                     <td data-label="Product" class="ec-cart-pro-name"><a
-                                                            href="shop-left-sidebar-col-4.php"><img
+                                                            href="shop-left-sidebar-col-4.php"><img loading="lazy"
                                                                 class="ec-cart-pro-img mr-4"
                                                                 src="assets/images/product-image/1.jpg" alt="" />Stylish
                                                             Baby Shoes</a></td>
@@ -868,7 +871,7 @@
                                                 </tr>
                                                 <tr>
                                                     <td data-label="Product" class="ec-cart-pro-name"><a
-                                                            href="shop-left-sidebar-col-4.php"><img
+                                                            href="shop-left-sidebar-col-4.php"><img loading="lazy"
                                                                 class="ec-cart-pro-img mr-4"
                                                                 src="assets/images/product-image/2.jpg" alt="" />Unisex
                                                             Fully Solid Hoodie</a></td>
@@ -888,7 +891,7 @@
                                                 </tr>
                                                 <tr>
                                                     <td data-label="Product" class="ec-cart-pro-name"><a
-                                                            href="shop-left-sidebar-col-4.php"><img
+                                                            href="shop-left-sidebar-col-4.php"><img loading="lazy"
                                                                 class="ec-cart-pro-img mr-4"
                                                                 src="assets/images/product-image/3.jpg"
                                                                 alt="" />Beautiful T-shirt For Women</a></td>
@@ -908,7 +911,7 @@
                                                 </tr>
                                                 <tr>
                                                     <td data-label="Product" class="ec-cart-pro-name"><a
-                                                            href="shop-left-sidebar-col-4.php"><img
+                                                            href="shop-left-sidebar-col-4.php"><img loading="lazy"
                                                                 class="ec-cart-pro-img mr-4"
                                                                 src="assets/images/product-image/4.jpg" alt="" />Wool
                                                             Hat For Men</a></td>
@@ -1052,8 +1055,8 @@
                         <div class="ec-pro-image-outer">
                             <div class="ec-pro-image">
                                 <a href="shop-left-sidebar-col-4.php" class="image">
-                                    <img class="main-image" src="assets/images/product-image/6_1.jpg" alt="Product" />
-                                    <img class="hover-image" src="assets/images/product-image/6_2.jpg" alt="Product" />
+                                    <img loading="lazy" class="main-image" src="assets/images/product-image/6_1.jpg" alt="Product" />
+                                    <img loading="lazy" class="hover-image" src="assets/images/product-image/6_2.jpg" alt="Product" />
                                 </a>
                                 <span class="percentage">20%</span>
                                 <a href="#" class="quickview" data-link-action="quickview" title="Quick view"
@@ -1120,8 +1123,8 @@
                         <div class="ec-pro-image-outer">
                             <div class="ec-pro-image">
                                 <a href="shop-left-sidebar-col-4.php" class="image">
-                                    <img class="main-image" src="assets/images/product-image/7_1.jpg" alt="Product" />
-                                    <img class="hover-image" src="assets/images/product-image/7_2.jpg" alt="Product" />
+                                    <img loading="lazy" class="main-image" src="assets/images/product-image/7_1.jpg" alt="Product" />
+                                    <img loading="lazy" class="hover-image" src="assets/images/product-image/7_2.jpg" alt="Product" />
                                 </a>
                                 <span class="percentage">20%</span>
                                 <span class="flags">
@@ -1191,8 +1194,8 @@
                         <div class="ec-pro-image-outer">
                             <div class="ec-pro-image">
                                 <a href="shop-left-sidebar-col-4.php" class="image">
-                                    <img class="main-image" src="assets/images/product-image/1_1.jpg" alt="Product" />
-                                    <img class="hover-image" src="assets/images/product-image/1_2.jpg" alt="Product" />
+                                    <img loading="lazy" class="main-image" src="assets/images/product-image/1_1.jpg" alt="Product" />
+                                    <img loading="lazy" class="hover-image" src="assets/images/product-image/1_2.jpg" alt="Product" />
                                 </a>
                                 <span class="percentage">20%</span>
                                 <span class="flags">
@@ -1270,8 +1273,8 @@
                         <div class="ec-pro-image-outer">
                             <div class="ec-pro-image">
                                 <a href="shop-left-sidebar-col-4.php" class="image">
-                                    <img class="main-image" src="assets/images/product-image/2_1.jpg" alt="Product" />
-                                    <img class="hover-image" src="assets/images/product-image/2_2.jpg" alt="Product" />
+                                    <img loading="lazy" class="main-image" src="assets/images/product-image/2_1.jpg" alt="Product" />
+                                    <img loading="lazy" class="hover-image" src="assets/images/product-image/2_2.jpg" alt="Product" />
                                 </a>
                                 <span class="percentage">20%</span>
                                 <span class="flags">
@@ -1344,8 +1347,8 @@
                     <div class="row">
                         <div class="col-sm-12 col-lg-3 ec-footer-contact">
                             <div class="ec-footer-widget">
-                                <div class="ec-footer-logo"><a href="#"><img src="assets/images/logo/footer-logo.png"
-                                            alt=""><img class="dark-footer-logo" src="assets/images/logo/dark-logo.png"
+                                <div class="ec-footer-logo"><a href="#"><img loading="lazy" src="assets/images/logo/footer-logo.png"
+                                            alt=""><img loading="lazy" class="dark-footer-logo" src="assets/images/logo/dark-logo.png"
                                             alt="Site Logo" style="display: none;" /></a></div>
                                 <h4 class="ec-footer-heading">Contact us</h4>
                                 <div class="ec-footer-links">
@@ -1457,7 +1460,7 @@
                         <div class="col footer-bottom-right">
                             <div class="footer-bottom-payment d-flex justify-content-end">
                                 <div class="payment-link">
-                                    <img src="assets/images/icons/payment.png" alt="">
+                                    <img loading="lazy" src="assets/images/icons/payment.png" alt="">
                                 </div>
 
                             </div>
@@ -1481,36 +1484,36 @@
                             <!-- Swiper -->
                             <div class="qty-product-cover">
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
                                 </div>
                             </div>
                             <div class="qty-nav-thumb">
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
                                 </div>
                             </div>
                         </div>
@@ -1610,7 +1613,7 @@
     <!-- raymart remove popup feb 20 2024 -->
     <!-- Recent Purchase Popup  -->
     <!-- <div class="recent-purchase">
-        <img src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -1630,129 +1633,7 @@
     </div>
     <!-- Cart Floating Button end -->
 
-    <!-- Whatsapp -->
-    <div class="ec-style ec-right-bottom">
-        <!-- Start Floating Panel Container -->
-        <div class="ec-panel">
-            <!-- Panel Header -->
-            <div class="ec-header">
-                <strong>Need Help?</strong>
-                <p>Chat with us on WhatsApp</p>
-            </div>
-            <!-- Panel Content -->
-            <div class="ec-body">
-                <ul>
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266"
-                            data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img"
-                                        alt="Profile image">
-                                    <span class="ec-status-icon"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Sahar Darya</span>
-                                    <p>Sahar left 7 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266"
-                            data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img"
-                                        alt="Profile image">
-                                    <span class="ec-status-icon ec-online"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Yolduz Rafi</span>
-                                    <p>Yolduz is online</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266"
-                            data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img"
-                                        alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Nargis Hawa</span>
-                                    <p>Nargis left 30 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266"
-                            data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img"
-                                        alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Khadija Mehr</span>
-                                    <p>Khadija left 50 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                </ul>
-            </div>
-        </div>
-        <!--/ End Floating Panel Container -->
-        <!-- Start Right Floating Button-->
-        <div class="ec-right-bottom">
-            <div class="ec-box">
-                <div class="ec-button rotateBackward">
-                    <img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
-                </div>
-            </div>
-        </div>
-        <!--/ End Right Floating Button-->
-    </div>
-    <!-- Whatsapp end -->
+   
 
     <!-- Feature tools -->
     <div class="ec-tools-sidebar-overlay"></div>
@@ -1761,7 +1642,7 @@
             <h3>Features</h3>
         </div>
         <a href="#" class="ec-tools-sidebar-toggle in-out">
-            <img alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">

catalog-single-vendor.php

@@ -13,6 +13,7 @@ if ($_SESSION["userId"] <> "") {
 }
 $products = productListVendor($_GET["id"]);
 
+$productsDecode = json_encode($products, true);
 $filteredProducts = [];
 
 if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['category'])) {
@@ -114,7 +115,10 @@ if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['cate
     <meta name="msapplication-TileImage" content="assets/images/favicon/favicon.png" />
 
     <!-- css Icon Font -->
-    <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+     <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
+        integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A=="
+        crossorigin="anonymous" referrerpolicy="no-referrer" />
 
     <!-- css All Plugins Files -->
     <link rel="stylesheet" href="assets/css/plugins/animate.css" />
@@ -132,21 +136,37 @@ if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['cate
     <!-- Background css -->
     <link rel="stylesheet" id="bg-switcher-css" href="assets/css/backgrounds/bg-4.css">
     <script>
-        function updateCartItemCount() {
-            $.get("cartitems.php?id=<?php echo $_SESSION['customerId']; ?>", function(data, status) {
-                if (data != "") {
-                    console.log("Data: " + data + "\nStatus: " + status);
-                    document.getElementById("cartItemCount").innerHTML = data;
-                }
-            });
-        }
-        function updateWishItemCount() {
-            $.get("wishlistitems.php?id=<?php echo $_SESSION['customerId']; ?>", function(data) {
-                if (data != "") {
-                    document.getElementById("wishItemCount").innerHTML = data;
-                }
-            });
-        }
+           function updateCartItemCount() {
+                var xhr = new XMLHttpRequest();
+                xhr.open("GET", "cartitems.php?id=<?php echo $_SESSION['customerId']; ?>", true);
+                xhr.onreadystatechange = function () {
+                    if (xhr.readyState == 4 && xhr.status == 200) {
+                        var data = xhr.responseText;
+                        if (data !== "") {
+                            console.log("Data: " + data);
+                            document.getElementById("cartItemCount").innerHTML = data;
+                            document.getElementById("cartNewItemCount").innerHTML = data;
+                        }
+                    }
+                };
+                xhr.send();
+            }
+
+            function updateWishItemCount() {
+                var xhr = new XMLHttpRequest();
+                xhr.open("GET", "wishlistitems.php?id=<?php echo $_SESSION['customerId']; ?>", true);
+                xhr.onreadystatechange = function () {
+                    if (xhr.readyState == 4 && xhr.status == 200) {
+                        var data = xhr.responseText;
+                        if (data !== "") {
+                            document.getElementById("wishItemCount").innerHTML = data;
+                            document.getElementById("wishNewItemCount").innerHTML = data;
+                        }
+                    }
+                };
+                xhr.send();
+            }
+
     </script>
     <!-- raymart added css feb 14 2024 -->
     <style>
@@ -192,7 +212,7 @@ if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['cate
                 </div>
                 <ul class="eccart-pro-items">
                     <li>
-                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img src="assets/images/product-image/6_1.jpg" alt="product"></a>
+                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy" src="assets/images/product-image/6_1.jpg" alt="product"></a>
                         <div class="ec-pro-content">
                             <a href="shop-left-sidebar-col-4.php" class="cart_pro_title">T-shirt For Women</a>
                             <span class="cart-price"><span>$76.00</span> x 1</span>
@@ -203,7 +223,7 @@ if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['cate
                         </div>
                     </li>
                     <li>
-                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img src="assets/images/product-image/12_1.jpg" alt="product"></a>
+                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy" src="assets/images/product-image/12_1.jpg" alt="product"></a>
                         <div class="ec-pro-content">
                             <a href="shop-left-sidebar-col-4.php" class="cart_pro_title">Women Leather Shoes</a>
                             <span class="cart-price"><span>$64.00</span> x 1</span>
@@ -214,7 +234,7 @@ if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['cate
                         </div>
                     </li>
                     <li>
-                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img src="assets/images/product-image/3_1.jpg" alt="product"></a>
+                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy" src="assets/images/product-image/3_1.jpg" alt="product"></a>
                         <div class="ec-pro-content">
                             <a href="shop-left-sidebar-col-4.php" class="cart_pro_title">Girls Nylon Purse</a>
                             <span class="cart-price"><span>$59.00</span> x 1</span>
@@ -301,22 +321,22 @@ if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['cate
                         <div class="ec-page-description ec-page-description-info"style="background: orange;"> 
                             <div class="ec-page-block" style="background: #393e46;">
                                 <div class="ec-catalog-vendor">
-                                <a href="vendor-profile.html">
+                               
                                 <?php
                                     if (isset($vendor["vendor_image"])) {
-                                        ?><img src="<?php echo $vendor["vendor_image"] ?>" alt="vendor img"><?php
+                                        ?><img loading="lazy" src="<?php echo $vendor["vendor_image"] ?>" alt="vendor img"><?php
                                     } else {
-                                        ?><img src="https://api.obanana.com/images/storage/web_images/1710214273217-no_image.png" alt="vendor img"><?php
+                                        ?><img loading="lazy" src="https://api.obanana.com/images/storage/web_images/1710214273217-no_image.png" alt="vendor img"><?php
                                     }
                                 ?>
-                                </a>
+                                
                                 </div>
 
                                 <div class="ec-catalog-vendor-info row" style="justify-content: center;">
                                     <div class="col-lg-3 col-md-6 ec-catalog-name pad-15">
-                                        <a href="vendor-profile.html">
+                                       
                                             <h6 class="name"><?php echo $vendor["user_login"] ?></h6>
-                                        </a>
+                                        
                                         <p>( Retail Business )</p>
                                     </div>
                                     <!-- raymart remove level feb 22 2024 -->
@@ -325,18 +345,23 @@ if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['cate
                                         <p>Level : 9 out of 10</p>
                                     </div> -->
                                     <div class="col-lg-3 col-md-6 ec-catalog-pro-count pad-15">
-                                        <a href="vendor-profile.html">
                                         <h6>Seller Products</h6>
                                         <?php
                                         ?>
-                                        </a>
+                                        
                                         <p><?php echo count($products) ?> Products</p>
                                     </div>
                                     <div class="col-lg-3 col-md-6 ec-catalog-since pad-15">
-                                        <a href="vendor-profile.html">
                                         <h6>Seller since</h6>
-                                        <p><?php echo $vendor["date_registered"] ?></p>
-                                        </a>
+                                        <p>
+                                            <?php
+                                                if (!empty($vendor['date_registered'])){
+                                                    echo date('F j, Y', strtotime($vendor['date_registered'])); 
+                                                } else {
+                                                    echo "Not Yet Registered";
+                                                }
+                                            ?>
+                                        </p>                                        
                                     </div>
                                 </div>
                             </div>
@@ -372,7 +397,7 @@ if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['cate
                             </div>
                         </div>
                         <div class="col-md-6 ec-sort-select">
-                            <span class="sort-by">Sort by</span>
+                            <!-- <span class="sort-by">Sort by</span>
                             <div class="ec-select-inner">
                                 <select name="ec-select" id="ec-select">
                                     <option selected disabled>Position</option>
@@ -382,7 +407,7 @@ if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['cate
                                     <option value="4">Price, low to high</option>
                                     <option value="5">Price, high to low</option>
                                 </select>
-                            </div>
+                            </div> -->
                         </div>
                     </div>
                     <!-- Shop Top End -->
@@ -390,134 +415,8 @@ if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['cate
                     <!-- Shop content Start -->
                     <div class="shop-pro-content">
                         <div class="shop-pro-inner">
-                            <div class="row">
-                            <?php
-                                //var_dump($products);
-                               foreach ($filteredProducts as $product){
-                                        $vendorOfProduct = getVendorbyId($product['vendor_api_id']);
-                                    ?>
-                                    <div class="col-lg-4 col-md-6 col-sm-6 col-xs-6 mb-6 pro-gl-content">
-                                        <div class="ec-product-inner">
-                                            <div class="ec-pro-image-outer" style="max-width: 290px; height: 350px;">
-                                                <div class="ec-pro-image">
-                                                    <!-- raymart added for link for product feb 22 2024 -->
-                                                    <a class="image" href="product-left-sidebar.php?id=<?php echo $product["_id"] ?>"<?php echo $product["product_image"] ?>>
-                                                        <!-- raymart replace new function for images of the product march 8 2024 -->
-                                                        <?php
-                                                        if (isset($product['images'])) {
-                                                            $image_urls = explode(',', $product['images']);
-                                                            if (!empty($image_urls)) {
-                                                                $first_image_url = trim($image_urls[0]);
-                                                        ?>
-                                                                <img class="main-image" src="<?php echo $first_image_url; ?>" alt="edit" style="border: 1px solid #eeeeee; height: 330px; object-fit: cover;"/>
-                                                            <?php
-                                                            }
-                                                        } else {
-                                                            ?>
-                                                            <img class="main-image" src="https://api.obanana.com/images/storage/web_images/1710214273217-no_image.png" alt="edit" />
-                                                        <?php
-                                                        }
-                                                        ?>
-                                                    </a>
-                                                    <!-- raymart edit action feb 14 2024 -->
-                                                    <div class="ec-pro-actions" style="bottom: -36px;">
-                                                    <!-- raymart replace updated prize for the product march 8 2024 -->
-                                                            <?php if (isset($product["sale_price"]) && $product["sale_price"] > 0) : ?>
-                                                                <button title="Add To Cart" onclick="popupAddToCart(`<?php echo htmlspecialchars(json_encode($product), ENT_QUOTES, 'UTF-8'); ?>`,`<?php echo htmlspecialchars($vendorOfProduct, ENT_QUOTES, 'UTF-8'); ?>`,  `<?php echo isset($_SESSION['token']) ? $_SESSION['token'] : ''; ?>` , `<?php echo isset($_SESSION['email']) ? $_SESSION['email'] : ''; ?>` ,  `<?php echo isset($_SESSION['password']) ? $_SESSION['password'] : ''; ?>` , `<?php echo htmlspecialchars(json_encode($customer_data), ENT_QUOTES, 'UTF-8'); ?>`);" class="add-to-cart"><i class="fi-rr-shopping-basket"></i> Add To Cart</button>
-                                                                <a class="ec-btn-group wishlist" title="Wishlist" onclick="popupWishlist('<?php echo htmlspecialchars(json_encode($product), ENT_QUOTES, 'UTF-8'); ?>', '<?php echo htmlspecialchars(json_encode($customer_data), ENT_QUOTES, 'UTF-8'); ?>');"><i class="fi-rr-heart"></i></a>
-                                                                
-                                                            <?php elseif (isset($product["regular_price"]) && $product["regular_price"] != "") : ?>
-                                                                <button title="Add To Cart" onclick="popupAddToCart(`<?php echo htmlspecialchars(json_encode($product), ENT_QUOTES, 'UTF-8'); ?>`,`<?php echo htmlspecialchars($vendorOfProduct, ENT_QUOTES, 'UTF-8'); ?>`,  `<?php echo isset($_SESSION['token']) ? $_SESSION['token'] : ''; ?>` , `<?php echo isset($_SESSION['email']) ? $_SESSION['email'] : ''; ?>` ,  `<?php echo isset($_SESSION['password']) ? $_SESSION['password'] : ''; ?>` , `<?php echo htmlspecialchars(json_encode($customer_data), ENT_QUOTES, 'UTF-8'); ?>`);" class="add-to-cart"><i class="fi-rr-shopping-basket"></i> Add To Cart</button>
-                                                                <a class="ec-btn-group wishlist" title="Wishlist" onclick="popupWishlist('<?php echo htmlspecialchars(json_encode($product), ENT_QUOTES, 'UTF-8'); ?>', '<?php echo htmlspecialchars(json_encode($customer_data), ENT_QUOTES, 'UTF-8'); ?>');"><i class="fi-rr-heart"></i></a>
-                                                                
-                                                            <?php else : ($product["regular_price"] == "" || $product["regular_price"] == null) ?>
-                                                                <a class="ec-btn-group wishlist" title="Wishlist" onclick="popupWishlist('<?php echo htmlspecialchars(json_encode($product), ENT_QUOTES, 'UTF-8'); ?>', '<?php echo htmlspecialchars(json_encode($customer_data), ENT_QUOTES, 'UTF-8'); ?>');"><i class="fi-rr-heart"></i></a>
-                                                            
-                                                            <?php endif; ?>
-
-                                                    </div>
-                                                    <!-- <span class="percentage">20%</span>
-                                                    <a href="#" class="quickview" data-link-action="quickview" title="Quick view" data-bs-toggle="modal" data-bs-target="#ec_quickview_modal"><i class="fi-rr-eye"></i></a>
-                                                    <div class="ec-pro-actions">
-                                                        <a href="compare.html" class="ec-btn-group compare" title="Compare"><i class="fi fi-rr-arrows-repeat"></i></a>
-                                                        <button title="Add To Cart" class="add-to-cart"><i class="fi-rr-shopping-basket"></i> Add To Cart</button>
-                                                        <a class="ec-btn-group wishlist" title="Wishlist"><i class="fi-rr-heart"></i></a>
-                                                    </div> -->
-                                                </div>
-                                            </div>
-                                            <div class="ec-pro-content">
-                                                <h5 class="ec-pro-title"><a href="product-left-sidebar.php?id=<?php echo $product["_id"] ?>" style="width: 90%; text-wrap: wrap;"><?php echo $product["product_name"] ?></a></h5>
-                                                <!-- raymart remove ratings feb 22 2024 -->
-                                                <!-- <div class="ec-pro-rating">
-                                                    <i class="ecicon eci-star fill"></i>
-                                                    <i class="ecicon eci-star fill"></i>
-                                                    <i class="ecicon eci-star fill"></i>
-                                                    <i class="ecicon eci-star fill"></i>
-                                                    <i class="ecicon eci-star"></i>
-                                                </div> -->
-                                                <!-- <div class="ec-pro-list-desc">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dutmmy text ever since the 1500s, when an unknown printer took a galley.</div> -->
-                                                <span class="ec-price">
-                                                    <!-- raymart added $ to pesos function feb 22 2024 -->
-                                                    <?php if (isset($product["sale_price"]) && $product["sale_price"] > 0) : ?>
-                                                        <span class="old-price">&#8369;<?php echo number_format($product["regular_price"], 2, ".", ",") ?></span>
-                                                        <span class="new-price">&#8369;<?php echo number_format($product["sale_price"], 2, ".", ",") ?></span>
-                                                    <?php elseif (isset($product["regular_price"]) && $product["regular_price"] != "") : ?>
-                                                        <span class="new-price">&#8369;<?php echo number_format($product["regular_price"], 2, ".", ",") ?></span>
-
-                                                    <?php elseif ($product["regular_price"] == "" || $product["regular_price"] == null) : ?>
-                                                        <span class="inquire-text">Inquire</span>
-                                                    <?php else : ?>
-                                                        <span class="inquire-text">Inquire</span>
-                                                    <?php endif; ?>
-
-                                                    <!-- <?php if (isset($product["sale_price"]) && $product["sale_price"] > 0) : ?>
-                                                        <span class="old-price">&#8369;<?php echo number_format($product["regular_price"], 2, ".", ",") ?></span>
-                                                        <span class="new-price">&#8369;<?php echo number_format($product["sale_price"], 2, ".", ",") ?></span>
-                                                    <?php elseif (isset($product["regular_price"]) && $product["regular_price"] != "") : ?>
-                                                        <span class="new-price">&#8369;<?php echo number_format($product["regular_price"], 2, ".", ",") ?></span>
-
-                                                    <?php elseif ($product["regular_price"] == "" || $product["regular_price"] == null) : ?>
-                                                        <span class="inquire-text">Inquire</span>
-                                                    <?php else : ?>
-                                                        <span class="inquire-text">Inquire</span>
-                                                    <?php endif; ?> -->
-                                                </span>
-                                                <div class="ec-pro-option">
-                                                    <!-- raymart remove color and size function feb  22 2024 -->
-                                                    <!-- <div class="ec-pro-color">
-                                                        <span class="ec-pro-opt-label">Color</span>
-                                                        <ul class="ec-opt-swatch ec-change-img">
-                                                            <?php
-                                                            if (isset($product["product_image"]) && $product["product_image"] <> "") {
-                                                            ?>
-                                                                <li class="active"><a href="#" class="ec-opt-clr-img" data-src="<?php echo $product["product_image"] ?>" data-src-hover="<?php echo $product["product_image"] ?>" data-tooltip="Gray"><span style="background-color:#e8c2ff;"></span></a></li>
-                                                                <li><a href="#" class="ec-opt-clr-img" data-src="<?php echo $product["product_image"] ?>" data-src-hover="<?php echo $product["product_image"] ?>" data-tooltip="Orange"><span style="background-color:#9cfdd5;"></span></a></li>
-                                                            <?php
-                                                            } else {
-                                                            ?>
-                                                                <li class="active"><a href="#" class="ec-opt-clr-img" data-src="assets/images/product-image/6_1.jpg" data-src-hover="assets/images/product-image/6_1.jpg" data-tooltip="Gray"><span style="background-color:#e8c2ff;"></span></a></li>
-                                                                <li><a href="#" class="ec-opt-clr-img" data-src="assets/images/product-image/6_2.jpg" data-src-hover="assets/images/product-image/6_2.jpg" data-tooltip="Orange"><span style="background-color:#9cfdd5;"></span></a></li>
-                                                            <?php
-                                                            }
-                                                            ?>
-                                                        </ul>
-                                                    </div> -->
-                                                    <!-- <div class="ec-pro-size">
-                                                        <span class="ec-pro-opt-label">Size</span>
-                                                        <ul class="ec-opt-size">
-                                                            <li class="active"><a href="#" class="ec-opt-sz" data-old="$25.00" data-new="$20.00" data-tooltip="Small">S</a></li>
-                                                            <li><a href="#" class="ec-opt-sz" data-old="$27.00" data-new="$22.00" data-tooltip="Medium">M</a></li>
-                                                            <li><a href="#" class="ec-opt-sz" data-old="$30.00" data-new="$25.00" data-tooltip="Large">X</a></li>
-                                                            <li><a href="#" class="ec-opt-sz" data-old="$35.00" data-new="$30.00" data-tooltip="Extra Large">XL</a></li>
-                                                        </ul>
-                                                    </div> -->
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                <?php
-                                }
-                                ?>
+                            <div class="row" id="product-container3">
+               
                                  
                             </div>
                         </div>
@@ -537,7 +436,248 @@ if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['cate
                     </div>
                     <!--Shop content End -->
                 </div>
+      <script>
+    // JavaScript
+   
+    document.addEventListener("DOMContentLoaded", function() {
+        loadProducts();
+console.log('<?php echo $json ?>')
+        function loadProducts(page,isFilter) {
 
+            let xhrVendors1 = new XMLHttpRequest();
+
+// Define the endpoint URL for fetching vendors
+let vendorsEndpointURL = `https://<?php echo htmlspecialchars($_SESSION["data_endpoint"]); ?>/api/v1/products/vendor/<?php echo $_GET['id'] ?>`;
+// let xhr = new XMLHttpRequest();/
+
+// Open a GET request to fetch vendors
+xhrVendors1.open("GET", vendorsEndpointURL, true);
+
+// Set up a callback function to handle the vendors response
+xhrVendors1.onreadystatechange = function() {
+    if (xhrVendors1.readyState === 4 && xhrVendors1.status === 200) {
+
+        var checkedCategories = getCheckedCheckboxes();
+        var prices = getMinMaxPrices();
+            function filterFunction(checkedCategories, minPrice, maxPrice,products) {
+                var filteredProducts = [];
+                // Filter by category
+                if (checkedCategories.length > 0) {
+                let   filteredProduct= products?.filter((product) => {
+                let categoryF = product?.product_category?.toLowerCase();
+                // console.log('Category (lowercase):', categoryF);
+                let  result =checkedCategories.includes(categoryF)
+                // console.log('Checked Categories:', result);
+                return result; // Return a boolean value indicating whether the category is included
+            });
+            filteredProducts=filteredProduct
+            console.log(filteredProducts);
+
+                } else {
+                    // If no categories are selected, keep all products
+                    filteredProducts = products;
+                }
+
+                // If minPrice or maxPrice is not provided, set them to default values
+                minPriceFinal = minPrice !== '' ?  parseInt(minPrice) : 0;
+                maxPriceFinal = maxPrice !== '' ? parseInt(maxPrice) : Number.MAX_VALUE;
+                console.log(checkedCategories, minPrice,products)
+
+                // Filter by price range
+            // Filter by price range
+            if( minPrice !== ''||maxPrice !== ''){
+
+            filteredProducts = filteredProducts.filter(function(product) {
+                // Check if product has a sale price
+                var salePrice = parseInt(product.sale_price);
+                var regularPrice = parseInt(product.regular_price);
+
+                // Check if salePrice and regularPrice are valid numbers
+                
+                // if (isNaN(salePrice) || isNaN(regularPrice)) {
+                //     // One of the prices is not a valid number, use 0 instead
+                //     salePrice = salePrice || 0;
+                //     regularPrice = regularPrice || 0;
+                // }
+                var priceToCheck = salePrice > 0 ? salePrice : regularPrice;
+                // console.log(priceToCheck);
+                return priceToCheck >= minPriceFinal && priceToCheck <= maxPriceFinal;
+            });
+            }
+            console.log({results:filteredProducts});
+
+                // Final filtered products
+                // console.log({results:filteredProducts});
+                let final = filteredProducts ??[]
+                return final;
+            }
+
+
+
+    let productContainer = document.getElementById("product-container3");
+    productContainer.innerHTML = ""; 
+    let productsFinal = JSON.parse(xhrVendors1.responseText);
+    // console.log(productsFinal);
+    productsFinal= filterFunction(checkedCategories, prices.minPrice, prices.maxPrice,productsFinal);
+
+         productsFinal?.forEach(function(prod) {
+        let product = prod;
+        let vendorOfProduct = '<?php echo $json ?>';
+
+        // let card = document.createElement("div");
+            let token ="<?php echo $_SESSION['token'] ?>";
+            let email ="<?php echo $_SESSION['email'] ?>";
+            let password ="<?php echo $_SESSION['password'] ?>";
+            let customer_data ='<?php echo json_encode($customer_data) ?>';
+
+        // Load product images dynamically
+        let imageContainer = document.createElement("div");
+        if (product.images && product.images.length > 0) {
+            let imageUrls = product.images.split(',');
+            let firstImageUrl = imageUrls[0].trim();
+            let img = document.createElement("img");
+            img.setAttribute("style", "border: 1px solid #eeeeee; height: 330px; object-fit: cover;");
+            img.setAttribute("class", "main-image");
+            img.setAttribute("src", firstImageUrl);
+            img.setAttribute("alt", "Product");
+            img.setAttribute("loading", "lazy");
+
+            img.className = "main-image";
+            imageContainer.appendChild(img);
+        } else {
+            let img = document.createElement("img");
+            img.className = "main-image";
+            img.setAttribute("style", "border: 1px solid #eeeeee; height: 330px; object-fit: cover;");
+            img.setAttribute("loading", "lazy");
+            img.setAttribute("class", "main-image");
+            img.setAttribute("src", "https://api.obanana.com/images/storage/web_images/1709002636671-viber_image_2024-02-22_15-54-42-498.png");
+            img.setAttribute("alt", "Product");
+            imageContainer.appendChild(img);
+        }
+        
+        // Create product card
+        let card = document.createElement("div");
+        card.classList.add("col-lg-4", "col-md-6", "col-sm-6", "col-xs-6", "mb-6", "pro-gl-content", "width-100");
+        card.innerHTML = `
+            <div class="ec-product-inner">
+                <div class="ec-pro-image-outer" style="max-width: 290px; height: 350px;">
+                    <div class="ec-pro-image">
+                        <a href="product-left-sidebar.php?id=${product._id}">
+                            ${imageContainer.innerHTML} <!-- Include the dynamically loaded image here -->
+                        </a>
+                        <div class="ec-pro-actions" style="bottom: -36px;">
+                            ${ 
+                                (product["sale_price"] && product["sale_price"] > 0) ? 
+                                `<button title="Add To Cart" onclick="popupAddToCart('${encodeURIComponent(JSON.stringify(product))}','${encodeURIComponent(JSON.stringify(vendorOfProduct))}',  '${token}', '${email}', '${password}', '${encodeURIComponent(JSON.stringify(customer_data))}');" class="add-to-cart"><i class="fi-rr-shopping-basket"></i> Add To Cart</button>
+                                <a class="ec-btn-group wishlist" title="Wishlist" onclick="popupWishlist('${encodeURIComponent(JSON.stringify(product))}', '${encodeURIComponent(JSON.stringify(customer_data))}');"><i class="fi-rr-heart"></i></a>` :
+                                (product["regular_price"] && product["regular_price"] != "") ? 
+                                `<button title="Add To Cart" onclick="popupAddToCart('${encodeURIComponent(JSON.stringify(product))}','${encodeURIComponent(JSON.stringify(vendorOfProduct))}',  '${token}', '${email}', '${password}', '${encodeURIComponent(JSON.stringify(customer_data))}');" class="add-to-cart"><i class="fi-rr-shopping-basket"></i> Add To Cart</button>
+                                <a class="ec-btn-group wishlist" title="Wishlist" onclick="popupWishlist('${encodeURIComponent(JSON.stringify(product))}', '${encodeURIComponent(JSON.stringify(customer_data))}');"><i class="fi-rr-heart"></i></a>` :
+                                `<a class="ec-btn-group wishlist" title="Wishlist" onclick="popupWishlist('${encodeURIComponent(JSON.stringify(product))}', '${encodeURIComponent(JSON.stringify(customer_data))}');"><i class="fi-rr-heart"></i></a>`
+                            }
+                        </div>
+                    </div>
+                </div>
+                <div class="ec-pro-content">
+                    <h5 class="ec-pro-title"><a href="product-left-sidebar.php?id=${product._id}" style="width: 90%; text-wrap: wrap;">${product.product_name}</a></h5>
+                    <div class="ec-pro-list-desc">${product.product_description ??""}</div>
+                    <span class="ec-price"> 
+                        ${(product.sale_price && product.sale_price > 0) ?
+                            `<span class="old-price">&#8369;${product?.regular_price}</span>
+                            <span class="new-price">&#8369;${product?.sale_price}</span>` : product.regular_price ? 
+                            `<span class="new-price">&#8369;${product?.regular_price}</span>`: 'inquire'
+                        }
+                    </span>
+                </div>
+            </div>`;
+        productContainer.appendChild(card);
+        // updatePaginationUI(page, products.results.length);
+    });
+gridList()
+
+}
+}
+xhrVendors1.send();
+// gridList()
+};
+function getCheckedCheckboxes() {
+        var checkboxes = document.querySelectorAll('input[name="category[]"]:checked');
+        var values = [];
+        checkboxes.forEach(function(checkbox) {
+            values.push(checkbox.value.toLowerCase().trim());
+        });
+        return values;
+    }
+
+    // Function to get min and max prices
+    function getMinMaxPrices() {
+        var minPrice = document.getElementById('minPrice').value;
+        var maxPrice = document.getElementById('maxPrice').value;
+        return {
+            minPrice: minPrice,
+            maxPrice: maxPrice
+        };
+    }
+
+    // Function to handle form submission
+    function applyFilters() {
+        var checkedCategories = getCheckedCheckboxes();
+        var prices = getMinMaxPrices();
+        // Pass the values to your filter function
+        filterFunction(checkedCategories, prices.minPrice, prices.maxPrice);
+    }
+
+ 
+    var checkboxes = document.querySelectorAll('input[name="category[]"]');
+checkboxes.forEach(function(checkbox) {
+    checkbox.addEventListener('change', function() {
+        loadProducts(1, true);
+
+    });
+});
+
+// Listen for changes in min and max price inputs
+var minPriceInput = document.getElementById('minPrice');
+minPriceInput.addEventListener('input', function() {
+    loadProducts(1, true);
+
+});
+
+var maxPriceInput = document.getElementById('maxPrice');
+maxPriceInput.addEventListener('input', function() {
+    loadProducts(1, true);
+
+});
+function gridList(e) {
+        console.log("hereeeee")
+        var $gridCont = $('.shop-pro-inner');
+        var $gridView = $('.pro-gl-content');
+        // e.preventDefault();
+        $gridCont.removeClass('list-view');
+        $gridView.removeClass('width-100');
+    }
+// Send the request to fetch vendors
+
+        var checkboxes = document.querySelectorAll('input[name="category[]"]');
+checkboxes.forEach(function(checkbox) {
+    checkbox.addEventListener('change', function() {
+        loadProducts(1, true);
+    });
+});
+
+// Listen for changes in min and max price inputs
+var minPriceInput = document.getElementById('minPrice');
+minPriceInput.addEventListener('input', function() {
+    loadProducts(1, true);
+});
+
+var maxPriceInput = document.getElementById('maxPrice');
+maxPriceInput.addEventListener('input', function() {
+    loadProducts(1, true);
+});
+
+    });
+</script>
                 <!-- Sidebar Area Start -->
                 <div class="ec-shop-leftside ec-vendor-sidebar col-lg-3 col-md-12 order-lg-first order-md-last">
                     <div class="ec-sidebar-wrap ec-border-box">
@@ -602,19 +742,23 @@ if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['cate
                                             <li>
                                                 <div style="padding-top:10px;">
                                                     <label for="minPrice" style="margin-bottom:-5px;">Min Price:</label>
-                                                    <input style="height:40px" type="number" name="minPrice" id="minPrice" value="<?php echo isset($_POST['minPrice']) ? $_POST['minPrice'] : (isset($_GET['minPrice']) ? $_GET['minPrice'] : ''); ?>" />
+                                                    <input style="height:40px" type="number" name="minPrice" id="minPrice"  />
+
+                                                    <!-- <input style="height:40px" type="number" name="minPrice" id="minPrice" value="<?php echo isset($_POST['minPrice']) ? $_POST['minPrice'] : (isset($_GET['minPrice']) ? $_GET['minPrice'] : ''); ?>" /> -->
                                                 </div>
                                             </li>
                                             <li>
                                                 <div>
                                                     <label for="maxPrice" style="margin-bottom:-5px;">Max Price:</label>
-                                                    <input style="height:40px" type="number" name="maxPrice" id="maxPrice" value="<?php echo isset($_POST['maxPrice']) ? $_POST['maxPrice'] : (isset($_GET['maxPrice']) ? $_GET['maxPrice'] : ''); ?>" />
+                                                    <input style="height:40px" type="number" name="maxPrice" id="maxPrice"  />
+
+                                                    <!-- <input style="height:40px" type="number" name="maxPrice" id="maxPrice" value="<?php echo isset($_POST['maxPrice']) ? $_POST['maxPrice'] : (isset($_GET['maxPrice']) ? $_GET['maxPrice'] : ''); ?>" /> -->
                                                 </div>
                                             </li>
                                             <li>
-                                                <div style="padding-top:10px;">
+                                                <!-- <div style="padding-top:10px;">
                                                     <button style="font-size:12px; height:30px; width:60px;" class="btn-primary" type="submit">Apply</button>
-                                                </div>
+                                                </div> -->
                                             </li>
                                         </ul>
                                         <!-- <button type="submit">Apply</button> -->
@@ -819,7 +963,7 @@ if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['cate
                     <div class="row">
                         <div class="col-sm-12 col-lg-3 ec-footer-contact">
                             <div class="ec-footer-widget">
-                                <div class="ec-footer-logo"><a href="#"><img src="assets/images/logo/footer-logo.png" alt=""><img class="dark-footer-logo" src="assets/images/logo/dark-logo.png" alt="Site Logo" style="display: none;" /></a></div>
+                                <div class="ec-footer-logo"><a href="#"><img loading="lazy" src="assets/images/logo/footer-logo.png" alt=""><img loading="lazy" class="dark-footer-logo" src="assets/images/logo/dark-logo.png" alt="Site Logo" style="display: none;" /></a></div>
                                 <h4 class="ec-footer-heading">Contact us</h4>
                                 <div class="ec-footer-links">
                                     <ul class="align-items-center">
@@ -920,7 +1064,7 @@ if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['cate
                         <!-- <div class="col footer-bottom-right">
                             <div class="footer-bottom-payment d-flex justify-content-end">
                                 <div class="payment-link">
-                                    <img src="assets/images/icons/payment.png" alt="">
+                                    <img loading="lazy" src="assets/images/icons/payment.png" alt="">
                                 </div>
 
                             </div>
@@ -944,36 +1088,36 @@ if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['cate
                             <!-- Swiper -->
                             <div class="qty-product-cover">
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
                                 </div>
                             </div>
                             <div class="qty-nav-thumb">
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
                                 </div>
                             </div>
                         </div>
@@ -1039,7 +1183,7 @@ if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['cate
     <!-- Modal end -->
 
     <!-- Footer navigation panel for responsive display -->
-    <div class="ec-nav-toolbar">
+    <!-- <div class="ec-nav-toolbar">
         <div class="container">
             <div class="ec-nav-panel">
                 <div class="ec-nav-panel-icons">
@@ -1060,12 +1204,12 @@ if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['cate
 
             </div>
         </div>
-    </div>
+    </div> -->
     <!-- Footer navigation panel for responsive display end -->
 
     <!-- Recent Purchase Popup  -->
     <!-- <div class="recent-purchase">
-        <img src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -1085,121 +1229,7 @@ if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['cate
     </div>
     <!-- Cart Floating Button end -->
 
-    <!-- Whatsapp -->
-    <div class="ec-style ec-right-bottom">
-        <!-- Start Floating Panel Container -->
-        <div class="ec-panel">
-            <!-- Panel Header -->
-            <div class="ec-header">
-                <strong>Need Help?</strong>
-                <p>Chat with us on WhatsApp</p>
-            </div>
-            <!-- Panel Content -->
-            <div class="ec-body">
-                <ul>
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Sahar Darya</span>
-                                    <p>Sahar left 7 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-online"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Yolduz Rafi</span>
-                                    <p>Yolduz is online</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Nargis Hawa</span>
-                                    <p>Nargis left 30 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Khadija Mehr</span>
-                                    <p>Khadija left 50 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                </ul>
-            </div>
-        </div>
-        <!--/ End Floating Panel Container -->
-        <!-- Start Right Floating Button-->
-        <div class="ec-right-bottom">
-            <div class="ec-box">
-                <div class="ec-button rotateBackward">
-                    <img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
-                </div>
-            </div>
-        </div>
-        <!--/ End Right Floating Button-->
-    </div>
-    <!-- Whatsapp end -->
+    
 
     <!-- Feature tools -->
     <div class="ec-tools-sidebar-overlay"></div>
@@ -1208,7 +1238,7 @@ if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['cate
             <h3>Features</h3>
         </div>
         <a href="#" class="ec-tools-sidebar-toggle in-out">
-            <img alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">

category-slider.php

@@ -18,7 +18,10 @@
     <meta name="msapplication-TileImage" content="assets/images/favicon/favicon.png" />
 
     <!-- css Icon Font -->
-    <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+     <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
+        integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A=="
+        crossorigin="anonymous" referrerpolicy="no-referrer" />
 
     <!-- css All Plugins Files -->
     <link rel="stylesheet" href="assets/css/plugins/animate.css" />
@@ -322,7 +325,7 @@
                                     $pid = rand(0, count($bestSellers) - 1);
                                 ?>
                                     <div class="ec-sb-pro-sl-item">
-                                        <a href="product-left-sidebar.php?id=<?php echo $bestSellers[$pid]["_id"]; ?>" class="sidekka_pro_img"><img src="<?php echo $bestSellers[$pid]["product_image"] ?>" alt="product" /></a>
+                                        <a href="product-left-sidebar.php?id=<?php echo $bestSellers[$pid]["_id"]; ?>" class="sidekka_pro_img"><img loading="lazy" src="<?php echo $bestSellers[$pid]["product_image"] ?>" alt="product" /></a>
                                         <div class="ec-pro-content">
                                             <h5 class="ec-pro-title"><a id="best-sellers-title" class="bs-title" href="product-left-sidebar.php?id=<?php echo $bestSellers[$pid]["_id"]; ?>"><?php echo $bestSellers[$pid]["product_name"] ?></a></h5>
                                             <!-- <div class="ec-pro-rating">
@@ -356,7 +359,7 @@
                 <div class="ec-sb-pro-sl">
                     <div>
                         <div class="ec-sb-pro-sl-item">
-                            <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img src="assets/images/product-image/1.jpg" alt="product" /></a>
+                            <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy" src="assets/images/product-image/1.jpg" alt="product" /></a>
                             <div class="ec-pro-content">
                                 <h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">baby fabric shoes</a></h5>
                                 <div class="ec-pro-rating">
@@ -375,7 +378,7 @@
                     </div>
                     <div>
                         <div class="ec-sb-pro-sl-item">
-                            <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img src="assets/images/product-image/2.jpg" alt="product" /></a>
+                            <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy" src="assets/images/product-image/2.jpg" alt="product" /></a>
                             <div class="ec-pro-content">
                                 <h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Men's hoodies t-shirt</a>
                                 </h5>
@@ -395,7 +398,7 @@
                     </div>
                     <div>
                         <div class="ec-sb-pro-sl-item">
-                            <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img src="assets/images/product-image/3.jpg" alt="product" /></a>
+                            <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy" src="assets/images/product-image/3.jpg" alt="product" /></a>
                             <div class="ec-pro-content">
                                 <h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Girls t-shirt</a></h5>
                                 <div class="ec-pro-rating">
@@ -414,7 +417,7 @@
                     </div>
                     <div>
                         <div class="ec-sb-pro-sl-item">
-                            <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img src="assets/images/product-image/4.jpg" alt="product" /></a>
+                            <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy" src="assets/images/product-image/4.jpg" alt="product" /></a>
                             <div class="ec-pro-content">
                                 <h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">woolen hat for men</a></h5>
                                 <div class="ec-pro-rating">
@@ -433,7 +436,7 @@
                     </div>
                     <div>
                         <div class="ec-sb-pro-sl-item">
-                            <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img src="assets/images/product-image/5.jpg" alt="product" /></a>
+                            <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy" src="assets/images/product-image/5.jpg" alt="product" /></a>
                             <div class="ec-pro-content">
                                 <h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Womens purse</a></h5>
                                 <div class="ec-pro-rating">
@@ -452,7 +455,7 @@
                     </div>
                     <div>
                         <div class="ec-sb-pro-sl-item">
-                            <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img src="assets/images/product-image/6.jpg" alt="product" /></a>
+                            <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy" src="assets/images/product-image/6.jpg" alt="product" /></a>
                             <div class="ec-pro-content">
                                 <h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Baby toy doctor kit</a>
                                 </h5>
@@ -472,7 +475,7 @@
                     </div>
                     <div>
                         <div class="ec-sb-pro-sl-item">
-                            <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img src="assets/images/product-image/7.jpg" alt="product" /></a>
+                            <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy" src="assets/images/product-image/7.jpg" alt="product" /></a>
                             <div class="ec-pro-content">
                                 <h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">teddy bear baby toy</a>
                                 </h5>
@@ -492,7 +495,7 @@
                     </div>
                     <div>
                         <div class="ec-sb-pro-sl-item">
-                            <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img src="assets/images/product-image/2.jpg" alt="product" /></a>
+                            <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy" src="assets/images/product-image/2.jpg" alt="product" /></a>
                             <div class="ec-pro-content">
                                 <h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Mens hoodies blue</a></h5>
                                 <div class="ec-pro-rating">

checkout.php

@@ -68,7 +68,10 @@ if (isset($customer_data[0]["address"]) && is_array($customer_data[0]["address"]
     <meta name="msapplication-TileImage" content="assets/images/favicon/favicon.png" />
 
     <!-- css Icon Font -->
-    <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+     <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
+        integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A=="
+        crossorigin="anonymous" referrerpolicy="no-referrer" />
 
     <!-- css All Plugins Files -->
     <link rel="stylesheet" href="assets/css/plugins/animate.css" />
@@ -599,8 +602,8 @@ if (isset($customer_data[0]["address"]) && is_array($customer_data[0]["address"]
                                                     <div class="ec-pro-image-outer">
                                                         <div class="ec-pro-image">
                                                             <a href="shop-left-sidebar-col-4.php" class="image">
-                                                                <img class="main-image" src="<?php echo $item['product']['product_image']; ?>" alt="Product" />
-                                                                <!-- <img class="hover-image"
+                                                                <img loading="lazy" class="main-image" src="<?php echo $item['product']['product_image']; ?>" alt="Product" />
+                                                                <!-- <img loading="lazy" class="hover-image"
                                                             src="assets/images/product-image/1_2.jpg"
                                                             alt="Product" /> -->
                                                             </a>
@@ -657,10 +660,10 @@ if (isset($customer_data[0]["address"]) && is_array($customer_data[0]["address"]
                                             <div class="ec-pro-image-outer">
                                                 <div class="ec-pro-image">
                                                     <a href="shop-left-sidebar-col-4.php" class="image">
-                                                        <img class="main-image"
+                                                        <img loading="lazy" class="main-image"
                                                             src="assets/images/product-image/8_1.jpg"
                                                             alt="Product" />
-                                                        <img class="hover-image"
+                                                        <img loading="lazy" class="hover-image"
                                                             src="assets/images/product-image/8_2.jpg"
                                                             alt="Product" />
                                                     </a>
@@ -1038,25 +1041,25 @@ if (isset($customer_data[0]["address"]) && is_array($customer_data[0]["address"]
                             <div class="ec-sb-block-content">
                                 <div class="ec-check-pay-img-inner">
                                     <div class="ec-check-pay-img">
-                                        <img src="assets/images/icons/payment1.png" alt="">
+                                        <img loading="lazy" src="assets/images/icons/payment1.png" alt="">
                                     </div>
                                     <div class="ec-check-pay-img">
-                                        <img src="assets/images/icons/payment2.png" alt="">
+                                        <img loading="lazy" src="assets/images/icons/payment2.png" alt="">
                                     </div>
                                     <div class="ec-check-pay-img">
-                                        <img src="assets/images/icons/payment3.png" alt="">
+                                        <img loading="lazy" src="assets/images/icons/payment3.png" alt="">
                                     </div>
                                     <div class="ec-check-pay-img">
-                                        <img src="assets/images/icons/payment4.png" alt="">
+                                        <img loading="lazy" src="assets/images/icons/payment4.png" alt="">
                                     </div>
                                     <div class="ec-check-pay-img">
-                                        <img src="assets/images/icons/payment5.png" alt="">
+                                        <img loading="lazy" src="assets/images/icons/payment5.png" alt="">
                                     </div>
                                     <div class="ec-check-pay-img">
-                                        <img src="assets/images/icons/payment6.png" alt="">
+                                        <img loading="lazy" src="assets/images/icons/payment6.png" alt="">
                                     </div>
                                     <div class="ec-check-pay-img">
-                                        <img src="assets/images/icons/payment7.png" alt="">
+                                        <img loading="lazy" src="assets/images/icons/payment7.png" alt="">
                                     </div>
                                 </div>
                             </div>
@@ -1087,8 +1090,8 @@ if (isset($customer_data[0]["address"]) && is_array($customer_data[0]["address"]
                         <div class="ec-pro-image-outer">
                             <div class="ec-pro-image">
                                 <a href="shop-left-sidebar-col-4.php" class="image">
-                                    <img class="main-image" src="assets/images/product-image/6_1.jpg" alt="Product" />
-                                    <img class="hover-image" src="assets/images/product-image/6_2.jpg" alt="Product" />
+                                    <img loading="lazy" class="main-image" src="assets/images/product-image/6_1.jpg" alt="Product" />
+                                    <img loading="lazy" class="hover-image" src="assets/images/product-image/6_2.jpg" alt="Product" />
                                 </a>
                                 <span class="percentage">20%</span>
                                 <a href="#" class="quickview" data-link-action="quickview" title="Quick view" data-bs-toggle="modal" data-bs-target="#ec_quickview_modal"><i class="fi-rr-eye"></i></a>
@@ -1138,8 +1141,8 @@ if (isset($customer_data[0]["address"]) && is_array($customer_data[0]["address"]
                         <div class="ec-pro-image-outer">
                             <div class="ec-pro-image">
                                 <a href="shop-left-sidebar-col-4.php" class="image">
-                                    <img class="main-image" src="assets/images/product-image/7_1.jpg" alt="Product" />
-                                    <img class="hover-image" src="assets/images/product-image/7_2.jpg" alt="Product" />
+                                    <img loading="lazy" class="main-image" src="assets/images/product-image/7_1.jpg" alt="Product" />
+                                    <img loading="lazy" class="hover-image" src="assets/images/product-image/7_2.jpg" alt="Product" />
                                 </a>
                                 <span class="percentage">20%</span>
                                 <span class="flags">
@@ -1192,8 +1195,8 @@ if (isset($customer_data[0]["address"]) && is_array($customer_data[0]["address"]
                         <div class="ec-pro-image-outer">
                             <div class="ec-pro-image">
                                 <a href="shop-left-sidebar-col-4.php" class="image">
-                                    <img class="main-image" src="assets/images/product-image/1_1.jpg" alt="Product" />
-                                    <img class="hover-image" src="assets/images/product-image/1_2.jpg" alt="Product" />
+                                    <img loading="lazy" class="main-image" src="assets/images/product-image/1_1.jpg" alt="Product" />
+                                    <img loading="lazy" class="hover-image" src="assets/images/product-image/1_2.jpg" alt="Product" />
                                 </a>
                                 <span class="percentage">20%</span>
                                 <span class="flags">
@@ -1247,8 +1250,8 @@ if (isset($customer_data[0]["address"]) && is_array($customer_data[0]["address"]
                         <div class="ec-pro-image-outer">
                             <div class="ec-pro-image">
                                 <a href="shop-left-sidebar-col-4.php" class="image">
-                                    <img class="main-image" src="assets/images/product-image/2_1.jpg" alt="Product" />
-                                    <img class="hover-image" src="assets/images/product-image/2_2.jpg" alt="Product" />
+                                    <img loading="lazy" class="main-image" src="assets/images/product-image/2_1.jpg" alt="Product" />
+                                    <img loading="lazy" class="hover-image" src="assets/images/product-image/2_2.jpg" alt="Product" />
                                 </a>
                                 <span class="percentage">20%</span>
                                 <span class="flags">
@@ -1308,36 +1311,36 @@ if (isset($customer_data[0]["address"]) && is_array($customer_data[0]["address"]
                             <!-- Swiper -->
                             <div class="qty-product-cover">
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
                                 </div>
                             </div>
                             <div class="qty-nav-thumb">
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
                                 </div>
                             </div>
                         </div>
@@ -1430,7 +1433,7 @@ if (isset($customer_data[0]["address"]) && is_array($customer_data[0]["address"]
     <!-- raymart remove popup feb 20 2024 -->
     <!-- Recent Purchase Popup  -->
     <!-- <div class="recent-purchase">
-        <img src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -1450,121 +1453,7 @@ if (isset($customer_data[0]["address"]) && is_array($customer_data[0]["address"]
     </div>
     <!-- Cart Floating Button end -->
 
-    <!-- Whatsapp -->
-    <div class="ec-style ec-right-bottom">
-        <!-- Start Floating Panel Container -->
-        <div class="ec-panel">
-            <!-- Panel Header -->
-            <div class="ec-header">
-                <strong>Need Help?</strong>
-                <p>Chat with us on WhatsApp</p>
-            </div>
-            <!-- Panel Content -->
-            <div class="ec-body">
-                <ul>
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Sahar Darya</span>
-                                    <p>Sahar left 7 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-online"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Yolduz Rafi</span>
-                                    <p>Yolduz is online</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Nargis Hawa</span>
-                                    <p>Nargis left 30 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Khadija Mehr</span>
-                                    <p>Khadija left 50 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                </ul>
-            </div>
-        </div>
-        <!--/ End Floating Panel Container -->
-        <!-- Start Right Floating Button-->
-        <div class="ec-right-bottom">
-            <div class="ec-box">
-                <div class="ec-button rotateBackward">
-                    <img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
-                </div>
-            </div>
-        </div>
-        <!--/ End Right Floating Button-->
-    </div>
-    <!-- Whatsapp end -->
+    
 
     <!-- Feature tools -->
     <div class="ec-tools-sidebar-overlay"></div>
@@ -1573,7 +1462,7 @@ if (isset($customer_data[0]["address"]) && is_array($customer_data[0]["address"]
             <h3>Features</h3>
         </div>
         <a href="#" class="ec-tools-sidebar-toggle in-out">
-            <img alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">

checkouttest.php

@@ -17,7 +17,21 @@ if ($_SESSION["userId"] <> "") {
 
     $order_ids = [];
     if ($cartItems) {
-        $cartencode = json_encode($cartItems);
+        if(!empty($_GET['selected'])){
+            $selectedIds = explode('-', $_GET['selected']);
+
+            // Filter $cartItems array based on selected ids
+            $filteredCartItems = array_filter($cartItems, function($item) use ($selectedIds) {
+                return in_array($item['_id'], $selectedIds);
+            });
+            $cartItems = $filteredCartItems;
+            $cartencode = json_encode($filteredCartItems);
+
+        }else{
+            // $cartItems = $filteredCartItems;
+
+            $cartencode = json_encode($cartItems);
+        }
         foreach ($cartItems as $item) {
             array_push($order_ids, $item['_id']);
         }
@@ -68,7 +82,10 @@ if (isset($customer_data[0]["address"]) && is_array($customer_data[0]["address"]
     <meta name="msapplication-TileImage" content="assets/images/favicon/favicon.png" />
 
     <!-- css Icon Font -->
-    <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+     <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
+        integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A=="
+        crossorigin="anonymous" referrerpolicy="no-referrer" />
 
     <!-- css All Plugins Files -->
     <link rel="stylesheet" href="assets/css/plugins/animate.css" />
@@ -226,13 +243,9 @@ if (isset($customer_data[0]["address"]) && is_array($customer_data[0]["address"]
 
                                                 <div class="sName">
                                                     <h5>Name:
-                                                        <span id="selectedFName"><?php echo strtoupper($customer['address'][0]['first_name']); ?></span>
-                                                        <span id="selectedLName"><?php echo strtoupper($customer['address'][0]['last_name']); ?></span>
-                                                    </h5>
-                                                    <!-- <h5>Name:
                                                         <span id="selectedFName"><?php echo $customer['address'][0]['first_name']; ?></span>
-                                                        <span id="selectedLName"> <?php echo $customer['address'][0]['last_name']; ?></span>
-                                                    </h5> -->
+                                                        <span id="selectedLName"><?php echo $customer['address'][0]['last_name']; ?></span>
+                                                    </h5>
                                                 </div>
                                                 <div class="sContact">
                                                     <h5>Contact #:
@@ -389,7 +402,7 @@ if (isset($customer_data[0]["address"]) && is_array($customer_data[0]["address"]
                                                 </div>
                                                 <div class="form-group">
                                                     <label for="addressContact" class="text-dark font-weight-medium pt-3 mb-2">Contact Number</label>
-                                                    <input type="number" class="form-control" id="addressContact">
+                                                    <input type="text" class="form-control" id="addressContact" value="+63 " oninput="preventErasePrefix(this)">
                                                 </div>
                                                 <div class="form-group">
                                                     <label for="addressBuilding" class="text-dark font-weight-medium pt-3 mb-2"> Building,Number </label>
@@ -419,7 +432,7 @@ if (isset($customer_data[0]["address"]) && is_array($customer_data[0]["address"]
                                                 </div>
                                                 <div class="form-group">
                                                     <label for="addressCountry" class="text-dark font-weight-medium pt-3 mb-2">Country</label>
-                                                    <input type="text" class="form-control" id="addressCountry">
+                                                    <input type="text" class="form-control" id="addressCountry" value="Philippines">
                                                 </div>
                                                 <button type="button" class="btn btn-primary" id="submitBtn">Submit</button>
                                             </form>
@@ -452,7 +465,7 @@ if (isset($customer_data[0]["address"]) && is_array($customer_data[0]["address"]
                                                 <div class="form-group">
 
                                                     <label for="addressContact" class="text-dark font-weight-medium pt-3 mb-2">Contact Number</label>
-                                                    <input type="text" class="form-control" id="addressContact2" value="<?php echo $address['phone']; ?>">
+                                                    <input type="text" class="form-control" id="addressContact2" value="<?php echo $address['phone']; ?>" oninput="preventEraseThePrefix(this)">
 
                                                     
                                                     <!-- <label for="addressContact" class="text-dark font-weight-medium pt-3 mb-2">Contact Number</label>
@@ -512,6 +525,39 @@ if (isset($customer_data[0]["address"]) && is_array($customer_data[0]["address"]
                                 </div>
                             </div>
 
+                            <script>
+                                function preventErasePrefix(input) { /* secondmodal */
+
+                                    var numericValue = input.value.replace(/\D/g, '');
+                                        if (numericValue.startsWith('63')) {
+                                            input.value = "+63 " + numericValue.substring(2);
+                                        } else {
+                                            input.value = "+63 " + numericValue;
+                                        }
+
+                                if (input.value.length > 14) {
+                                    input.value = input.value.slice(0, 14);
+                                }
+
+                                }
+
+                                function preventEraseThePrefix(input) { /* thirdmodal */
+                                    
+                                    var numericValue = input.value.replace(/\D/g, '');
+                                        if (numericValue.startsWith('63')) {
+                                            input.value = "+63 " + numericValue.substring(2);
+                                        } else {
+                                            input.value = "+63 " + numericValue;
+                                        }
+
+                                if (input.value.length > 14) {
+                                    input.value = input.value.slice(0, 14);
+                                }       
+
+                                }
+                                
+                            </script>
+
                             <script>    
                                 //   raymart/sir mark added function to show the addresses of the customer in the third modal march 04 2024
                                    $('#thirdModal').on('shown.bs.modal', function (event) {
@@ -983,12 +1029,12 @@ if (isset($customer_data[0]["address"]) && is_array($customer_data[0]["address"]
                                                                 if (!empty($image_urls)) {
                                                                     $first_image_url = trim($image_urls[0]);
                                                             ?>
-                                                                    <img class="main-image" src="<?php echo $first_image_url; ?>" alt="edit" />
+                                                                    <img loading="lazy" class="main-image" src="<?php echo $first_image_url; ?>" alt="edit" />
                                                                 <?php
                                                                 }
                                                             } else {
                                                                 ?>
-                                                                <img class="main-image"  src="https://api.obanana.com/images/storage/web_images/1709002636671-viber_image_2024-02-22_15-54-42-498.png" alt="edit" />
+                                                                <img loading="lazy" class="main-image"  src="https://api.obanana.com/images/storage/web_images/1709002636671-viber_image_2024-02-22_15-54-42-498.png" alt="edit" />
                                                             <?php
                                                             }
                                                             ?>
@@ -1064,10 +1110,10 @@ if (isset($customer_data[0]["address"]) && is_array($customer_data[0]["address"]
                                             <div class="ec-pro-image-outer">
                                                 <div class="ec-pro-image">
                                                     <a href="shop-left-sidebar-col-4.php" class="image">
-                                                        <img class="main-image"
+                                                        <img loading="lazy" class="main-image"
                                                             src="assets/images/product-image/8_1.jpg"
                                                             alt="Product" />
-                                                        <img class="hover-image"
+                                                        <img loading="lazy" class="hover-image"
                                                             src="assets/images/product-image/8_2.jpg"
                                                             alt="Product" />
                                                     </a>
@@ -1455,6 +1501,21 @@ if (isset($customer_data[0]["address"]) && is_array($customer_data[0]["address"]
                                                             const randomIndex = Math.floor(Math.random() * refchar.length);
                                                             uniqueRef += refchar.charAt(randomIndex);
                                                         }
+                                                        let paymentDeetsId = 'obn_cod_id_';
+                                                        for (let i = 0; i < 16; i++) {
+                                                            const randomIndex = Math.floor(Math.random() * refchar.length);
+                                                            paymentDeetsId += refchar.charAt(randomIndex);
+                                                        }
+                                                        let paymentUniqueId = '';
+                                                        for (let i = 0; i < 24; i++) {
+                                                            const randomIndex = Math.floor(Math.random() * refchar.length);
+                                                            paymentUniqueId += refchar.charAt(randomIndex);
+                                                        }
+                                                        let dataPaymentUniqueId = '';
+                                                        for (let i = 0; i < 24; i++) {
+                                                            const randomIndex = Math.floor(Math.random() * refchar.length);
+                                                            dataPaymentUniqueId += refchar.charAt(randomIndex);
+                                                        }
 
                                                         const selectedFName = document.getElementById('selectedFName').innerText;
                                                         const selectedLName = document.getElementById('selectedLName').innerText;
@@ -1521,6 +1582,54 @@ if (isset($customer_data[0]["address"]) && is_array($customer_data[0]["address"]
                                                                     payment: {
                                                                         status: "UNPAID",
                                                                         reference_number: uniqueRef,
+                                                                        details: [
+                                                                            {
+                                                                                id: paymentDeetsId,
+                                                                                attributes:{
+                                                                                    data:{
+                                                                                        attributes:{
+                                                                                            amount: parseFloat(orderId.total_amount) * 100 ,
+                                                                                            description: orderId.items[0].product.name + " (" + orderId.items[0].quantity + ")" ,
+                                                                                            status: "unpaid",
+                                                                                            fee:shippingFees * 100,
+                                                                                            tax_amount:"null",
+                                                                                            taxes:[],
+                                                                                            reference_number: uniqueRef,
+                                                                                            payments:[
+                                                                                                {
+                                                                                                    attributes:{
+                                                                                                        billing:{
+                                                                                                            phone: billingNumber
+                                                                                                        },
+                                                                                                        source: {
+                                                                                                            type: "Cash On Delivery"
+                                                                                                        },
+                                                                                                        amount:parseFloat(orderId.total_amount) * 100,
+                                                                                                        currency: "PHP",
+                                                                                                        description: orderId.items[0].product.name + " (" + orderId.items[0].quantity + ")" ,
+                                                                                                        fee:shippingFees,
+                                                                                                        net_amount: parseFloat(orderId.total_amount) * 100,
+                                                                                                        statement_descriptor: "Obanana E-commerce Checkout",
+                                                                                                        status: "unpaid",
+                                                                                                        tax_amount:0,
+                                                                                                        refunds: [],
+                                                                                                    },
+                                                                                                    _id: paymentUniqueId,
+                                                                                                    createdAt: iso8601String,
+                                                                                                    updatedAt: iso8601String
+                                                                                                }
+                                                                                            ],
+                                                                                            currency:"PHP",
+                                                                                        },
+                                                                                        _id:dataPaymentUniqueId,
+                                                                                        createdAt: iso8601String,
+                                                                                        updatedAt: iso8601String
+                                                                                    },
+                                                                                    created_at: iso8601String,
+                                                                                    updated_at: iso8601String
+                                                                                }
+                                                                            }
+                                                                        ]
                                                                     },
                                                                     total_amount: parseFloat(orderId.total_amount) + shippingFees,
                                                                     status: "TO PAY",
@@ -1586,25 +1695,25 @@ if (isset($customer_data[0]["address"]) && is_array($customer_data[0]["address"]
                             <div class="ec-sb-block-content">
                                 <div class="ec-check-pay-img-inner">
                                     <div class="ec-check-pay-img">
-                                        <img src="assets/images/icons/payment1.png" alt="">
+                                        <img loading="lazy" src="assets/images/icons/payment1.png" alt="">
                                     </div>
                                     <div class="ec-check-pay-img">
-                                        <img src="assets/images/icons/payment2.png" alt="">
+                                        <img loading="lazy" src="assets/images/icons/payment2.png" alt="">
                                     </div>
                                     <div class="ec-check-pay-img">
-                                        <img src="assets/images/icons/payment3.png" alt="">
+                                        <img loading="lazy" src="assets/images/icons/payment3.png" alt="">
                                     </div>
                                     <div class="ec-check-pay-img">
-                                        <img src="assets/images/icons/payment4.png" alt="">
+                                        <img loading="lazy" src="assets/images/icons/payment4.png" alt="">
                                     </div>
                                     <div class="ec-check-pay-img">
-                                        <img src="assets/images/icons/payment5.png" alt="">
+                                        <img loading="lazy" src="assets/images/icons/payment5.png" alt="">
                                     </div>
                                     <div class="ec-check-pay-img">
-                                        <img src="assets/images/icons/payment6.png" alt="">
+                                        <img loading="lazy" src="assets/images/icons/payment6.png" alt="">
                                     </div>
                                     <div class="ec-check-pay-img">
-                                        <img src="assets/images/icons/payment7.png" alt="">
+                                        <img loading="lazy" src="assets/images/icons/payment7.png" alt="">
                                     </div>
                                 </div>
                             </div>
@@ -1635,8 +1744,8 @@ if (isset($customer_data[0]["address"]) && is_array($customer_data[0]["address"]
                         <div class="ec-pro-image-outer">
                             <div class="ec-pro-image">
                                 <a href="shop-left-sidebar-col-4.php" class="image">
-                                    <img class="main-image" src="assets/images/product-image/6_1.jpg" alt="Product" />
-                                    <img class="hover-image" src="assets/images/product-image/6_2.jpg" alt="Product" />
+                                    <img loading="lazy" class="main-image" src="assets/images/product-image/6_1.jpg" alt="Product" />
+                                    <img loading="lazy" class="hover-image" src="assets/images/product-image/6_2.jpg" alt="Product" />
                                 </a>
                                 <span class="percentage">20%</span>
                                 <a href="#" class="quickview" data-link-action="quickview" title="Quick view" data-bs-toggle="modal" data-bs-target="#ec_quickview_modal"><i class="fi-rr-eye"></i></a>
@@ -1686,8 +1795,8 @@ if (isset($customer_data[0]["address"]) && is_array($customer_data[0]["address"]
                         <div class="ec-pro-image-outer">
                             <div class="ec-pro-image">
                                 <a href="shop-left-sidebar-col-4.php" class="image">
-                                    <img class="main-image" src="assets/images/product-image/7_1.jpg" alt="Product" />
-                                    <img class="hover-image" src="assets/images/product-image/7_2.jpg" alt="Product" />
+                                    <img loading="lazy" class="main-image" src="assets/images/product-image/7_1.jpg" alt="Product" />
+                                    <img loading="lazy" class="hover-image" src="assets/images/product-image/7_2.jpg" alt="Product" />
                                 </a>
                                 <span class="percentage">20%</span>
                                 <span class="flags">
@@ -1740,8 +1849,8 @@ if (isset($customer_data[0]["address"]) && is_array($customer_data[0]["address"]
                         <div class="ec-pro-image-outer">
                             <div class="ec-pro-image">
                                 <a href="shop-left-sidebar-col-4.php" class="image">
-                                    <img class="main-image" src="assets/images/product-image/1_1.jpg" alt="Product" />
-                                    <img class="hover-image" src="assets/images/product-image/1_2.jpg" alt="Product" />
+                                    <img loading="lazy" class="main-image" src="assets/images/product-image/1_1.jpg" alt="Product" />
+                                    <img loading="lazy" class="hover-image" src="assets/images/product-image/1_2.jpg" alt="Product" />
                                 </a>
                                 <span class="percentage">20%</span>
                                 <span class="flags">
@@ -1795,8 +1904,8 @@ if (isset($customer_data[0]["address"]) && is_array($customer_data[0]["address"]
                         <div class="ec-pro-image-outer">
                             <div class="ec-pro-image">
                                 <a href="shop-left-sidebar-col-4.php" class="image">
-                                    <img class="main-image" src="assets/images/product-image/2_1.jpg" alt="Product" />
-                                    <img class="hover-image" src="assets/images/product-image/2_2.jpg" alt="Product" />
+                                    <img loading="lazy" class="main-image" src="assets/images/product-image/2_1.jpg" alt="Product" />
+                                    <img loading="lazy" class="hover-image" src="assets/images/product-image/2_2.jpg" alt="Product" />
                                 </a>
                                 <span class="percentage">20%</span>
                                 <span class="flags">
@@ -1856,36 +1965,36 @@ if (isset($customer_data[0]["address"]) && is_array($customer_data[0]["address"]
                             <!-- Swiper -->
                             <div class="qty-product-cover">
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
                                 </div>
                             </div>
                             <div class="qty-nav-thumb">
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
                                 </div>
                             </div>
                         </div>
@@ -1978,7 +2087,7 @@ if (isset($customer_data[0]["address"]) && is_array($customer_data[0]["address"]
     <!-- raymart remove popup feb 20 2024 -->
     <!-- Recent Purchase Popup  -->
     <!-- <div class="recent-purchase">
-        <img src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -1998,121 +2107,7 @@ if (isset($customer_data[0]["address"]) && is_array($customer_data[0]["address"]
     </div>
     <!-- Cart Floating Button end -->
 
-    <!-- Whatsapp -->
-    <div class="ec-style ec-right-bottom">
-        <!-- Start Floating Panel Container -->
-        <div class="ec-panel">
-            <!-- Panel Header -->
-            <div class="ec-header">
-                <strong>Need Help?</strong>
-                <p>Chat with us on WhatsApp</p>
-            </div>
-            <!-- Panel Content -->
-            <div class="ec-body">
-                <ul>
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Sahar Darya</span>
-                                    <p>Sahar left 7 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-online"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Yolduz Rafi</span>
-                                    <p>Yolduz is online</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Nargis Hawa</span>
-                                    <p>Nargis left 30 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Khadija Mehr</span>
-                                    <p>Khadija left 50 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                </ul>
-            </div>
-        </div>
-        <!--/ End Floating Panel Container -->
-        <!-- Start Right Floating Button-->
-        <div class="ec-right-bottom">
-            <div class="ec-box">
-                <div class="ec-button rotateBackward">
-                    <img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
-                </div>
-            </div>
-        </div>
-        <!--/ End Right Floating Button-->
-    </div>
-    <!-- Whatsapp end -->
+    
 
     <!-- Feature tools -->
     <div class="ec-tools-sidebar-overlay"></div>
@@ -2121,7 +2116,7 @@ if (isset($customer_data[0]["address"]) && is_array($customer_data[0]["address"]
             <h3>Features</h3>
         </div>
         <a href="#" class="ec-tools-sidebar-toggle in-out">
-            <img alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">

contact-us.php

@@ -1,5 +1,8 @@
 <!-- 02-14-2024 Stacy created this file and added contact-us-action.php -->
-<?php session_start()?>
+<?php
+    include "functions.php";
+ session_start()
+ ?>
 
 <!DOCTYPE html>
  <html lang="en">
@@ -21,7 +24,10 @@
      <meta name="msapplication-TileImage" content="assets/images/favicon/favicon.png" />
  
      <!-- css Icon Font -->
-     <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+      <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
+        integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A=="
+        crossorigin="anonymous" referrerpolicy="no-referrer" />
  
      <!-- css All Plugins Files -->
      <link rel="stylesheet" href="assets/css/plugins/animate.css" />
@@ -63,7 +69,7 @@
                 </div>
                 <ul class="eccart-pro-items">
                     <li>
-                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
+                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy"
                                 src="assets/images/product-image/6_1.jpg" alt="product"></a>
                         <div class="ec-pro-content">
                             <a href="shop-left-sidebar-col-4.php" class="cart_pro_title">T-shirt For Women</a>
@@ -75,7 +81,7 @@
                         </div>
                     </li>
                     <li>
-                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
+                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy"
                                 src="assets/images/product-image/12_1.jpg" alt="product"></a>
                         <div class="ec-pro-content">
                             <a href="shop-left-sidebar-col-4.php" class="cart_pro_title">Women Leather Shoes</a>
@@ -87,7 +93,7 @@
                         </div>
                     </li>
                     <li>
-                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
+                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy"
                                 src="assets/images/product-image/3_1.jpg" alt="product"></a>
                         <div class="ec-pro-content">
                             <a href="shop-left-sidebar-col-4.php" class="cart_pro_title">Girls Nylon Purse</a>
@@ -292,7 +298,7 @@
 
     <!-- Recent Purchase Popup  -->
     <!-- <div class="recent-purchase">
-        <img src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -312,129 +318,7 @@
     </div>
     <!-- Cart Floating Button end -->
 
-    <!-- Whatsapp -->
-    <div class="ec-style ec-right-bottom">
-        <!-- Start Floating Panel Container -->
-        <div class="ec-panel">
-            <!-- Panel Header -->
-            <div class="ec-header">
-                <strong>Need Help?</strong>
-                <p>Chat with us on WhatsApp</p>
-            </div>
-            <!-- Panel Content -->
-            <div class="ec-body">
-                <ul>
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266"
-                            data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img"
-                                        alt="Profile image">
-                                    <span class="ec-status-icon"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Sahar Darya</span>
-                                    <p>Sahar left 7 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266"
-                            data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img"
-                                        alt="Profile image">
-                                    <span class="ec-status-icon ec-online"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Yolduz Rafi</span>
-                                    <p>Yolduz is online</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266"
-                            data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img"
-                                        alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Nargis Hawa</span>
-                                    <p>Nargis left 30 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266"
-                            data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img"
-                                        alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Khadija Mehr</span>
-                                    <p>Khadija left 50 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                </ul>
-            </div>
-        </div>
-        <!--/ End Floating Panel Container -->
-        <!-- Start Right Floating Button-->
-        <div class="ec-right-bottom">
-            <div class="ec-box">
-                <div class="ec-button rotateBackward">
-                    <img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
-                </div>
-            </div>
-        </div>
-        <!--/ End Right Floating Button-->
-    </div>
-    <!-- Whatsapp end -->
+   
 
     <!-- Feature tools -->
     <div class="ec-tools-sidebar-overlay"></div>
@@ -443,7 +327,7 @@
             <h3>Features</h3>
         </div>
         <a href="#" class="ec-tools-sidebar-toggle in-out">
-            <img alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">

faq.php

@@ -18,7 +18,10 @@
      <meta name="msapplication-TileImage" content="assets/images/favicon/favicon.png" />
  
      <!-- css Icon Font -->
-     <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+      <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
+        integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A=="
+        crossorigin="anonymous" referrerpolicy="no-referrer" />
  
      <!-- css All Plugins Files -->
      <link rel="stylesheet" href="assets/css/plugins/animate.css" />
@@ -58,7 +61,7 @@
                 </div>
                 <ul class="eccart-pro-items">
                     <li>
-                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
+                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy"
                                 src="assets/images/product-image/6_1.jpg" alt="product"></a>
                         <div class="ec-pro-content">
                             <a href="shop-left-sidebar-col-4.php" class="cart_pro_title">T-shirt For Women</a>
@@ -70,7 +73,7 @@
                         </div>
                     </li>
                     <li>
-                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
+                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy"
                                 src="assets/images/product-image/12_1.jpg" alt="product"></a>
                         <div class="ec-pro-content">
                             <a href="shop-left-sidebar-col-4.php" class="cart_pro_title">Women Leather Shoes</a>
@@ -82,7 +85,7 @@
                         </div>
                     </li>
                     <li>
-                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
+                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy"
                                 src="assets/images/product-image/3_1.jpg" alt="product"></a>
                         <div class="ec-pro-content">
                             <a href="shop-left-sidebar-col-4.php" class="cart_pro_title">Girls Nylon Purse</a>
@@ -162,7 +165,7 @@
                     <div class="row">
                         <!-- <div class="col-md-6 ec-cms-block ec-abcms-block text-center">
                             <div class="ec-cms-block-inner">
-                            <img class="a-img" src="assets/images/offer-image/1.jpg" alt="about">
+                            <img loading="lazy" class="a-img" src="assets/images/offer-image/1.jpg" alt="about">
                             </div>
                         </div> -->
                         <div class="col-md-12 ec-cms-block ec-abcms-block text-center">
@@ -213,7 +216,7 @@
                         <li class="ec-test-item">
                             <i class="fi-rr-quote-right top"></i>
                             <div class="ec-test-inner">
-                                <div class="ec-test-img"><img alt="testimonial" title="testimonial"
+                                <div class="ec-test-img"><img loading="lazy" alt="testimonial" title="testimonial"
                                         src="assets/images/testimonial/1.jpg" /></div>
                                 <div class="ec-test-content">
                                     <div class="ec-test-desc">Lorem Ipsum is simply dummy text of the printing and
@@ -236,7 +239,7 @@
                         <li class="ec-test-item ">
                             <i class="fi-rr-quote-right top"></i>
                             <div class="ec-test-inner">
-                                <div class="ec-test-img"><img alt="testimonial" title="testimonial"
+                                <div class="ec-test-img"><img loading="lazy" alt="testimonial" title="testimonial"
                                         src="assets/images/testimonial/2.jpg" /></div>
                                 <div class="ec-test-content">
                                     <div class="ec-test-desc">Lorem Ipsum is simply dummy text of the printing and
@@ -259,7 +262,7 @@
                         <li class="ec-test-item">
                             <i class="fi-rr-quote-right top"></i>
                             <div class="ec-test-inner">
-                                <div class="ec-test-img"><img alt="testimonial" title="testimonial"
+                                <div class="ec-test-img"><img loading="lazy" alt="testimonial" title="testimonial"
                                         src="assets/images/testimonial/3.jpg" /></div>
                                 <div class="ec-test-content">
                                     <div class="ec-test-desc">Lorem Ipsum is simply dummy text of the printing and
@@ -360,28 +363,28 @@
                         <!-- instagram item -->
                         <!-- <div class="ec-insta-item">
                             <div class="ec-insta-inner">
-                                <a href="#" target="_blank"><img src="assets/images/instragram-image/1.jpg"
+                                <a href="#" target="_blank"><img loading="lazy" src="assets/images/instragram-image/1.jpg"
                                         alt="insta"></a>
                             </div>
                         </div> -->
                         <!-- instagram item -->
                         <!-- <div class="ec-insta-item">
                             <div class="ec-insta-inner">
-                                <a href="#" target="_blank"><img src="assets/images/instragram-image/2.jpg"
+                                <a href="#" target="_blank"><img loading="lazy" src="assets/images/instragram-image/2.jpg"
                                         alt="insta"></a>
                             </div>
                         </div> -->
                         <!-- instagram item -->
                         <!-- <div class="ec-insta-item">
                             <div class="ec-insta-inner">
-                                <a href="#" target="_blank"><img src="assets/images/instragram-image/3.jpg"
+                                <a href="#" target="_blank"><img loading="lazy" src="assets/images/instragram-image/3.jpg"
                                         alt="insta"></a>
                             </div>
                         </div> -->
                         <!-- instagram item -->
                         <!-- <div class="ec-insta-item">
                             <div class="ec-insta-inner">
-                                <a href="#" target="_blank"><img src="assets/images/instragram-image/4.jpg"
+                                <a href="#" target="_blank"><img loading="lazy" src="assets/images/instragram-image/4.jpg"
                                         alt="insta"></a>
                             </div>
                         </div> -->
@@ -389,7 +392,7 @@
                         <!-- instagram item -->
                         <!-- <div class="ec-insta-item">
                             <div class="ec-insta-inner">
-                                <a href="#" target="_blank"><img src="assets/images/instragram-image/5.jpg"
+                                <a href="#" target="_blank"><img loading="lazy" src="assets/images/instragram-image/5.jpg"
                                         alt="insta"></a>
                             </div>
                         </div> -->
@@ -397,7 +400,7 @@
                         <!-- instagram item -->
                         <!-- <div class="ec-insta-item">
                             <div class="ec-insta-inner">
-                                <a href="#" target="_blank"><img src="assets/images/instragram-image/6.jpg"
+                                <a href="#" target="_blank"><img loading="lazy" src="assets/images/instragram-image/6.jpg"
                                         alt="insta"></a>
                             </div>
                         </div> -->
@@ -405,7 +408,7 @@
                         <!-- instagram item -->
                         <!-- <div class="ec-insta-item">
                             <div class="ec-insta-inner">
-                                <a href="#" target="_blank"><img src="assets/images/instragram-image/7.jpg"
+                                <a href="#" target="_blank"><img loading="lazy" src="assets/images/instragram-image/7.jpg"
                                         alt="insta"></a>
                             </div>
                         </div> -->
@@ -451,7 +454,7 @@
 
     <!-- Recent Purchase Popup  -->
     <!-- <div class="recent-purchase">
-        <img src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -471,129 +474,7 @@
     </div>
     <!-- Cart Floating Button end -->
 
-    <!-- Whatsapp -->
-    <div class="ec-style ec-right-bottom">
-        <!-- Start Floating Panel Container -->
-        <div class="ec-panel">
-            <!-- Panel Header -->
-            <div class="ec-header">
-                <strong>Need Help?</strong>
-                <p>Chat with us on WhatsApp</p>
-            </div>
-            <!-- Panel Content -->
-            <div class="ec-body">
-                <ul>
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266"
-                            data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img"
-                                        alt="Profile image">
-                                    <span class="ec-status-icon"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Sahar Darya</span>
-                                    <p>Sahar left 7 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266"
-                            data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img"
-                                        alt="Profile image">
-                                    <span class="ec-status-icon ec-online"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Yolduz Rafi</span>
-                                    <p>Yolduz is online</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266"
-                            data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img"
-                                        alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Nargis Hawa</span>
-                                    <p>Nargis left 30 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266"
-                            data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img"
-                                        alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Khadija Mehr</span>
-                                    <p>Khadija left 50 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                </ul>
-            </div>
-        </div>
-        <!--/ End Floating Panel Container -->
-        <!-- Start Right Floating Button-->
-        <div class="ec-right-bottom">
-            <div class="ec-box">
-                <div class="ec-button rotateBackward">
-                    <img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
-                </div>
-            </div>
-        </div>
-        <!--/ End Right Floating Button-->
-    </div>
-    <!-- Whatsapp end -->
+   
 
     <!-- Feature tools -->
     <div class="ec-tools-sidebar-overlay"></div>
@@ -602,7 +483,7 @@
             <h3>Features</h3>
         </div>
         <a href="#" class="ec-tools-sidebar-toggle in-out">
-            <img alt="icon" src="assets/images/common/settings.png">
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png">
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">

footer.php

@@ -1,3 +1,7 @@
+<style>
+
+</style>
+
 <!-- Footer Start -->
 <footer class="ec-footer section-space-mt">
     <div class="footer-container">
@@ -16,13 +20,18 @@
                 <div class="row">
                     <div class="col-sm-12 col-lg-3 ec-footer-contact">
                         <div class="ec-footer-widget">
-                            <div class="ec-footer-logo"><a href="index.php"><img src="assets/images/logo/logo.png" alt=""><img class="dark-footer-logo" src="assets/images/logo/dark-logo.png" alt="Site Logo" style="display: none;" /></a></div>
+                            <div class="ec-footer-logo"><a href="index.php"><img loading="lazy"
+                                        src="assets/images/logo/logo.png" alt=""><img loading="lazy"
+                                        class="dark-footer-logo" src="assets/images/logo/logo.png" alt="Site Logo"
+                                        style="display: none;" /></a></div>
                             <h4 class="ec-footer-heading">Contact us</h4>
                             <div class="ec-footer-links">
                                 <ul class="align-items-center">
                                     <li class="ec-footer-link">16F PMI Tower,Makati, Makati, Philippines</li>
-                                    <li class="ec-footer-link"><span>Call Us:</span><a href="Mobile:+63 917 722 6002">+63 (2) 8807-6379</a></li>
-                                    <li class="ec-footer-link"><span>Email:</span><a href="mailto:sales@obanana.com">sales@obanana.com</a></li>
+                                    <li class="ec-footer-link"><span>Call Us:</span><a
+                                            href="Mobile:+63 (2) 8807-6379">+63 (2) 8807-6379</a></li>
+                                    <li class="ec-footer-link"><span>Email:</span><a
+                                            href="mailto:sales@obanana.com">sales@obanana.com</a></li>
                                 </ul>
                             </div>
                         </div>
@@ -36,9 +45,9 @@
                                     <li class="ec-footer-link"><a href="faq.php">FAQ</a></li>
                                     <!-- <li class="ec-footer-link"><a href="track-order.html">Delivery Information</a></li> -->
                                     <!-- <li class="ec-footer-link"><a href="contact-us.html">Contact us</a></li> -->
-                                        <!-- 02-16-2024 Stacy changed contact us link-->
-                                            <li class="ec-footer-link"><a href="contact-us.php">Contact us</a></li>
-                                        <!-- 02-16-2024 Stacy changed contact us link-->
+                                    <!-- 02-16-2024 Stacy changed contact us link-->
+                                    <li class="ec-footer-link"><a href="contact-us.php">Contact us</a></li>
+                                    <!-- 02-16-2024 Stacy changed contact us link-->
                                 </ul>
                             </div>
                         </div>
@@ -55,35 +64,37 @@
                                         if ($_SESSION["isVendor"]) {
                                         ?>
                                     <li class="ec-footer-link"><a href="vendor-settings.php">My Account</a></li>
-                                <?php
+                                    <?php
                                         } else {
                                 ?>
                                     <li class="ec-footer-link"><a href="user-profile.php">My Account</a></li>
-                                <?php
+                                    <?php
                                         }
                                 ?>
-                            <?php
+                                    <?php
                                     }
                             ?>
-                            <!-- <li class="ec-footer-link"><a href="track-order.html">Order History</a></li> -->
-                            <?php
+                                    <!-- <li class="ec-footer-link"><a href="track-order.html">Order History</a></li> -->
+                                    <?php
                                     if ($_SESSION["isLoggedIn"]) {
                                     ?><?php
                                         if ($_SESSION["isVendor"]) {
                                         ?>
                                     <li class="ec-footer-link"><a href="vendor-dashboard.php">Order History</a></li>
-                                <?php
+                                    <?php
                                         } else {
                                 ?>
                                     <li class="ec-footer-link"><a href="user-profile.php">Order History</a></li>
-                                <?php
+
+                                    <?php
                                         }
                                 ?>
-                            <?php
+                                    <?php
                                     }
                             ?>
-                            <li class="ec-footer-link"><a href="wishlist.php">Wish List</a></li>
-                            <li class="ec-footer-link"><a href="vendor-registration-steps.php">Vendor Registration</a></li>
+                                    <li class="ec-footer-link"><a href="wishlist.php">Wish List</a></li>
+                                    <li class="ec-footer-link"><a href="vendor-registration-steps.php">Vendor
+                                            Registration</a></li>
                                 </ul>
                             </div>
                         </div>
@@ -117,8 +128,11 @@
                                 <div class="ec-subscribe-form">
                                     <form id="ec-newsletter-form" name="ec-newsletter-form" method="post" action="#">
                                         <div id="ec_news_signup" class="ec-form">
-                                            <input class="ec-email" type="email" required="" placeholder="Enter your email here..." name="ec-email" value="" />
-                                            <button id="ec-news-btn" class="button btn-primary" type="submit" name="subscribe" value=""><i class="ecicon eci-paper-plane-o" aria-hidden="true"></i></button>
+                                            <input class="ec-email" type="email" required=""
+                                                placeholder="Enter your email here..." name="ec-email" value="" />
+                                            <button id="ec-news-btn" class="button btn-primary" type="submit"
+                                                name="subscribe" value=""><i class="ecicon eci-paper-plane-o"
+                                                    aria-hidden="true"></i></button>
                                         </div>
                                     </form>
                                 </div>
@@ -136,10 +150,18 @@
                         <div class="footer-bottom-social">
                             <span class="social-text text-upper">Follow us on:</span>
                             <ul class="mb-0">
-                                <li class="list-inline-item"><a class="hdr-facebook" href="#"><i class="ecicon eci-facebook"></i></a></li>
-                                <li class="list-inline-item"><a class="hdr-twitter" href="#"><i class="ecicon eci-twitter"></i></a></li>
-                                <li class="list-inline-item"><a class="hdr-instagram" href="#"><i class="ecicon eci-instagram"></i></a></li>
-                                <li class="list-inline-item"><a class="hdr-linkedin" href="#"><i class="ecicon eci-linkedin"></i></a></li>
+                                <li class="list-inline-item"><a class="hdr-facebook"
+                                        href="https://www.facebook.com/ObananaPH/"><i
+                                            class="ecicon eci-facebook"></i></a></li>
+                                <li class="list-inline-item"><a class="hdr-twitter"
+                                        href="https://twitter.com/obananac?lang=en"><i
+                                            class="ecicon eci-twitter"></i></a></li>
+                                <li class="list-inline-item"><a class="hdr-instagram"
+                                        href="https://www.instagram.com/obananaph/"><i
+                                            class="ecicon eci-instagram"></i></a></li>
+                                <li class="list-inline-item"><a class="hdr-linkedin"
+                                        href="https://ph.linkedin.com/company/obananaph"><i
+                                            class="ecicon eci-linkedin"></i></a></li>
                             </ul>
                         </div>
                     </div>
@@ -147,7 +169,8 @@
                     <!-- Footer Copyright Start -->
                     <div class="col text-center footer-copy">
                         <div class="footer-bottom-copy ">
-                            <div class="ec-copy">Copyright © 2023 <a class="site-name text-upper" href="#">Obanana<span>.</span></a>. All Rights Reserved</div>
+                            <div class="ec-copy">Copyright © 2023 <a class="site-name text-upper"
+                                    href="#">Obanana<span>.</span></a>. All Rights Reserved</div>
                         </div>
                     </div>
                     <!-- Footer Copyright End -->
@@ -155,7 +178,7 @@
                     <div class="col footer-bottom-right">
                         <div class="footer-bottom-payment d-flex justify-content-end">
                             <div class="payment-link">
-                                <img src="assets/images/icons/payment.png" alt="">
+                                <img loading="lazy" src="assets/images/icons/payment.png" alt="">
                             </div>
 
                         </div>
@@ -165,5 +188,30 @@
             </div>
         </div>
     </div>
+    <!-- Footer navigation panel for responsive display -->
+    <div class="ec-nav-toolbar">
+        <div class="container">
+            <div class="ec-nav-panel">
+                <!-- <div class="ec-nav-panel-icons">
+                    <a href="#ec-mobile-menu" class="navbar-toggler-btn ec-header-btn ec-side-toggle"><i class="fi-rr-menu-burger"></i></a>
+                </div> -->
+                <div class="ec-nav-panel-icons">
+                    <a href="cart.php" class="ec-header-btn ec-header-wishlist">
+                        <div class="header-icon"><i class="fi-rr-shopping-bag"></i></div>
+                    </a>
+                </div>
+                <div class="ec-nav-panel-icons">
+                    <a href="index.php" class="ec-header-btn"><i class="fi-rr-home"></i></a>
+                </div>
+                <div class="ec-nav-panel-icons">
+                    <a href="wishlist.php" class="ec-header-btn"><i class="fi-rr-heart"></i></a>
+                </div>
+                <div class="ec-nav-panel-icons">
+                    <a href="#" class="ec-header-btn"><i class="fi-rr-user"></i></a>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- Footer navigation panel for responsive display -->
 </footer>
 <!-- Footer Area End -->

forget_otp.php

@@ -20,7 +20,10 @@
     <meta name="msapplication-TileImage" content="assets/images/favicon/favicon.png" />
 
     <!-- css Icon Font -->
-    <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+     <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
+        integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A=="
+        crossorigin="anonymous" referrerpolicy="no-referrer" />
 
     <!-- css All Plugins Files -->
     <link rel="stylesheet" href="assets/css/plugins/animate.css" />
@@ -308,7 +311,7 @@ var pass2I = document.getElementById(`passInput2`);
     <!-- raymart remove popup feb 20 2024 -->
     <!-- Recent Purchase Popup  -->
     <!-- <div class="recent-purchase">
-        <img src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -328,121 +331,7 @@ var pass2I = document.getElementById(`passInput2`);
     </div>
     <!-- Cart Floating Button end -->
 
-    <!-- Whatsapp -->
-    <div class="ec-style ec-right-bottom">
-        <!-- Start Floating Panel Container -->
-        <div class="ec-panel">
-            <!-- Panel Header -->
-            <div class="ec-header">
-                <strong>Need Help?</strong>
-                <p>Chat with us on WhatsApp</p>
-            </div>
-            <!-- Panel Content -->
-            <div class="ec-body">
-                <ul>
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Sahar Darya</span>
-                                    <p>Sahar left 7 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-online"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Yolduz Rafi</span>
-                                    <p>Yolduz is online</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Nargis Hawa</span>
-                                    <p>Nargis left 30 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Khadija Mehr</span>
-                                    <p>Khadija left 50 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                </ul>
-            </div>
-        </div>
-        <!--/ End Floating Panel Container -->
-        <!-- Start Right Floating Button-->
-        <div class="ec-right-bottom">
-            <div class="ec-box">
-                <div class="ec-button rotateBackward">
-                    <img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
-                </div>
-            </div>
-        </div>
-        <!--/ End Right Floating Button-->
-    </div>
-    <!-- Whatsapp end -->
+    
 
     <!-- Feature tools -->
     <div class="ec-tools-sidebar-overlay"></div>
@@ -451,7 +340,7 @@ var pass2I = document.getElementById(`passInput2`);
             <h3>Features</h3>
         </div>
         <a href="#" class="ec-tools-sidebar-toggle in-out">
-            <img alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">

forget_password_reset.php

@@ -18,7 +18,10 @@
     <meta name="msapplication-TileImage" content="assets/images/favicon/favicon.png" />
 
     <!-- css Icon Font -->
-    <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+     <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
+        integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A=="
+        crossorigin="anonymous" referrerpolicy="no-referrer" />
 
     <!-- css All Plugins Files -->
     <link rel="stylesheet" href="assets/css/plugins/animate.css" />
@@ -142,7 +145,7 @@
     <!-- raymart remove popup feb 20 2024 -->
     <!-- Recent Purchase Popup  -->
     <!-- <div class="recent-purchase">
-        <img src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -162,121 +165,7 @@
     </div>
     <!-- Cart Floating Button end -->
 
-    <!-- Whatsapp -->
-    <div class="ec-style ec-right-bottom">
-        <!-- Start Floating Panel Container -->
-        <div class="ec-panel">
-            <!-- Panel Header -->
-            <div class="ec-header">
-                <strong>Need Help?</strong>
-                <p>Chat with us on WhatsApp</p>
-            </div>
-            <!-- Panel Content -->
-            <div class="ec-body">
-                <ul>
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Sahar Darya</span>
-                                    <p>Sahar left 7 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-online"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Yolduz Rafi</span>
-                                    <p>Yolduz is online</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Nargis Hawa</span>
-                                    <p>Nargis left 30 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Khadija Mehr</span>
-                                    <p>Khadija left 50 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                </ul>
-            </div>
-        </div>
-        <!--/ End Floating Panel Container -->
-        <!-- Start Right Floating Button-->
-        <div class="ec-right-bottom">
-            <div class="ec-box">
-                <div class="ec-button rotateBackward">
-                    <img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
-                </div>
-            </div>
-        </div>
-        <!--/ End Right Floating Button-->
-    </div>
-    <!-- Whatsapp end -->
+    
 
     <!-- Feature tools -->
     <div class="ec-tools-sidebar-overlay"></div>
@@ -285,7 +174,7 @@
             <h3>Features</h3>
         </div>
         <a href="#" class="ec-tools-sidebar-toggle in-out">
-            <img alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">

forgot_password.php

@@ -19,7 +19,10 @@
      <meta name="msapplication-TileImage" content="assets/images/favicon/favicon.png" />
  
      <!-- css Icon Font -->
-     <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+      <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
+        integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A=="
+        crossorigin="anonymous" referrerpolicy="no-referrer" />
  
      <!-- css All Plugins Files -->
      <link rel="stylesheet" href="assets/css/plugins/animate.css" />
@@ -57,7 +60,7 @@
                 </div>
                 <ul class="eccart-pro-items">
                     <li>
-                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
+                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy"
                                 src="assets/images/product-image/6_1.jpg" alt="product"></a>
                         <div class="ec-pro-content">
                             <a href="shop-left-sidebar-col-4.php" class="cart_pro_title">T-shirt For Women</a>
@@ -69,7 +72,7 @@
                         </div>
                     </li>
                     <li>
-                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
+                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy"
                                 src="assets/images/product-image/12_1.jpg" alt="product"></a>
                         <div class="ec-pro-content">
                             <a href="shop-left-sidebar-col-4.php" class="cart_pro_title">Women Leather Shoes</a>
@@ -81,7 +84,7 @@
                         </div>
                     </li>
                     <li>
-                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
+                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy"
                                 src="assets/images/product-image/3_1.jpg" alt="product"></a>
                         <div class="ec-pro-content">
                             <a href="shop-left-sidebar-col-4.php" class="cart_pro_title">Girls Nylon Purse</a>
@@ -227,7 +230,7 @@
     <!-- raymart remove popup feb 20 2024 -->
     <!-- Recent Purchase Popup  -->
     <!-- <div class="recent-purchase">
-        <img src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -247,129 +250,7 @@
     </div>
     <!-- Cart Floating Button end -->
 
-    <!-- Whatsapp -->
-    <div class="ec-style ec-right-bottom">
-        <!-- Start Floating Panel Container -->
-        <div class="ec-panel">
-            <!-- Panel Header -->
-            <div class="ec-header">
-                <strong>Need Help?</strong>
-                <p>Chat with us on WhatsApp</p>
-            </div>
-            <!-- Panel Content -->
-            <div class="ec-body">
-                <ul>
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266"
-                            data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img"
-                                        alt="Profile image">
-                                    <span class="ec-status-icon"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Sahar Darya</span>
-                                    <p>Sahar left 7 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266"
-                            data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img"
-                                        alt="Profile image">
-                                    <span class="ec-status-icon ec-online"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Yolduz Rafi</span>
-                                    <p>Yolduz is online</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266"
-                            data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img"
-                                        alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Nargis Hawa</span>
-                                    <p>Nargis left 30 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266"
-                            data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img"
-                                        alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Khadija Mehr</span>
-                                    <p>Khadija left 50 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                </ul>
-            </div>
-        </div>
-        <!--/ End Floating Panel Container -->
-        <!-- Start Right Floating Button-->
-        <div class="ec-right-bottom">
-            <div class="ec-box">
-                <div class="ec-button rotateBackward">
-                    <img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
-                </div>
-            </div>
-        </div>
-        <!--/ End Right Floating Button-->
-    </div>
-    <!-- Whatsapp end -->
+   
 
     <!-- Feature tools -->
     <div class="ec-tools-sidebar-overlay"></div>
@@ -378,7 +259,7 @@
             <h3>Features</h3>
         </div>
         <a href="#" class="ec-tools-sidebar-toggle in-out">
-            <img alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">

forgot_password_action.php

@@ -24,7 +24,7 @@ $_SESSION["email"] = $_POST["name"];
 // Check if the customer exists in the database
 $result = customerExists($_SESSION["email"]);
 
-if ($result > 0) {
+if ($result) {
     $forgot = forgot_password($_SESSION["email"]);
     if($forgot){
      header("location: forget_otp.php"); 

functions.php

@@ -2010,3 +2010,48 @@ function updatePayout($token, $payoutId)
     return $response;
 }
 
+function getAllCustomers ()
+{
+  $curl = curl_init();
+  curl_setopt_array($curl, array(
+    CURLOPT_URL => "https://" . $_SESSION["data_endpoint"] . "/api/v1/customers",
+    CURLOPT_RETURNTRANSFER => true,
+    CURLOPT_ENCODING => '',
+    CURLOPT_MAXREDIRS => 10,
+    CURLOPT_TIMEOUT => 0,
+    CURLOPT_FOLLOWLOCATION => true,
+    CURLOPT_HTTP_VERSION => CURL_HTTP_VERSION_1_1,
+    CURLOPT_CUSTOMREQUEST => 'GET',
+    CURLOPT_HTTPHEADER => array(
+      'X-Api-Key: {{apiKey}}'
+    ),
+  ));
+  $response = curl_exec($curl);
+  curl_close($curl);
+  $json = json_decode($response, true);
+
+  return $json;
+}
+
+function getAllVendors ()
+{
+  $curl = curl_init();
+  curl_setopt_array($curl, array(
+    CURLOPT_URL => "https://" . $_SESSION["data_endpoint"] . "/api/v1/vendors",
+    CURLOPT_RETURNTRANSFER => true,
+    CURLOPT_ENCODING => '',
+    CURLOPT_MAXREDIRS => 10,
+    CURLOPT_TIMEOUT => 0,
+    CURLOPT_FOLLOWLOCATION => true,
+    CURLOPT_HTTP_VERSION => CURL_HTTP_VERSION_1_1,
+    CURLOPT_CUSTOMREQUEST => 'GET',
+    CURLOPT_HTTPHEADER => array(
+      'X-Api-Key: {{apiKey}}'
+    ),
+  ));
+  $response = curl_exec($curl);
+  curl_close($curl);
+  $json = json_decode($response, true);
+
+  return $json;
+}

index.php

@@ -39,7 +39,10 @@ if ($_SESSION["userId"] <> "") {
     <meta name="msapplication-TileImage" content="assets/images/favicon/favicon.png" />
 
     <!-- css Icon Font -->
-    <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+     <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
+        integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A=="
+        crossorigin="anonymous" referrerpolicy="no-referrer" />
 
     <!-- css All Plugins Files -->
     <link rel="stylesheet" href="assets/css/plugins/animate.css" />
@@ -76,11 +79,13 @@ if ($_SESSION["userId"] <> "") {
         }
     </style>
     <script>
-        function updateCartItemCount() {
+       function updateCartItemCount() {
             $.get("cartitems.php?id=<?php echo $_SESSION['customerId']; ?>", function(data, status) {
                 if (data != "") {
                     console.log("Data: " + data + "\nStatus: " + status);
                     document.getElementById("cartItemCount").innerHTML = data;
+                    document.getElementById("cartNewItemCount").innerHTML = data;
+
                 }
             });
         }
@@ -89,6 +94,8 @@ if ($_SESSION["userId"] <> "") {
             $.get("wishlistitems.php?id=<?php echo $_SESSION['customerId']; ?>", function(data) {
                 if (data != "") {
                     document.getElementById("wishItemCount").innerHTML = data;
+                    document.getElementById("wishNewItemCount").innerHTML = data;
+
                 }
             });
         }
@@ -118,7 +125,7 @@ if ($_SESSION["userId"] <> "") {
             <!-- Main slider -->
             <div class="swiper-wrapper">
                 <div class="ec-slide-item swiper-slide d-flex ec-slide-1">
-                    <img src="https://api.obanana.com/images/storage/web_images/1707370320758-banner_powerbank.jpg" alt="" width="1920">
+                    <img loading="lazy" src="https://api.obanana.com/images/storage/web_images/1707370320758-banner_powerbank.jpg" alt="" width="1920">
                     <div class="container align-self-center">
                         <div class="row">
                             <div class="col-xl-6 col-lg-7 col-md-7 col-sm-7 align-self-center">
@@ -133,7 +140,7 @@ if ($_SESSION["userId"] <> "") {
                     </div>
                 </div>
                 <div class="ec-slide-item swiper-slide d-flex ec-slide-2">
-                    <img src="https://api.obanana.com/images/storage/web_images/1703049975908-3.png" alt="" width="1920">
+                    <img loading="lazy" src="https://api.obanana.com/images/storage/web_images/1703049975908-3.png" alt="" width="1920">
                     <div class="container align-self-center">
                         <div class="row">
                             <div class="col-xl-6 col-lg-7 col-md-7 col-sm-7 align-self-center">
@@ -148,7 +155,7 @@ if ($_SESSION["userId"] <> "") {
                     </div>
                 </div>
                 <div class="ec-slide-item swiper-slide d-flex ec-slide-2">
-                    <img src="https://api.obanana.com/images/storage/web_images/1705052043932-omnia banner 3-min.png" alt="" width="1920">
+                    <img loading="lazy" src="https://api.obanana.com/images/storage/web_images/1705052043932-omnia banner 3-min.png" alt="" width="1920">
                     <div class="container align-self-center">
                         <div class="row">
                             <div class="col-xl-6 col-lg-7 col-md-7 col-sm-7 align-self-center">
@@ -187,13 +194,13 @@ if ($_SESSION["userId"] <> "") {
                 <!-- Tab Start -->
                 <div class="col-md-12 text-center">
                     <ul class="ec-pro-tab-nav nav justify-content-center">
-                        <li class="nav-item"><a class="nav-link active" data-bs-toggle="tab" href="#tab-pro-for-all">For
+                        <li class="nav-item"><a class="nav-link active" data-bs-toggle="tab" href="#all-top-products">For
                                 All</a></li>
-                        <li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="#tab-pro-for-men">For
+                        <li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="#electronics">For
                                 Electronics</a></li>
-                        <li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="#tab-pro-for-women">For
+                        <li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="#smart-home">For
                                 Smart Home</a></li>
-                        <li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="#tab-pro-for-child">For
+                        <li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="#e-vehicle">For
                                 E-Vehicle</a></li>
                     </ul>
                 </div>
@@ -203,7 +210,7 @@ if ($_SESSION["userId"] <> "") {
                 <div class="col">
                     <div class="tab-content">
                         <!-- 1st Product tab start -->
-                        <div class="tab-pane fade show active" id="tab-pro-for-all">
+                        <div class="tab-pane fade show active" id="all-top-products">
                             <div class="row">
                                 <!-- Product Content -->
                                 <?php
@@ -224,9 +231,9 @@ if ($_SESSION["userId"] <> "") {
                                         $vendorOfProduct = getVendorbyId($forAll[$pid]['vendor_api_id']);
                                 ?>
                                         <div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 mb-6  ec-product-content" data-animation="fadeIn">
-                                            <div class="ec-product-inner" style="width: 260px;">
+                                            <div class="ec-product-inner">
                                                 <!-- raymart added style feb 26 2024 -->
-                                                <div class="ec-pro-image-outer">
+                                                <div class="ec-pro-image-outer" style="max-width: 290px; height: 350px;">
                                                 <!-- <div class="ec-pro-image-outer"> -->
                                                     <div class="ec-pro-image">
                                                     <a href="product-left-sidebar.php?id=<?php echo $forAll[$pid]["_id"]; ?>">
@@ -237,19 +244,19 @@ if ($_SESSION["userId"] <> "") {
                                                                 if (!empty($image_urls)) {
                                                                     $first_image_url = trim($image_urls[0]);
                                                             ?>
-                                                                    <img class="main-image" src="<?php echo $first_image_url; ?>" alt="edit" style="border: 1px solid #eeeeee; height: 280px;" />
+                                                                    <img loading="lazy" class="main-image" src="<?php echo $first_image_url; ?>" alt="edit" style="border: 1px solid #eeeeee; height: 330px; object-fit: cover;" />
                                                                 <?php
                                                                 }
                                                             } else {
                                                                 ?>
-                                                                <img class="hover-image" src="https://api.obanana.com/images/storage/web_images/1709002636671-viber_image_2024-02-22_15-54-42-498.png" alt="edit" />
+                                                                <img loading="lazy" class="hover-image" src="https://api.obanana.com/images/storage/web_images/1709002636671-viber_image_2024-02-22_15-54-42-498.png" alt="edit" />
                                                             <?php
                                                             }
                                                             ?>
                                                     </a>
                                                         <!-- <a href="product-left-sidebar.php?id=<?php echo $forAll[$pid]["_id"]; ?>" class="image">
-                                                            <img class="main-image" src="<?php echo $forAll[$pid]["product_image"] ?>" alt="Product" />
-                                                            <img class="hover-image" src="<?php echo $forAll[$pid]["product_image"] ?>" alt="Product" />
+                                                            <img loading="lazy" class="main-image" src="<?php echo $forAll[$pid]["product_image"] ?>" alt="Product" />
+                                                            <img loading="lazy" class="hover-image" src="<?php echo $forAll[$pid]["product_image"] ?>" alt="Product" />
                                                         </a> -->
                                                         <!-- <span class="percentage">20%</span> -->
                                                         <!-- raymart edit action -->
@@ -327,7 +334,7 @@ if ($_SESSION["userId"] <> "") {
                         </div>
                         <!-- ec 1st Product tab end -->
                         <!-- ec 2nd Product tab start -->
-                        <div class="tab-pane fade" id="tab-pro-for-men">
+                        <div class="tab-pane fade" id="electronics">
                             <div class="row">
                                 <!-- Product Content -->
                                 <?php
@@ -344,9 +351,9 @@ if ($_SESSION["userId"] <> "") {
                                         $vendorOfProduct = getVendorbyId($electronics[$pid]['vendor_api_id']);
                                 ?>
                                         <div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 mb-6  ec-product-content" data-animation="fadeIn">
-                                            <div class="ec-product-inner" style="width: 260px;">
+                                            <div class="ec-product-inner">
                                                 <!-- raymart added style feb 26 2024 -->
-                                                <div class="ec-pro-image-outer">
+                                                <div class="ec-pro-image-outer" style="max-width: 290px; height: 350px;">
                                                 <!-- <div class="ec-pro-image-outer"> -->
                                                     <div class="ec-pro-image">
                                                     <a href="product-left-sidebar.php?id=<?php echo $electronics[$pid]["_id"]; ?>">
@@ -357,19 +364,19 @@ if ($_SESSION["userId"] <> "") {
                                                                 if (!empty($image_urls)) {
                                                                     $first_image_url = trim($image_urls[0]);
                                                             ?>
-                                                                    <img class="main-image" src="<?php echo $first_image_url; ?>" alt="edit" style="border: 1px solid #eeeeee; height: 280px;" />
+                                                                    <img loading="lazy" class="main-image" src="<?php echo $first_image_url; ?>" alt="edit" style="border: 1px solid #eeeeee; height: 330px; object-fit: cover;" />
                                                                 <?php
                                                                 }
                                                             } else {
                                                                 ?>
-                                                                <img class="hover-image" src="https://api.obanana.com/images/storage/web_images/1709002636671-viber_image_2024-02-22_15-54-42-498.png" alt="edit" />
+                                                                <img loading="lazy" class="hover-image" src="https://api.obanana.com/images/storage/web_images/1709002636671-viber_image_2024-02-22_15-54-42-498.png" alt="edit" />
                                                             <?php
                                                             }
                                                             ?>
                                                     </a>
                                                         <!-- <a href="product-left-sidebar.php?id=<?php echo $electronics[$pid]["_id"]; ?>" class="image">
-                                                            <img class="main-image" src="<?php echo $electronics[$pid]["product_image"] ?>" alt="Product" />
-                                                            <img class="hover-image" src="<?php echo $electronics[$pid]["product_image"] ?>" alt="Product" />
+                                                            <img loading="lazy" class="main-image" src="<?php echo $electronics[$pid]["product_image"] ?>" alt="Product" />
+                                                            <img loading="lazy" class="hover-image" src="<?php echo $electronics[$pid]["product_image"] ?>" alt="Product" />
                                                         </a> -->
                                                         <!-- <span class="percentage">20%</span> -->
 
@@ -449,7 +456,7 @@ if ($_SESSION["userId"] <> "") {
                         </div>
                         <!-- ec 2nd Product tab end -->
                         <!-- ec 3rd Product tab start -->
-                        <div class="tab-pane fade" id="tab-pro-for-women">
+                        <div class="tab-pane fade" id="smart-home">
                             <div class="row">
                                 <!-- Product Content -->
                                 <?php
@@ -466,9 +473,9 @@ if ($_SESSION["userId"] <> "") {
                                         $vendorOfProduct = getVendorbyId($smartHome[$pid]['vendor_api_id']);
                                 ?>
                                         <div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 mb-6  ec-product-content" data-animation="fadeIn">
-                                            <div class="ec-product-inner" style="width: 260px;">
+                                            <div class="ec-product-inner">
                                                 <!-- raymart added style feb 26 2024 -->
-                                                <div class="ec-pro-image-outer">
+                                                <div class="ec-pro-image-outer" style="max-width: 290px; height: 350px;">
                                                 <!-- <div class="ec-pro-image-outer"> -->
                                                     <div class="ec-pro-image">
                                                     <a href="product-left-sidebar.php?id=<?php echo $smartHome[$pid]["_id"]; ?>">
@@ -479,19 +486,19 @@ if ($_SESSION["userId"] <> "") {
                                                                 if (!empty($image_urls)) {
                                                                     $first_image_url = trim($image_urls[0]);
                                                             ?>
-                                                                    <img class="main-image" src="<?php echo $first_image_url; ?>" alt="edit" style="border: 1px solid #eeeeee; height: 280px;" />
+                                                                    <img loading="lazy" class="main-image" src="<?php echo $first_image_url; ?>" alt="edit" style="border: 1px solid #eeeeee; height: 330px; object-fit: cover;" />
                                                                 <?php
                                                                 }
                                                             } else {
                                                                 ?>
-                                                                <img class="hover-image" src="https://api.obanana.com/images/storage/web_images/1709002636671-viber_image_2024-02-22_15-54-42-498.png" alt="edit" />
+                                                                <img loading="lazy" class="hover-image" src="https://api.obanana.com/images/storage/web_images/1709002636671-viber_image_2024-02-22_15-54-42-498.png" alt="edit" />
                                                             <?php
                                                             }
                                                             ?>
                                                     </a>
                                                         <!-- <a href="product-left-sidebar.php?id=<?php echo $smartHome[$pid]["_id"]; ?>" class="image">
-                                                            <img class="main-image" src="<?php echo $smartHome[$pid]["product_image"] ?>" alt="Product" />
-                                                            <img class="hover-image" src="<?php echo $smartHome[$pid]["product_image"] ?>" alt="Product" />
+                                                            <img loading="lazy" class="main-image" src="<?php echo $smartHome[$pid]["product_image"] ?>" alt="Product" />
+                                                            <img loading="lazy" class="hover-image" src="<?php echo $smartHome[$pid]["product_image"] ?>" alt="Product" />
                                                         </a> -->
                                                         <!-- <span class="percentage">20%</span> -->
                                                         <!-- raymart edit action feb 14 2024-->
@@ -569,7 +576,7 @@ if ($_SESSION["userId"] <> "") {
                         </div>
                         <!-- ec 3rd Product tab end -->
                         <!-- ec 4th Product tab start -->
-                        <div class="tab-pane fade" id="tab-pro-for-child">
+                        <div class="tab-pane fade" id="e-vehicle">
                             <div class="row">
                                 <!-- Product Content -->
                                 <?php
@@ -586,9 +593,9 @@ if ($_SESSION["userId"] <> "") {
                                         $vendorOfProduct = getVendorbyId($forVehicle[$pid]['vendor_api_id']);
                                 ?>
                                         <div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 mb-6  ec-product-content" data-animation="fadeIn">
-                                            <div class="ec-product-inner" style="width: 260px;">
+                                            <div class="ec-product-inner">
                                                 <!-- raymart added style feb 26 2024-->
-                                                <div class="ec-pro-image-outer">
+                                                <div class="ec-pro-image-outer" style="max-width: 290px; height: 350px;">
                                                 <!-- <div class="ec-pro-image-outer"> -->
                                                     <div class="ec-pro-image">
                                                     <a href="product-left-sidebar.php?id=<?php echo $forVehicle[$pid]["_id"]; ?>">
@@ -599,19 +606,19 @@ if ($_SESSION["userId"] <> "") {
                                                                 if (!empty($image_urls)) {
                                                                     $first_image_url = trim($image_urls[0]);
                                                             ?>
-                                                                    <img class="main-image" src="<?php echo $first_image_url; ?>" alt="edit" style="border: 1px solid #eeeeee; height: 280px;" />
+                                                                    <img loading="lazy" class="main-image" src="<?php echo $first_image_url; ?>" alt="edit" style="border: 1px solid #eeeeee; height: 330px; object-fit: cover;" />
                                                                 <?php
                                                                 }
                                                             } else {
                                                                 ?>
-                                                                <img class="hover-image" src="https://api.obanana.com/images/storage/web_images/1709002636671-viber_image_2024-02-22_15-54-42-498.png" alt="edit" />
+                                                                <img loading="lazy" class="hover-image" src="https://api.obanana.com/images/storage/web_images/1709002636671-viber_image_2024-02-22_15-54-42-498.png" alt="edit" />
                                                             <?php
                                                             }
                                                             ?>
                                                     </a>
                                                         <!-- <a href="product-left-sidebar.php?id=<?php echo $forVehicle[$pid]["_id"]; ?>" class="image">
-                                                            <img class="main-image" src="<?php echo $forVehicle[$pid]["product_image"] ?>" alt="Product" />
-                                                            <img class="hover-image" src="<?php echo $forVehicle[$pid]["product_image"] ?>" alt="Product" />
+                                                            <img loading="lazy" class="main-image" src="<?php echo $forVehicle[$pid]["product_image"] ?>" alt="Product" />
+                                                            <img loading="lazy" class="hover-image" src="<?php echo $forVehicle[$pid]["product_image"] ?>" alt="Product" />
                                                         </a> -->
                                                         <!-- <span class="percentage">20%</span> -->
                                                         <!-- raymart added action feb 14 2024-->
@@ -709,7 +716,7 @@ if ($_SESSION["userId"] <> "") {
                     <div class="row">
                         <div class="banner-block col-lg-6 col-md-12 margin-b-30" data-animation="slideInRight">
                             <div class="bnr-overlay">
-                                <img src="https://api.obanana.com/images/storage/web_images/1704184846040-3.png" alt="" />
+                                <img loading="lazy" src="https://api.obanana.com/images/storage/web_images/1704184846040-3.png" alt="" />
                                 <div class="banner-text">
                                     <!-- <span class="ec-banner-stitle">New Arrivals</span>
                                     <span class="ec-banner-title">mens<br> Sport shoes</span>
@@ -725,7 +732,7 @@ if ($_SESSION["userId"] <> "") {
                         </div>
                         <div class="banner-block col-lg-6 col-md-12" data-animation="slideInLeft">
                             <div class="bnr-overlay">
-                                <img src="https://api.obanana.com/images/storage/web_images/1704185293794-4.png" alt="" />
+                                <img loading="lazy" src="https://api.obanana.com/images/storage/web_images/1704185293794-4.png" alt="" />
                                 <div class="banner-text">
                                     <!-- <span class="ec-banner-stitle">New Trending</span>
                                     <span class="ec-banner-title">Smart<br> watches</span>
@@ -766,19 +773,19 @@ if ($_SESSION["userId"] <> "") {
                 <div class="col-lg-3">
                     <ul class="ec-cat-tab-nav nav">
                         <li class="cat-item"><a class="cat-link active" data-bs-toggle="tab" href="#tab-cat-1">
-                                <div class="cat-icons"><img class="cat-icon" src="https://api.obanana.com/images/storage/web_images/1705281191973-Electronics_gray.png" style="width: 55px;" alt="cat-icon"><img class="cat-icon-hover" src="https://api.obanana.com/images/storage/web_images/1705279346519-Electronics.png" style="width: 55px;" alt="cat-icon"></div>
+                                <div class="cat-icons"><img loading="lazy" class="cat-icon" src="https://api.obanana.com/images/storage/web_images/1705281191973-Electronics_gray.png" style="width: 55px;" alt="cat-icon"><img loading="lazy" class="cat-icon-hover" src="https://api.obanana.com/images/storage/web_images/1705279346519-Electronics.png" style="width: 55px;" alt="cat-icon"></div>
                                 <div class="cat-desc"><span>Electronics</span><span></span></div>
                             </a></li>
                         <li class="cat-item"><a class="cat-link" data-bs-toggle="tab" href="#tab-cat-2">
-                                <div class="cat-icons"><img class="cat-icon" src="https://api.obanana.com/images/storage/web_images/1705281156875-Smarthome_gray.png" style="width: 55px;" alt="cat-icon"><img class="cat-icon-hover" src="https://api.obanana.com/images/storage/web_images/1705281330439-Smarthome_white.png" style="width: 55px;" alt="cat-icon"></div>
+                                <div class="cat-icons"><img loading="lazy" class="cat-icon" src="https://api.obanana.com/images/storage/web_images/1705281156875-Smarthome_gray.png" style="width: 55px;" alt="cat-icon"><img loading="lazy" class="cat-icon-hover" src="https://api.obanana.com/images/storage/web_images/1705281330439-Smarthome_white.png" style="width: 55px;" alt="cat-icon"></div>
                                 <div class="cat-desc"><span>Smart Home</span><span></span></div>
                             </a></li>
                         <li class="cat-item"><a class="cat-link" data-bs-toggle="tab" href="#tab-cat-3">
-                                <div class="cat-icons"><img class="cat-icon" src="https://api.obanana.com/images/storage/web_images/1705281114426-Ebike_gray.png" style="width: 55px;" alt="cat-icon"><img class="cat-icon-hover" src="https://api.obanana.com/images/storage/web_images/1705279973475-Ebike.png" style="width: 55px;" alt="cat-icon"></div>
+                                <div class="cat-icons"><img loading="lazy" class="cat-icon" src="https://api.obanana.com/images/storage/web_images/1705281114426-Ebike_gray.png" style="width: 55px;" alt="cat-icon"><img loading="lazy" class="cat-icon-hover" src="https://api.obanana.com/images/storage/web_images/1705279973475-Ebike.png" style="width: 55px;" alt="cat-icon"></div>
                                 <div class="cat-desc"><span>E-Bike</span><span></span></div>
                             </a></li>
                         <li class="cat-item"><a class="cat-link" data-bs-toggle="tab" href="#tab-cat-4">
-                                <div class="cat-icons"><img class="cat-icon" src="https://api.obanana.com/images/storage/web_images/1705280971569-Heavy Equipments_GRAY.png" style="width: 55px;" alt="cat-icon"><img class="cat-icon-hover" src="https://api.obanana.com/images/storage/web_images/1705280002759-Heavy Equipments.png" style="width: 55px;" alt="cat-icon"></div>
+                                <div class="cat-icons"><img loading="lazy" class="cat-icon" src="https://api.obanana.com/images/storage/web_images/1705280971569-Heavy Equipments_GRAY.png" style="width: 55px;" alt="cat-icon"><img loading="lazy" class="cat-icon-hover" src="https://api.obanana.com/images/storage/web_images/1705280002759-Heavy Equipments.png" style="width: 55px;" alt="cat-icon"></div>
                                 <div class="cat-desc"><span>Heavy Equipment</span><span></span></div>
                             </a></li>
                     </ul>
@@ -791,7 +798,7 @@ if ($_SESSION["userId"] <> "") {
                         <!-- 1st Category tab end -->
                         <div class="tab-pane fade show active" id="tab-cat-1">
                             <div class="row">
-                                <img src="https://api.obanana.com/images/storage/web_images/1704437307503-Electronics.png" alt="" />
+                                <img loading="lazy" src="https://api.obanana.com/images/storage/web_images/1704437307503-Electronics.png" alt="" />
                             </div>
                             <span class="panel-overlay">
                                 <a href="search_product_action.php?category=Electronics" class="btn btn-primary">View All</a>
@@ -800,7 +807,7 @@ if ($_SESSION["userId"] <> "") {
                         <!-- 1st Category tab end -->
                         <div class="tab-pane fade" id="tab-cat-2">
                             <div class="row">
-                                <img src="https://api.obanana.com/images/storage/web_images/1704437379904-Smarthome.png" alt="" />
+                                <img loading="lazy" src="https://api.obanana.com/images/storage/web_images/1704437379904-Smarthome.png" alt="" />
                             </div>
                             <span class="panel-overlay">
                                 <a href="search_product_action.php?category=Smart Home" class="btn btn-primary">View All</a>
@@ -810,7 +817,7 @@ if ($_SESSION["userId"] <> "") {
                         <!-- 3rd Category tab start -->
                         <div class="tab-pane fade" id="tab-cat-3">
                             <div class="row">
-                                <img src="https://api.obanana.com/images/storage/web_images/1704437443706-Ebike.png" alt="" />
+                                <img loading="lazy" src="https://api.obanana.com/images/storage/web_images/1704437443706-Ebike.png" alt="" />
                             </div>
                             <span class="panel-overlay">
                                 <a href="search_product_action.php?category=E-bike" class="btn btn-primary">View All</a>
@@ -820,7 +827,7 @@ if ($_SESSION["userId"] <> "") {
                         <!-- 4th Category tab start -->
                         <div class="tab-pane fade" id="tab-cat-4">
                             <div class="row">
-                                <img src="https://api.obanana.com/images/storage/web_images/1704437503897-Heavy Equipments.png" alt="" />
+                                <img loading="lazy" src="https://api.obanana.com/images/storage/web_images/1704437503897-Heavy Equipments.png" alt="" />
                             </div>
                             <span class="panel-overlay">
                                 <a href="search_product_action.php?category=Heavy Equipment" class="btn btn-primary">View All</a>
@@ -853,7 +860,7 @@ if ($_SESSION["userId"] <> "") {
                             <div class="ec-fs-pro-inner">
                                 <div class="ec-fs-pro-image-outer col-lg-6 col-md-6 col-sm-6">
                                     <div class="ec-fs-pro-image">
-                                        <a href="shop-left-sidebar-col-4.php" class="image"><img class="main-image" src="assets/images/product-image/1_1.jpg" alt="Product" /></a>
+                                        <a href="shop-left-sidebar-col-4.php" class="image"><img loading="lazy" class="main-image" src="assets/images/product-image/1_1.jpg" alt="Product" /></a>
                                         <a href="#" class="quickview" data-link-action="quickview" title="Quick view" data-bs-toggle="modal" data-bs-target="#ec_quickview_modal"><i class="fi-rr-eye"></i></a>
                                     </div>
                                 </div>
@@ -892,7 +899,7 @@ if ($_SESSION["userId"] <> "") {
                             <div class="ec-fs-pro-inner">
                                 <div class="ec-fs-pro-image-outer col-lg-6 col-md-6 col-sm-6">
                                     <div class="ec-fs-pro-image">
-                                        <a href="shop-left-sidebar-col-4.php" class="image"><img class="main-image" src="assets/images/product-image/3_1.jpg" alt="Product" /></a>
+                                        <a href="shop-left-sidebar-col-4.php" class="image"><img loading="lazy" class="main-image" src="assets/images/product-image/3_1.jpg" alt="Product" /></a>
                                         <a href="#" class="quickview" data-link-action="quickview" title="Quick view" data-bs-toggle="modal" data-bs-target="#ec_quickview_modal"><i class="fi-rr-eye"></i></a>
                                     </div>
                                 </div>
@@ -944,7 +951,7 @@ if ($_SESSION["userId"] <> "") {
                             <div class="ec-fs-pro-inner">
                                 <div class="ec-fs-pro-image-outer col-lg-6 col-md-6 col-sm-6">
                                     <div class="ec-fs-pro-image">
-                                        <a href="shop-left-sidebar-col-4.php" class="image"><img class="main-image" src="assets/images/product-image/8_1.jpg" alt="Product" /></a>
+                                        <a href="shop-left-sidebar-col-4.php" class="image"><img loading="lazy" class="main-image" src="assets/images/product-image/8_1.jpg" alt="Product" /></a>
                                         <a href="#" class="quickview" data-link-action="quickview" title="Quick view" data-bs-toggle="modal" data-bs-target="#ec_quickview_modal"><i class="fi-rr-eye"></i></a>
                                     </div>
                                 </div>
@@ -982,7 +989,7 @@ if ($_SESSION["userId"] <> "") {
                             <div class="ec-fs-pro-inner">
                                 <div class="ec-fs-pro-image-outer col-lg-6 col-md-6 col-sm-6">
                                     <div class="ec-fs-pro-image">
-                                        <a href="shop-left-sidebar-col-4.php" class="image"><img class="main-image" src="assets/images/product-image/10_1.jpg" alt="Product" /></a>
+                                        <a href="shop-left-sidebar-col-4.php" class="image"><img loading="lazy" class="main-image" src="assets/images/product-image/10_1.jpg" alt="Product" /></a>
                                         <a href="#" class="quickview" data-link-action="quickview" title="Quick view" data-bs-toggle="modal" data-bs-target="#ec_quickview_modal"><i class="fi-rr-eye"></i></a>
                                     </div>
                                 </div>
@@ -1060,18 +1067,18 @@ if ($_SESSION["userId"] <> "") {
                                         if (!empty($image_urls)) {
                                             $first_image_url = trim($image_urls[0]);
                                     ?>
-                                            <img src="<?php echo $vendor['vendor_image']; ?>" alt="vendor img" style="width: 100%; height: 100%; object-fit: cover;" />
+                                            <img loading="lazy" src="<?php echo $vendor['vendor_image']; ?>" alt="vendor img" style="width: 100%; height: 100%; object-fit: cover;" />
                                         <?php
                                         }
                                     } else {
                                         ?>
-                                            <img alt="vendor img" style="width: 100%; height: 100%; object-fit: cover;" src="https://api.obanana.com/images/storage/web_images/1709002636671-viber_image_2024-02-22_15-54-42-498.png" />
+                                            <img loading="lazy" alt="vendor img" style="width: 100%; height: 100%; object-fit: cover;" src="https://api.obanana.com/images/storage/web_images/1709002636671-viber_image_2024-02-22_15-54-42-498.png" />
                                     <?php
                                     }
                                     ?>
-                                            <!-- <img src="<?php echo $vendor['vendor_image']; ?>" alt="vendor img" style="width: 100%; height: 100%; object-fit: cover;"> -->
+                                            <!-- <img loading="lazy" src="<?php echo $vendor['vendor_image']; ?>" alt="vendor img" style="width: 100%; height: 100%; object-fit: cover;"> -->
                                     
-                                            <!-- <img alt="vendor img" style="width: 100%; height: 100%; object-fit: cover;" src="https://api.obanana.com/images/storage/web_images/1709002636671-viber_image_2024-02-22_15-54-42-498.png" /> -->
+                                            <!-- <img loading="lazy" alt="vendor img" style="width: 100%; height: 100%; object-fit: cover;" src="https://api.obanana.com/images/storage/web_images/1709002636671-viber_image_2024-02-22_15-54-42-498.png" /> -->
                                       
                                 </div>
                                 <div class="ec-vendor-info">
@@ -1102,7 +1109,7 @@ if ($_SESSION["userId"] <> "") {
                                 <!-- raymart added style feb 26 2024 -->
                                     <div class="ec-prod-img" style="max-width: 140px; height: 150px;">
                                     <!-- <div class="ec-prod-img"> -->
-                                        <a href="product-left-sidebar.php?id=<?php echo $product["_id"]; ?>"><img src="<?php echo $product['product_image']; ?>" alt="product img"></a>
+                                        <a href="product-left-sidebar.php?id=<?php echo $product["_id"]; ?>"><img loading="lazy" src="<?php echo $product['product_image']; ?>" alt="product img"></a>
                                     </div>
                                 <?php } ?>
                             </div>
@@ -1180,7 +1187,7 @@ if ($_SESSION["userId"] <> "") {
                 <div class="col-xl-6 col-lg-7 col-md-7 col-sm-7 align-self-center ec-offer-content">
                     <h2 class="ec-offer-title">Sunglasses</h2>
                     <h3 class="ec-offer-stitle" data-animation="slideInDown">Super Offer</h3>
-                    <span class="ec-offer-img" data-animation="zoomIn"><img src="assets/images/offer-image/1.png" alt="offer image" /></span>
+                    <span class="ec-offer-img" data-animation="zoomIn"><img loading="lazy" src="assets/images/offer-image/1.png" alt="offer image" /></span>
                     <span class="ec-offer-desc">Acetate Frame Sunglasses</span>
                     <span class="ec-offer-price">$40.00 Only</span>
                     <a class="btn btn-primary" href="shop-left-sidebar-col-4.php" data-animation="zoomIn">Shop Now</a>
@@ -1189,7 +1196,7 @@ if ($_SESSION["userId"] <> "") {
         </div>
     </section> -->
     <section class="section section-space-p section-space-m" style="display: flex; align-items: center; justify-content: center; position: relative;">
-        <img src="https://api.obanana.com/images/storage/web_images/1706766307254-Powerbank Collection Banner (1).png" alt="" style="width: 100%; height: 100%; object-fit: cover;" />
+        <img loading="lazy" src="https://api.obanana.com/images/storage/web_images/1706766307254-Powerbank Collection Banner (1).png" alt="" style="width: 100%; height: 100%; object-fit: cover;" />
         <a href="search_product_action.php?category=Powerbank" class="btn btn-primary" style="position: absolute; z-index: 1; top: 15%; left: 3%;">Buy Now</a>
     </section>
 
@@ -1229,9 +1236,9 @@ if ($_SESSION["userId"] <> "") {
                         $vendorOfProduct = getVendorbyId($newArrival[$pid]['vendor_api_id']);
                 ?>
                         <div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 mb-6  ec-product-content" data-animation="flipInY">
-                            <div class="ec-product-inner" style="width: 260px;">
+                            <div class="ec-product-inner">
                                 <!-- raymart added style feb 26 2024 -->
-                                <div class="ec-pro-image-outer">
+                                <div class="ec-pro-image-outer" style="max-width: 290px; height: 350px;">
                                 <!-- <div class="ec-pro-image-outer"> -->
                                     <div class="ec-pro-image">
                                     <a href="product-left-sidebar.php?id=<?php echo $newArrival[$pid]["_id"]; ?>">
@@ -1242,19 +1249,19 @@ if ($_SESSION["userId"] <> "") {
                                                 if (!empty($image_urls)) {
                                                     $first_image_url = trim($image_urls[0]);
                                             ?>
-                                                    <img class="main-image" src="<?php echo $first_image_url; ?>" alt="edit" style="border: 1px solid #eeeeee; height: 280px;" />
+                                                    <img loading="lazy" class="main-image" src="<?php echo $first_image_url; ?>" alt="edit" style="border: 1px solid #eeeeee; height: 330px; object-fit: cover;" />
                                                 <?php
                                                 }
                                             } else {
                                                 ?>
-                                                <img class="hover-image" src="https://api.obanana.com/images/storage/web_images/1709002636671-viber_image_2024-02-22_15-54-42-498.png" alt="edit" />
+                                                <img loading="lazy" class="hover-image" src="https://api.obanana.com/images/storage/web_images/1709002636671-viber_image_2024-02-22_15-54-42-498.png" alt="edit" />
                                             <?php
                                             }
                                             ?>
                                     </a>
                                         <!-- <a href="product-left-sidebar.php?id=<?php echo $newArrival[$pid]["_id"]; ?>" class="image">
-                                            <img class="main-image" src="<?php echo $newArrival[$pid]["product_image"] ?>" alt="Product" />
-                                            <img class="hover-image" src="<?php echo $newArrival[$pid]["product_image"] ?>" alt="Product" />
+                                            <img loading="lazy" class="main-image" src="<?php echo $newArrival[$pid]["product_image"] ?>" alt="Product" />
+                                            <img loading="lazy" class="hover-image" src="<?php echo $newArrival[$pid]["product_image"] ?>" alt="Product" />
                                         </a> -->
                                         <!-- raymart edit action feb 14 2024 -->
                                         <div class="ec-pro-actions"style="bottom: -36px;">
@@ -1358,7 +1365,7 @@ if ($_SESSION["userId"] <> "") {
                         <li class="ec-test-item">
                             <i class="fi-rr-quote-right top"></i>
                             <div class="ec-test-inner">
-                                <div class="ec-test-img"><img alt="testimonial" title="testimonial" src="assets/images/testimonial/1.jpg" /></div>
+                                <div class="ec-test-img"><img loading="lazy" alt="testimonial" title="testimonial" src="assets/images/testimonial/1.jpg" /></div>
                                 <div class="ec-test-content">
                                     <div class="ec-test-desc">Lorem Ipsum is simply dummy text of the printing and
                                         typesetting industry. Lorem Ipsum has been the industry's standard dummy text
@@ -1380,7 +1387,7 @@ if ($_SESSION["userId"] <> "") {
                         <li class="ec-test-item ">
                             <i class="fi-rr-quote-right top"></i>
                             <div class="ec-test-inner">
-                                <div class="ec-test-img"><img alt="testimonial" title="testimonial" src="assets/images/testimonial/2.jpg" /></div>
+                                <div class="ec-test-img"><img loading="lazy" alt="testimonial" title="testimonial" src="assets/images/testimonial/2.jpg" /></div>
                                 <div class="ec-test-content">
                                     <div class="ec-test-desc">Lorem Ipsum is simply dummy text of the printing and
                                         typesetting industry. Lorem Ipsum has been the industry's standard dummy text
@@ -1402,7 +1409,7 @@ if ($_SESSION["userId"] <> "") {
                         <li class="ec-test-item">
                             <i class="fi-rr-quote-right top"></i>
                             <div class="ec-test-inner">
-                                <div class="ec-test-img"><img alt="testimonial" title="testimonial" src="assets/images/testimonial/3.jpg" /></div>
+                                <div class="ec-test-img"><img loading="lazy" alt="testimonial" title="testimonial" src="assets/images/testimonial/3.jpg" /></div>
                                 <div class="ec-test-content">
                                     <div class="ec-test-desc">Lorem Ipsum is simply dummy text of the printing and
                                         typesetting industry. Lorem Ipsum has been the industry's standard dummy text
@@ -1436,28 +1443,28 @@ if ($_SESSION["userId"] <> "") {
                 <div class="ec-brand-outer">
                     <ul id="ec-brand-slider">
                         <li class="ec-brand-item" data-animation="zoomIn">
-                            <div class="ec-brand-img"><a href="#"><img alt="brand" title="brand" src="assets/images/brand-image/1.png" /></a></div>
+                            <div class="ec-brand-img"><a href="#"><img loading="lazy" alt="brand" title="brand" src="assets/images/brand-image/1.png" /></a></div>
                         </li>
                         <li class="ec-brand-item" data-animation="zoomIn">
-                            <div class="ec-brand-img"><a href="#"><img alt="brand" title="brand" src="assets/images/brand-image/2.png" /></a></div>
+                            <div class="ec-brand-img"><a href="#"><img loading="lazy" alt="brand" title="brand" src="assets/images/brand-image/2.png" /></a></div>
                         </li>
                         <li class="ec-brand-item" data-animation="zoomIn">
-                            <div class="ec-brand-img"><a href="#"><img alt="brand" title="brand" src="assets/images/brand-image/3.png" /></a></div>
+                            <div class="ec-brand-img"><a href="#"><img loading="lazy" alt="brand" title="brand" src="assets/images/brand-image/3.png" /></a></div>
                         </li>
                         <li class="ec-brand-item" data-animation="zoomIn">
-                            <div class="ec-brand-img"><a href="#"><img alt="brand" title="brand" src="assets/images/brand-image/4.png" /></a></div>
+                            <div class="ec-brand-img"><a href="#"><img loading="lazy" alt="brand" title="brand" src="assets/images/brand-image/4.png" /></a></div>
                         </li>
                         <li class="ec-brand-item" data-animation="zoomIn">
-                            <div class="ec-brand-img"><a href="#"><img alt="brand" title="brand" src="assets/images/brand-image/5.png" /></a></div>
+                            <div class="ec-brand-img"><a href="#"><img loading="lazy" alt="brand" title="brand" src="assets/images/brand-image/5.png" /></a></div>
                         </li>
                         <li class="ec-brand-item" data-animation="zoomIn">
-                            <div class="ec-brand-img"><a href="#"><img alt="brand" title="brand" src="assets/images/brand-image/6.png" /></a></div>
+                            <div class="ec-brand-img"><a href="#"><img loading="lazy" alt="brand" title="brand" src="assets/images/brand-image/6.png" /></a></div>
                         </li>
                         <li class="ec-brand-item" data-animation="zoomIn">
-                            <div class="ec-brand-img"><a href="#"><img alt="brand" title="brand" src="assets/images/brand-image/7.png" /></a></div>
+                            <div class="ec-brand-img"><a href="#"><img loading="lazy" alt="brand" title="brand" src="assets/images/brand-image/7.png" /></a></div>
                         </li>
                         <li class="ec-brand-item" data-animation="zoomIn">
-                            <div class="ec-brand-img"><a href="#"><img alt="brand" title="brand" src="assets/images/brand-image/8.png" /></a></div>
+                            <div class="ec-brand-img"><a href="#"><img loading="lazy" alt="brand" title="brand" src="assets/images/brand-image/8.png" /></a></div>
                         </li>
                     </ul>
                 </div>
@@ -1486,46 +1493,46 @@ if ($_SESSION["userId"] <> "") {
     <!-- instagram item -->
     <!-- <div class="ec-insta-item">
                             <div class="ec-insta-inner">
-                                <a href="#" target="_blank"><img src="assets/images/instragram-image/1.jpg" alt="insta"></a>
+                                <a href="#" target="_blank"><img loading="lazy" src="assets/images/instragram-image/1.jpg" alt="insta"></a>
                             </div>
                         </div> -->
     <!-- instagram item -->
     <!-- <div class="ec-insta-item">
                             <div class="ec-insta-inner">
-                                <a href="#" target="_blank"><img src="assets/images/instragram-image/2.jpg" alt="insta"></a>
+                                <a href="#" target="_blank"><img loading="lazy" src="assets/images/instragram-image/2.jpg" alt="insta"></a>
                             </div>
                         </div> -->
     <!-- instagram item -->
     <!-- <div class="ec-insta-item">
                             <div class="ec-insta-inner">
-                                <a href="#" target="_blank"><img src="assets/images/instragram-image/3.jpg" alt="insta"></a>
+                                <a href="#" target="_blank"><img loading="lazy" src="assets/images/instragram-image/3.jpg" alt="insta"></a>
                             </div>
                         </div> -->
     <!-- instagram item -->
     <!-- <div class="ec-insta-item">
                             <div class="ec-insta-inner">
-                                <a href="#" target="_blank"><img src="assets/images/instragram-image/4.jpg" alt="insta"></a>
+                                <a href="#" target="_blank"><img loading="lazy" src="assets/images/instragram-image/4.jpg" alt="insta"></a>
                             </div>
                         </div> -->
     <!-- instagram item -->
     <!-- instagram item -->
     <!-- <div class="ec-insta-item">
                             <div class="ec-insta-inner">
-                                <a href="#" target="_blank"><img src="assets/images/instragram-image/5.jpg" alt="insta"></a>
+                                <a href="#" target="_blank"><img loading="lazy" src="assets/images/instragram-image/5.jpg" alt="insta"></a>
                             </div>
                         </div> -->
     <!-- instagram item -->
     <!-- instagram item -->
     <!-- <div class="ec-insta-item">
                             <div class="ec-insta-inner">
-                                <a href="#" target="_blank"><img src="assets/images/instragram-image/6.jpg" alt="insta"></a>
+                                <a href="#" target="_blank"><img loading="lazy" src="assets/images/instragram-image/6.jpg" alt="insta"></a>
                             </div>
                         </div> -->
     <!-- instagram item -->
     <!-- instagram item -->
     <!-- <div class="ec-insta-item">
                             <div class="ec-insta-inner">
-                                <a href="#" target="_blank"><img src="assets/images/instragram-image/7.jpg" alt="insta"></a>
+                                <a href="#" target="_blank"><img loading="lazy" src="assets/images/instragram-image/7.jpg" alt="insta"></a>
                             </div>
                         </div> -->
     <!-- instagram item -->
@@ -1549,36 +1556,36 @@ if ($_SESSION["userId"] <> "") {
                             <!-- Swiper -->
                             <div class="qty-product-cover">
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
                                 </div>
                             </div>
                             <div class="qty-nav-thumb">
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
                                 </div>
                             </div>
                         </div>
@@ -1650,7 +1657,7 @@ if ($_SESSION["userId"] <> "") {
         <div id="ec-popnews-close"><i class="ecicon eci-close"></i></div>
         <div class="row">
             <div class="col-md-6 disp-no-767">
-                <img src="../assets/images/img-1.png" alt="newsletter">
+                <img loading="lazy" src="../assets/images/img-1.png" alt="newsletter">
             </div>
             <div class="col-md-6">
                 <div id="ec-popnews-box-content">
@@ -1658,10 +1665,10 @@ if ($_SESSION["userId"] <> "") {
                     <p>Enjoy promos, discounts and more when you download, register and pay with ObananaPay.</p>
                     <div class="obpay-download">
                         <a href="https://play.google.com/store/apps/details?id=com.obanana.pay2" target="_blank">
-                            <img src="../assets/images/Playstore.jpg" alt="newsletter" style="object-fit:cover; height:45px; width:110px;">
+                            <img loading="lazy" src="../assets/images/Playstore.jpg" alt="newsletter" style="object-fit:cover; height:45px; width:110px;">
                         </a>
                         <a href="https://apps.apple.com/ph/app/obananapay/id6447606481" target="_blank">
-                            <img src="../assets/images/Appstore.jpg" alt="newsletter" style="object-fit:cover; height:45px; width:110px;">
+                            <img loading="lazy" src="../assets/images/Appstore.jpg" alt="newsletter" style="object-fit:cover; height:45px; width:110px;">
                         </a>
 
                     </div>
@@ -1671,7 +1678,7 @@ if ($_SESSION["userId"] <> "") {
     </div>
     <!-- Newsletter Modal end -->
     <!-- Footer navigation panel for responsive display -->
-    <div class="ec-nav-toolbar">
+    <!-- <div class="ec-nav-toolbar">
         <div class="container">
             <div class="ec-nav-panel">
                 <div class="ec-nav-panel-icons">
@@ -1692,12 +1699,12 @@ if ($_SESSION["userId"] <> "") {
 
             </div>
         </div>
-    </div>
+    </div> -->
     <!-- Footer navigation panel for responsive display end -->
 
     <!-- Recent Purchase Popup  -->
     <!-- <div class="recent-purchase">
-        <img src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -1717,121 +1724,6 @@ if ($_SESSION["userId"] <> "") {
     </div>
     <!-- Cart Floating Button end -->
 
-    <!-- Whatsapp -->
-    <div class="ec-style ec-right-bottom">
-        <!-- Start Floating Panel Container -->
-        <div class="ec-panel">
-            <!-- Panel Header -->
-            <div class="ec-header">
-                <strong>Need Help?</strong>
-                <p>Chat with us on WhatsApp</p>
-            </div>
-            <!-- Panel Content -->
-            <div class="ec-body">
-                <ul>
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Sahar Darya</span>
-                                    <p>Sahar left 7 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-online"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Yolduz Rafi</span>
-                                    <p>Yolduz is online</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Nargis Hawa</span>
-                                    <p>Nargis left 30 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Khadija Mehr</span>
-                                    <p>Khadija left 50 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                </ul>
-            </div>
-        </div>
-        <!--/ End Floating Panel Container -->
-        <!-- Start Right Floating Button-->
-        <div class="ec-right-bottom">
-            <div class="ec-box">
-                <div class="ec-button rotateBackward">
-                    <img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon">
-                </div>
-            </div>
-        </div>
-        <!--/ End Right Floating Button-->
-    </div>
-    <!-- Whatsapp end -->
 
     <!-- Feature tools -->
     <div class="ec-tools-sidebar-overlay"></div>
@@ -1840,7 +1732,7 @@ if ($_SESSION["userId"] <> "") {
             <h3>Features</h3>
         </div>
         <a href="#" class="ec-tools-sidebar-toggle in-out">
-            <img alt="icon" src="assets/images/common/settings.png">
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png">
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">

login.php

@@ -21,7 +21,10 @@
      <meta name="msapplication-TileImage" content="assets/images/favicon/favicon.png" />
  
      <!-- css Icon Font -->
-     <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+      <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
+        integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A=="
+        crossorigin="anonymous" referrerpolicy="no-referrer" />
  
      <!-- css All Plugins Files -->
      <link rel="stylesheet" href="assets/css/plugins/animate.css" />
@@ -59,7 +62,7 @@
                 </div>
                 <ul class="eccart-pro-items">
                     <li>
-                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
+                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy"
                                 src="assets/images/product-image/6_1.jpg" alt="product"></a>
                         <div class="ec-pro-content">
                             <a href="shop-left-sidebar-col-4.php" class="cart_pro_title">T-shirt For Women</a>
@@ -71,7 +74,7 @@
                         </div>
                     </li>
                     <li>
-                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
+                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy"
                                 src="assets/images/product-image/12_1.jpg" alt="product"></a>
                         <div class="ec-pro-content">
                             <a href="shop-left-sidebar-col-4.php" class="cart_pro_title">Women Leather Shoes</a>
@@ -83,7 +86,7 @@
                         </div>
                     </li>
                     <li>
-                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
+                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy"
                                 src="assets/images/product-image/3_1.jpg" alt="product"></a>
                         <div class="ec-pro-content">
                             <a href="shop-left-sidebar-col-4.php" class="cart_pro_title">Girls Nylon Purse</a>
@@ -235,7 +238,7 @@
     <!-- raymart remove popup feb 20 2024 -->
     <!-- Recent Purchase Popup  -->
     <!-- <div class="recent-purchase">
-        <img src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -255,129 +258,7 @@
     </div>
     <!-- Cart Floating Button end -->
 
-    <!-- Whatsapp -->
-    <div class="ec-style ec-right-bottom">
-        <!-- Start Floating Panel Container -->
-        <div class="ec-panel">
-            <!-- Panel Header -->
-            <div class="ec-header">
-                <strong>Need Help?</strong>
-                <p>Chat with us on WhatsApp</p>
-            </div>
-            <!-- Panel Content -->
-            <div class="ec-body">
-                <ul>
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266"
-                            data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img"
-                                        alt="Profile image">
-                                    <span class="ec-status-icon"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Sahar Darya</span>
-                                    <p>Sahar left 7 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266"
-                            data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img"
-                                        alt="Profile image">
-                                    <span class="ec-status-icon ec-online"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Yolduz Rafi</span>
-                                    <p>Yolduz is online</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266"
-                            data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img"
-                                        alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Nargis Hawa</span>
-                                    <p>Nargis left 30 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266"
-                            data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img"
-                                        alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Khadija Mehr</span>
-                                    <p>Khadija left 50 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                </ul>
-            </div>
-        </div>
-        <!--/ End Floating Panel Container -->
-        <!-- Start Right Floating Button-->
-        <div class="ec-right-bottom">
-            <div class="ec-box">
-                <div class="ec-button rotateBackward">
-                    <img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
-                </div>
-            </div>
-        </div>
-        <!--/ End Right Floating Button-->
-    </div>
-    <!-- Whatsapp end -->
+   
 
     <!-- Feature tools -->
     <div class="ec-tools-sidebar-overlay"></div>
@@ -386,7 +267,7 @@
             <h3>Features</h3>
         </div>
         <a href="#" class="ec-tools-sidebar-toggle in-out">
-            <img alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">

login_action.php

@@ -1,5 +1,7 @@
 <?php
     include "functions.php";
+    include "../";
+
     
     $url = $_SESSION["url"];
     $_SESSION["email"] = $_POST["name"];

more-vendors.php

@@ -33,7 +33,10 @@ $vendorSearchResult = $_SESSION["vendorSearchResult"];
     <meta name="msapplication-TileImage" content="assets/images/favicon/favicon.png" />
 
     <!-- css Icon Font -->
-    <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+     <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
+        integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A=="
+        crossorigin="anonymous" referrerpolicy="no-referrer" />
 
     <!-- css All Plugins Files -->
     <link rel="stylesheet" href="assets/css/plugins/animate.css" />
@@ -148,9 +151,9 @@ $vendorSearchResult = $_SESSION["vendorSearchResult"];
                                                     <div class="vendor-info" style="display: flex; align-items: center;">
                                                         <div class="ec-catalog-vendor" style="display: inline-block;">
                                                             <?php if (isset($vendor['vendor_image'])) : ?>
-                                                                <img src="<?php echo $vendor['vendor_image']; ?>" alt="<?php echo $vendor['user_login']; ?>" class="vendor-image" style="max-width: 100px; max-height: 100px;">
+                                                                <img loading="lazy" src="<?php echo $vendor['vendor_image']; ?>" alt="<?php echo $vendor['user_login']; ?>" class="vendor-image" style="max-width: 100px; max-height: 100px;">
                                                             <?php else : ?>
-                                                                <img src="https://api.obanana.com/images/storage/web_images/1708588564876-viber_image_2024-02-22_15-54-42-498.png" class="vendor-image-placeholder" style="max-width: 100px; max-height: 100px;">
+                                                                <img loading="lazy" src="https://api.obanana.com/images/storage/web_images/1708588564876-viber_image_2024-02-22_15-54-42-498.png" class="vendor-image-placeholder" style="max-width: 100px; max-height: 100px;">
                                                             <?php endif; ?>
                                                         </div>
                                                         <div class="vendor-details" style="display: inline-block;">
@@ -232,7 +235,7 @@ $vendorSearchResult = $_SESSION["vendorSearchResult"];
 
     <!-- Recent Purchase Popup  -->
     <div class="recent-purchase">
-        <img src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -252,121 +255,7 @@ $vendorSearchResult = $_SESSION["vendorSearchResult"];
     </div>
     <!-- Cart Floating Button end -->
 
-    <!-- Whatsapp -->
-    <div class="ec-style ec-right-bottom">
-        <!-- Start Floating Panel Container -->
-        <div class="ec-panel">
-            <!-- Panel Header -->
-            <div class="ec-header">
-                <strong>Need Help?</strong>
-                <p>Chat with us on WhatsApp</p>
-            </div>
-            <!-- Panel Content -->
-            <div class="ec-body">
-                <ul>
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Sahar Darya</span>
-                                    <p>Sahar left 7 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-online"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Yolduz Rafi</span>
-                                    <p>Yolduz is online</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Nargis Hawa</span>
-                                    <p>Nargis left 30 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Khadija Mehr</span>
-                                    <p>Khadija left 50 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                </ul>
-            </div>
-        </div>
-        <!--/ End Floating Panel Container -->
-        <!-- Start Right Floating Button-->
-        <div class="ec-right-bottom">
-            <div class="ec-box">
-                <div class="ec-button rotateBackward">
-                    <img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
-                </div>
-            </div>
-        </div>
-        <!--/ End Right Floating Button-->
-    </div>
-    <!-- Whatsapp end -->
+    
 
     <!-- Feature tools -->
     <div class="ec-tools-sidebar-overlay"></div>
@@ -375,7 +264,7 @@ $vendorSearchResult = $_SESSION["vendorSearchResult"];
             <h3>Features</h3>
         </div>
         <a href="#" class="ec-tools-sidebar-toggle in-out">
-            <img alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">

offer.php

@@ -22,7 +22,8 @@ if ($_SESSION["userId"] <> "") {
     <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
 
     <title>oBanana B2B - Elevate Your Business</title>
-    <meta name="keywords" content="apparel, catalog, clean, ecommerce, ecommerce HTML, electronics, fashion, html eCommerce, html store, minimal, multipurpose, multipurpose ecommerce, online store, responsive ecommerce template, shops" />
+    <meta name="keywords"
+        content="apparel, catalog, clean, ecommerce, ecommerce HTML, electronics, fashion, html eCommerce, html store, minimal, multipurpose, multipurpose ecommerce, online store, responsive ecommerce template, shops" />
     <meta name="description" content="Best ecommerce html template for single and multi vendor store.">
     <meta name="author" content="ashishmaraviya">
 
@@ -33,6 +34,12 @@ if ($_SESSION["userId"] <> "") {
 
     <!-- css Icon Font -->
     <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
+        integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A=="
+        crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
+        integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A=="
+        crossorigin="anonymous" referrerpolicy="no-referrer" />
 
     <!-- css All Plugins Files -->
     <link rel="stylesheet" href="assets/css/plugins/animate.css" />
@@ -49,22 +56,22 @@ if ($_SESSION["userId"] <> "") {
     <!-- Background css -->
     <link rel="stylesheet" id="bg-switcher-css" href="assets/css/backgrounds/bg-4.css">
     <script>
-        function updateCartItemCount() {
-            $.get("cartitems.php?id=<?php echo $_SESSION['customerId']; ?>", function(data, status) {
-                if (data != "") {
-                    console.log("Data: " + data + "\nStatus: " + status);
-                    document.getElementById("cartItemCount").innerHTML = data;
-                }
-            });
-        }
+    function updateCartItemCount() {
+        $.get("cartitems.php?id=<?php echo $_SESSION['customerId']; ?>", function(data, status) {
+            if (data != "") {
+                console.log("Data: " + data + "\nStatus: " + status);
+                document.getElementById("cartItemCount").innerHTML = data;
+            }
+        });
+    }
 
-        function updateWishItemCount() {
-            $.get("wishlistitems.php?id=<?php echo $_SESSION['customerId']; ?>", function(data) {
-                if (data != "") {
-                    document.getElementById("wishItemCount").innerHTML = data;
-                }
-            });
-        }
+    function updateWishItemCount() {
+        $.get("wishlistitems.php?id=<?php echo $_SESSION['customerId']; ?>", function(data) {
+            if (data != "") {
+                document.getElementById("wishItemCount").innerHTML = data;
+            }
+        });
+    }
     </script>
 </head>
 
@@ -115,7 +122,7 @@ if ($_SESSION["userId"] <> "") {
     <section class="labels section-space-p">
         <div class="container">
             <div class="row">
-                <img src="./assets/images/comingsoon.png" alt="">
+                <img loading="lazy" src="./assets/images/comingsoon.png" alt="">
             </div>
         </div>
     </section>
@@ -135,7 +142,7 @@ if ($_SESSION["userId"] <> "") {
                 <div class="col-lg-4 col-md-6 col-sm-12 col-12 margin-b-30">
                     <div class="ec-offer-coupon">
                         <div class="ec-cpn-brand">
-                            <img class="ec-brand-img" src="assets/images/offer-image/2.jpg" alt="" />
+                            <img loading="lazy" class="ec-brand-img" src="assets/images/offer-image/2.jpg" alt="" />
                         </div>
                         <div class="ec-cpn-title">
                             <h2 class="coupon-title">Get 15% off on branded Shoes</h2>
@@ -152,7 +159,7 @@ if ($_SESSION["userId"] <> "") {
                 <div class="col-lg-4 col-md-6 col-sm-12 col-12 margin-b-30">
                     <div class="ec-offer-coupon">
                         <div class="ec-cpn-brand">
-                            <img class="ec-brand-img" src="assets/images/offer-image/3.jpg" alt="" />
+                            <img loading="lazy" class="ec-brand-img" src="assets/images/offer-image/3.jpg" alt="" />
                         </div>
                         <div class="ec-cpn-title">
                             <h2 class="coupon-title">Get 30% off on branded chair</h2>
@@ -169,7 +176,7 @@ if ($_SESSION["userId"] <> "") {
                 <div class="col-lg-4 col-md-6 col-sm-12 col-12 m-auto">
                     <div class="ec-offer-coupon">
                         <div class="ec-cpn-brand">
-                            <img class="ec-brand-img" src="assets/images/offer-image/4.jpg" alt="" />
+                            <img loading="lazy" class="ec-brand-img" src="assets/images/offer-image/4.jpg" alt="" />
                         </div>
                         <div class="ec-cpn-title">
                             <h2 class="coupon-title">Get 50% off on branded Hand Bags</h2>
@@ -228,16 +235,20 @@ if ($_SESSION["userId"] <> "") {
         <div class="container">
             <div class="ec-nav-panel">
                 <div class="ec-nav-panel-icons">
-                    <a href="#ec-mobile-menu" class="navbar-toggler-btn ec-header-btn ec-side-toggle"><i class="fi-rr-menu-burger"></i></a>
+                    <a href="#ec-mobile-menu" class="navbar-toggler-btn ec-header-btn ec-side-toggle"><i
+                            class="fi-rr-menu-burger"></i></a>
                 </div>
                 <div class="ec-nav-panel-icons">
-                    <a href="#ec-side-cart" class="toggle-cart ec-header-btn ec-side-toggle"><i class="fi-rr-shopping-bag"></i><span class="ec-cart-noti ec-header-count cart-count-lable">3</span></a>
+                    <a href="#ec-side-cart" class="toggle-cart ec-header-btn ec-side-toggle"><i
+                            class="fi-rr-shopping-bag"></i><span
+                            class="ec-cart-noti ec-header-count cart-count-lable">3</span></a>
                 </div>
                 <div class="ec-nav-panel-icons">
                     <a href="index.php" class="ec-header-btn"><i class="fi-rr-home"></i></a>
                 </div>
                 <div class="ec-nav-panel-icons">
-                    <a href="wishlist.html" class="ec-header-btn"><i class="fi-rr-heart"></i><span class="ec-cart-noti">4</span></a>
+                    <a href="wishlist.html" class="ec-header-btn"><i class="fi-rr-heart"></i><span
+                            class="ec-cart-noti">4</span></a>
                 </div>
                 <div class="ec-nav-panel-icons">
                     <a href="login.php" class="ec-header-btn"><i class="fi-rr-user"></i></a>
@@ -251,7 +262,7 @@ if ($_SESSION["userId"] <> "") {
     <!-- raymart remove popup feb 20 2024 -->
     <!-- Recent Purchase Popup  -->
     <!-- <div class="recent-purchase">
-        <img src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -271,121 +282,7 @@ if ($_SESSION["userId"] <> "") {
     </div>
     <!-- Cart Floating Button end -->
 
-    <!-- Whatsapp -->
-    <div class="ec-style ec-right-bottom">
-        <!-- Start Floating Panel Container -->
-        <div class="ec-panel">
-            <!-- Panel Header -->
-            <div class="ec-header">
-                <strong>Need Help?</strong>
-                <p>Chat with us on WhatsApp</p>
-            </div>
-            <!-- Panel Content -->
-            <div class="ec-body">
-                <ul>
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Sahar Darya</span>
-                                    <p>Sahar left 7 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-online"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Yolduz Rafi</span>
-                                    <p>Yolduz is online</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Nargis Hawa</span>
-                                    <p>Nargis left 30 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Khadija Mehr</span>
-                                    <p>Khadija left 50 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                </ul>
-            </div>
-        </div>
-        <!--/ End Floating Panel Container -->
-        <!-- Start Right Floating Button-->
-        <div class="ec-right-bottom">
-            <div class="ec-box">
-                <div class="ec-button rotateBackward">
-                    <img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
-                </div>
-            </div>
-        </div>
-        <!--/ End Right Floating Button-->
-    </div>
-    <!-- Whatsapp end -->
+
 
     <!-- Feature tools -->
     <div class="ec-tools-sidebar-overlay"></div>
@@ -394,7 +291,7 @@ if ($_SESSION["userId"] <> "") {
             <h3>Features</h3>
         </div>
         <a href="#" class="ec-tools-sidebar-toggle in-out">
-            <img alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">

privacy-policy.php

@@ -17,7 +17,10 @@
      <meta name="msapplication-TileImage" content="assets/images/favicon/favicon.png" />
 
      <!-- css Icon Font -->
-     <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+      <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
+        integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A=="
+        crossorigin="anonymous" referrerpolicy="no-referrer" />
 
      <!-- css All Plugins Files -->
      <link rel="stylesheet" href="assets/css/plugins/animate.css" />
@@ -424,7 +427,7 @@
      <!-- raymart remove popup feb 20 2024 -->
      <!-- Recent Purchase Popup  -->
      <!-- <div class="recent-purchase">
-         <img src="assets/images/product-image/1.jpg" alt="payment image">
+         <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
          <div class="detail">
              <p>Someone in new just bought</p>
              <h6>stylish baby shoes</h6>
@@ -444,121 +447,7 @@
      </div>
      <!-- Cart Floating Button end -->
 
-     <!-- Whatsapp -->
-     <div class="ec-style ec-right-bottom">
-         <!-- Start Floating Panel Container -->
-         <div class="ec-panel">
-             <!-- Panel Header -->
-             <div class="ec-header">
-                 <strong>Need Help?</strong>
-                 <p>Chat with us on WhatsApp</p>
-             </div>
-             <!-- Panel Content -->
-             <div class="ec-body">
-                 <ul>
-                     <!-- Start Single Contact List -->
-                     <li>
-                         <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                             <div class="d-flex bd-highlight">
-                                 <!-- Profile Picture -->
-                                 <div class="ec-img-cont">
-                                     <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
-                                     <span class="ec-status-icon"></span>
-                                 </div>
-                                 <!-- Display Name & Last Seen -->
-                                 <div class="ec-user-info">
-                                     <span>Sahar Darya</span>
-                                     <p>Sahar left 7 mins ago</p>
-                                 </div>
-                                 <!-- Chat iCon -->
-                                 <div class="ec-chat-icon">
-                                     <i class="fa fa-whatsapp"></i>
-                                 </div>
-                             </div>
-                         </a>
-                     </li>
-                     <!--/ End Single Contact List -->
-                     <!-- Start Single Contact List -->
-                     <li>
-                         <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                             <div class="d-flex bd-highlight">
-                                 <!-- Profile Picture -->
-                                 <div class="ec-img-cont">
-                                     <img src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
-                                     <span class="ec-status-icon ec-online"></span>
-                                 </div>
-                                 <!-- Display Name & Last Seen -->
-                                 <div class="ec-user-info">
-                                     <span>Yolduz Rafi</span>
-                                     <p>Yolduz is online</p>
-                                 </div>
-                                 <!-- Chat iCon -->
-                                 <div class="ec-chat-icon">
-                                     <i class="fa fa-whatsapp"></i>
-                                 </div>
-                             </div>
-                         </a>
-                     </li>
-                     <!--/ End Single Contact List -->
-                     <!-- Start Single Contact List -->
-                     <li>
-                         <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                             <div class="d-flex bd-highlight">
-                                 <!-- Profile Picture -->
-                                 <div class="ec-img-cont">
-                                     <img src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
-                                     <span class="ec-status-icon ec-offline"></span>
-                                 </div>
-                                 <!-- Display Name & Last Seen -->
-                                 <div class="ec-user-info">
-                                     <span>Nargis Hawa</span>
-                                     <p>Nargis left 30 mins ago</p>
-                                 </div>
-                                 <!-- Chat iCon -->
-                                 <div class="ec-chat-icon">
-                                     <i class="fa fa-whatsapp"></i>
-                                 </div>
-                             </div>
-                         </a>
-                     </li>
-                     <!--/ End Single Contact List -->
-                     <!-- Start Single Contact List -->
-                     <li>
-                         <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                             <div class="d-flex bd-highlight">
-                                 <!-- Profile Picture -->
-                                 <div class="ec-img-cont">
-                                     <img src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
-                                     <span class="ec-status-icon ec-offline"></span>
-                                 </div>
-                                 <!-- Display Name & Last Seen -->
-                                 <div class="ec-user-info">
-                                     <span>Khadija Mehr</span>
-                                     <p>Khadija left 50 mins ago</p>
-                                 </div>
-                                 <!-- Chat iCon -->
-                                 <div class="ec-chat-icon">
-                                     <i class="fa fa-whatsapp"></i>
-                                 </div>
-                             </div>
-                         </a>
-                     </li>
-                     <!--/ End Single Contact List -->
-                 </ul>
-             </div>
-         </div>
-         <!--/ End Floating Panel Container -->
-         <!-- Start Right Floating Button-->
-         <div class="ec-right-bottom">
-             <div class="ec-box">
-                 <div class="ec-button rotateBackward">
-                     <img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
-                 </div>
-             </div>
-         </div>
-         <!--/ End Right Floating Button-->
-     </div>
-     <!-- Whatsapp end -->
+ 
 
      <!-- Feature tools -->
      <div class="ec-tools-sidebar-overlay"></div>
@@ -567,7 +456,7 @@
              <h3>Features</h3>
          </div>
          <a href="#" class="ec-tools-sidebar-toggle in-out">
-             <img alt="icon" src="assets/images/common/settings.png" />
+             <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
          </a>
          <div class="ec-tools-detail">
              <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">

prohibited-item.php

@@ -17,7 +17,10 @@
     <meta name="msapplication-TileImage" content="assets/images/favicon/favicon.png" />
 
     <!-- css Icon Font -->
-    <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+     <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
+        integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A=="
+        crossorigin="anonymous" referrerpolicy="no-referrer" />
 
     <!-- css All Plugins Files -->
     <link rel="stylesheet" href="assets/css/plugins/animate.css" />
@@ -294,121 +297,7 @@
     </div>
     <!-- Cart Floating Button end -->
 
-    <!-- Whatsapp -->
-    <div class="ec-style ec-right-bottom">
-        <!-- Start Floating Panel Container -->
-        <div class="ec-panel">
-            <!-- Panel Header -->
-            <div class="ec-header">
-                <strong>Need Help?</strong>
-                <p>Chat with us on WhatsApp</p>
-            </div>
-            <!-- Panel Content -->
-            <div class="ec-body">
-                <ul>
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Sahar Darya</span>
-                                    <p>Sahar left 7 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-online"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Yolduz Rafi</span>
-                                    <p>Yolduz is online</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Nargis Hawa</span>
-                                    <p>Nargis left 30 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Khadija Mehr</span>
-                                    <p>Khadija left 50 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                </ul>
-            </div>
-        </div>
-        <!--/ End Floating Panel Container -->
-        <!-- Start Right Floating Button-->
-        <div class="ec-right-bottom">
-            <div class="ec-box">
-                <div class="ec-button rotateBackward">
-                    <img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
-                </div>
-            </div>
-        </div>
-        <!--/ End Right Floating Button-->
-    </div>
-    <!-- Whatsapp end -->
+    
 
     <!-- Feature tools -->
     <div class="ec-tools-sidebar-overlay"></div>
@@ -417,7 +306,7 @@
             <h3>Features</h3>
         </div>
         <a href="#" class="ec-tools-sidebar-toggle in-out">
-            <img alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">

register.php

@@ -22,7 +22,10 @@ $_SESSION["isVendor"] = false;
     <meta name="msapplication-TileImage" content="assets/images/favicon/favicon.png" />
 
     <!-- css Icon Font -->
-    <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+     <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
+        integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A=="
+        crossorigin="anonymous" referrerpolicy="no-referrer" />
 
     <!-- css All Plugins Files -->
     <link rel="stylesheet" href="assets/css/plugins/animate.css" />
@@ -111,10 +114,7 @@ $_SESSION["isVendor"] = false;
                                     <label>Password*</label>
                                     <input type="password" name="password" placeholder="Enter your password" required />
                                 </span>
-                                <p><input type="checkbox"> I accept this Terms & Conditions and Privacy Policy</p>
-                                <span class="ec-login-wrap ec-login-fp">
-                                    <label><a href="#">Forgot Password?</a></label>
-                                </span>
+                                <p><input type="checkbox" required> I accept this Terms & Conditions and Privacy Policy </p>
                                 <span class="ec-login-wrap ec-login-btn">
                                     <button class="btn btn-primary" type="submit">Register</button>
                                 </span>
@@ -158,7 +158,7 @@ $_SESSION["isVendor"] = false;
     <!-- raymart remove popup feb 20 2024 -->
     <!-- Recent Purchase Popup  -->
     <!-- <div class="recent-purchase">
-        <img src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -178,121 +178,7 @@ $_SESSION["isVendor"] = false;
     </div>
     <!-- Cart Floating Button end -->
 
-    <!-- Whatsapp -->
-    <div class="ec-style ec-right-bottom">
-        <!-- Start Floating Panel Container -->
-        <div class="ec-panel">
-            <!-- Panel Header -->
-            <div class="ec-header">
-                <strong>Need Help?</strong>
-                <p>Chat with us on WhatsApp</p>
-            </div>
-            <!-- Panel Content -->
-            <div class="ec-body">
-                <ul>
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Sahar Darya</span>
-                                    <p>Sahar left 7 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-online"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Yolduz Rafi</span>
-                                    <p>Yolduz is online</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Nargis Hawa</span>
-                                    <p>Nargis left 30 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Khadija Mehr</span>
-                                    <p>Khadija left 50 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                </ul>
-            </div>
-        </div>
-        <!--/ End Floating Panel Container -->
-        <!-- Start Right Floating Button-->
-        <div class="ec-right-bottom">
-            <div class="ec-box">
-                <div class="ec-button rotateBackward">
-                    <img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
-                </div>
-            </div>
-        </div>
-        <!--/ End Right Floating Button-->
-    </div>
-    <!-- Whatsapp end -->
+    
 
     <!-- Feature tools -->
     <div class="ec-tools-sidebar-overlay"></div>
@@ -301,7 +187,7 @@ $_SESSION["isVendor"] = false;
             <h3>Features</h3>
         </div>
         <a href="#" class="ec-tools-sidebar-toggle in-out">
-            <img alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">

register_customer.php

@@ -25,7 +25,10 @@ $customerData = json_decode($customers, true);
      <meta name="msapplication-TileImage" content="assets/images/favicon/favicon.png" />
  
      <!-- css Icon Font -->
-     <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+      <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
+        integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A=="
+        crossorigin="anonymous" referrerpolicy="no-referrer" />
  
      <!-- css All Plugins Files -->
      <link rel="stylesheet" href="assets/css/plugins/animate.css" />
@@ -129,8 +132,7 @@ $customerData = json_decode($customers, true);
                                 </span>
                                 <span class="ec-register-wrap ec-register-half">
                                     <label>Phone Number*</label>
-                                    <input type="text" name="phonenumber" value="<?php echo $_SESSION["phone"] ?>" placeholder="Enter your phone number"
-                                        required />
+                                    <input type="text" name="phonenumber" value="+63 <?php echo $_SESSION["phone"] ?>" oninput="preventEraseInPrefix(this)" required />
                                 </span>
                                 <span class="ec-register-wrap ec-register-btn">
                                     <?php
@@ -153,6 +155,25 @@ $customerData = json_decode($customers, true);
             </div>
         </div>
     </section>
+
+    <script>
+           
+        function preventEraseInPrefix(input) { /* edit details */
+            
+            var numericValue = input.value.replace(/\D/g, '');
+                if (numericValue.startsWith('63')) {
+                    input.value = "+63 " + numericValue.substring(2);
+                } else {
+                    input.value = "+63 " + numericValue;
+                }
+
+        if (input.value.length > 14) {
+            input.value = input.value.slice(0, 14);
+        }       
+
+        }
+            
+    </script>
     <!-- End Register -->
 
     <!-- Footer Start -->
@@ -192,7 +213,7 @@ $customerData = json_decode($customers, true);
     <!-- raymart remove popup feb 20 2024 -->
     <!-- Recent Purchase Popup  -->
     <!-- <div class="recent-purchase">
-        <img src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -212,129 +233,7 @@ $customerData = json_decode($customers, true);
     </div>
     <!-- Cart Floating Button end -->
 
-    <!-- Whatsapp -->
-    <div class="ec-style ec-right-bottom">
-        <!-- Start Floating Panel Container -->
-        <div class="ec-panel">
-            <!-- Panel Header -->
-            <div class="ec-header">
-                <strong>Need Help?</strong>
-                <p>Chat with us on WhatsApp</p>
-            </div>
-            <!-- Panel Content -->
-            <div class="ec-body">
-                <ul>
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266"
-                            data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img"
-                                        alt="Profile image">
-                                    <span class="ec-status-icon"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Sahar Darya</span>
-                                    <p>Sahar left 7 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266"
-                            data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img"
-                                        alt="Profile image">
-                                    <span class="ec-status-icon ec-online"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Yolduz Rafi</span>
-                                    <p>Yolduz is online</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266"
-                            data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img"
-                                        alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Nargis Hawa</span>
-                                    <p>Nargis left 30 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266"
-                            data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img"
-                                        alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Khadija Mehr</span>
-                                    <p>Khadija left 50 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                </ul>
-            </div>
-        </div>
-        <!--/ End Floating Panel Container -->
-        <!-- Start Right Floating Button-->
-        <div class="ec-right-bottom">
-            <div class="ec-box">
-                <div class="ec-button rotateBackward">
-                    <img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
-                </div>
-            </div>
-        </div>
-        <!--/ End Right Floating Button-->
-    </div>
-    <!-- Whatsapp end -->
+   
 
     <!-- Feature tools -->
     <div class="ec-tools-sidebar-overlay"></div>
@@ -343,7 +242,7 @@ $customerData = json_decode($customers, true);
             <h3>Features</h3>
         </div>
         <a href="#" class="ec-tools-sidebar-toggle in-out">
-            <img alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">

register_otp.php

@@ -20,7 +20,10 @@
     <meta name="msapplication-TileImage" content="assets/images/favicon/favicon.png" />
 
     <!-- css Icon Font -->
-    <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+     <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
+        integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A=="
+        crossorigin="anonymous" referrerpolicy="no-referrer" />
 
     <!-- css All Plugins Files -->
     <link rel="stylesheet" href="assets/css/plugins/animate.css" />
@@ -161,7 +164,7 @@
     <!-- raymart remove popup feb 20 2024 -->
     <!-- Recent Purchase Popup  -->
     <!-- <div class="recent-purchase">
-        <img src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -181,121 +184,7 @@
     </div>
     <!-- Cart Floating Button end -->
 
-    <!-- Whatsapp -->
-    <div class="ec-style ec-right-bottom">
-        <!-- Start Floating Panel Container -->
-        <div class="ec-panel">
-            <!-- Panel Header -->
-            <div class="ec-header">
-                <strong>Need Help?</strong>
-                <p>Chat with us on WhatsApp</p>
-            </div>
-            <!-- Panel Content -->
-            <div class="ec-body">
-                <ul>
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Sahar Darya</span>
-                                    <p>Sahar left 7 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-online"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Yolduz Rafi</span>
-                                    <p>Yolduz is online</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Nargis Hawa</span>
-                                    <p>Nargis left 30 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Khadija Mehr</span>
-                                    <p>Khadija left 50 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                </ul>
-            </div>
-        </div>
-        <!--/ End Floating Panel Container -->
-        <!-- Start Right Floating Button-->
-        <div class="ec-right-bottom">
-            <div class="ec-box">
-                <div class="ec-button rotateBackward">
-                    <img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
-                </div>
-            </div>
-        </div>
-        <!--/ End Right Floating Button-->
-    </div>
-    <!-- Whatsapp end -->
+    
 
     <!-- Feature tools -->
     <div class="ec-tools-sidebar-overlay"></div>
@@ -304,7 +193,7 @@
             <h3>Features</h3>
         </div>
         <a href="#" class="ec-tools-sidebar-toggle in-out">
-            <img alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">

register_vendor.php

@@ -25,7 +25,10 @@ $vendorData = json_decode($vendors, true);
     <meta name="msapplication-TileImage" content="assets/images/favicon/favicon.png" />
 
     <!-- css Icon Font -->
-    <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+     <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
+        integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A=="
+        crossorigin="anonymous" referrerpolicy="no-referrer" />
 
     <!-- css All Plugins Files -->
     <link rel="stylesheet" href="assets/css/plugins/animate.css" />
@@ -144,7 +147,7 @@ $vendorData = json_decode($vendors, true);
                             </span>
                             <span class="ec-register-wrap ec-register-half">
                                 <label>Phone Number*</label>
-                                <input type="text" name="phonenumber" value="<?php echo $vendorData['phone'] ?>" placeholder="Enter your phone number" required />
+                                <input type="text" name="phonenumber" value="+63 <?php echo $vendorData['phone'] ?>" oninput="preventEraseInPrefix(this)" required />
                             </span>
 
                             <!-- <span class="ec-register-wrap">
@@ -224,6 +227,25 @@ $vendorData = json_decode($vendors, true);
         </div>
         </div>
     </section>
+
+    <script>
+           
+        function preventEraseInPrefix(input) { /* edit details */
+            
+            var numericValue = input.value.replace(/\D/g, '');
+                if (numericValue.startsWith('63')) {
+                    input.value = "+63 " + numericValue.substring(2);
+                } else {
+                    input.value = "+63 " + numericValue;
+                }
+
+        if (input.value.length > 14) {
+            input.value = input.value.slice(0, 14);
+        }       
+
+        }
+            
+    </script>
     <!-- End Register -->
 
     <!-- Footer Start -->
@@ -259,7 +281,7 @@ $vendorData = json_decode($vendors, true);
     <!-- raymart remove popup feb 20 2024 -->
     <!-- Recent Purchase Popup  -->
     <!-- <div class="recent-purchase">
-        <img src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -279,121 +301,7 @@ $vendorData = json_decode($vendors, true);
     </div>
     <!-- Cart Floating Button end -->
 
-    <!-- Whatsapp -->
-    <div class="ec-style ec-right-bottom">
-        <!-- Start Floating Panel Container -->
-        <div class="ec-panel">
-            <!-- Panel Header -->
-            <div class="ec-header">
-                <strong>Need Help?</strong>
-                <p>Chat with us on WhatsApp</p>
-            </div>
-            <!-- Panel Content -->
-            <div class="ec-body">
-                <ul>
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Sahar Darya</span>
-                                    <p>Sahar left 7 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-online"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Yolduz Rafi</span>
-                                    <p>Yolduz is online</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Nargis Hawa</span>
-                                    <p>Nargis left 30 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Khadija Mehr</span>
-                                    <p>Khadija left 50 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                </ul>
-            </div>
-        </div>
-        <!--/ End Floating Panel Container -->
-        <!-- Start Right Floating Button-->
-        <div class="ec-right-bottom">
-            <div class="ec-box">
-                <div class="ec-button rotateBackward">
-                    <img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
-                </div>
-            </div>
-        </div>
-        <!--/ End Right Floating Button-->
-    </div>
-    <!-- Whatsapp end -->
+    
 
     <!-- Feature tools -->
     <div class="ec-tools-sidebar-overlay"></div>
@@ -402,7 +310,7 @@ $vendorData = json_decode($vendors, true);
             <h3>Features</h3>
         </div>
         <a href="#" class="ec-tools-sidebar-toggle in-out">
-            <img alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">

same_day_delivery_old.php

@@ -32,7 +32,10 @@ if ($_SESSION["userId"] <> "") {
     <meta name="msapplication-TileImage" content="assets/images/favicon/favicon.png" />
 
     <!-- css Icon Font -->
-    <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+     <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
+        integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A=="
+        crossorigin="anonymous" referrerpolicy="no-referrer" />
 
     <!-- css All Plugins Files -->
     <link rel="stylesheet" href="assets/css/plugins/animate.css" />
@@ -112,7 +115,7 @@ if ($_SESSION["userId"] <> "") {
     <section class="labels section-space-p">
         <div class="container">
             <div class="row">
-                <img src="./assets/images/comingsoon.png" alt="">
+                <img loading="lazy" src="./assets/images/comingsoon.png" alt="">
             </div>
         </div>
     </section>
@@ -132,7 +135,7 @@ if ($_SESSION["userId"] <> "") {
                 <div class="col-lg-4 col-md-6 col-sm-12 col-12 margin-b-30">
                     <div class="ec-offer-coupon">
                         <div class="ec-cpn-brand">
-                            <img class="ec-brand-img" src="assets/images/offer-image/2.jpg" alt="" />
+                            <img loading="lazy" class="ec-brand-img" src="assets/images/offer-image/2.jpg" alt="" />
                         </div>
                         <div class="ec-cpn-title">
                             <h2 class="coupon-title">Get 15% off on branded Shoes</h2>
@@ -149,7 +152,7 @@ if ($_SESSION["userId"] <> "") {
                 <div class="col-lg-4 col-md-6 col-sm-12 col-12 margin-b-30">
                     <div class="ec-offer-coupon">
                         <div class="ec-cpn-brand">
-                            <img class="ec-brand-img" src="assets/images/offer-image/3.jpg" alt="" />
+                            <img loading="lazy" class="ec-brand-img" src="assets/images/offer-image/3.jpg" alt="" />
                         </div>
                         <div class="ec-cpn-title">
                             <h2 class="coupon-title">Get 30% off on branded chair</h2>
@@ -166,7 +169,7 @@ if ($_SESSION["userId"] <> "") {
                 <div class="col-lg-4 col-md-6 col-sm-12 col-12 m-auto">
                     <div class="ec-offer-coupon">
                         <div class="ec-cpn-brand">
-                            <img class="ec-brand-img" src="assets/images/offer-image/4.jpg" alt="" />
+                            <img loading="lazy" class="ec-brand-img" src="assets/images/offer-image/4.jpg" alt="" />
                         </div>
                         <div class="ec-cpn-title">
                             <h2 class="coupon-title">Get 50% off on branded Hand Bags</h2>
@@ -248,7 +251,7 @@ if ($_SESSION["userId"] <> "") {
     <!-- raymart remove popup feb 20 2024 -->
     <!-- Recent Purchase Popup  -->
     <!-- <div class="recent-purchase">
-        <img src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -268,121 +271,7 @@ if ($_SESSION["userId"] <> "") {
     </div>
     <!-- Cart Floating Button end -->
 
-    <!-- Whatsapp -->
-    <div class="ec-style ec-right-bottom">
-        <!-- Start Floating Panel Container -->
-        <div class="ec-panel">
-            <!-- Panel Header -->
-            <div class="ec-header">
-                <strong>Need Help?</strong>
-                <p>Chat with us on WhatsApp</p>
-            </div>
-            <!-- Panel Content -->
-            <div class="ec-body">
-                <ul>
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Sahar Darya</span>
-                                    <p>Sahar left 7 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-online"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Yolduz Rafi</span>
-                                    <p>Yolduz is online</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Nargis Hawa</span>
-                                    <p>Nargis left 30 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Khadija Mehr</span>
-                                    <p>Khadija left 50 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                </ul>
-            </div>
-        </div>
-        <!--/ End Floating Panel Container -->
-        <!-- Start Right Floating Button-->
-        <div class="ec-right-bottom">
-            <div class="ec-box">
-                <div class="ec-button rotateBackward">
-                    <img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
-                </div>
-            </div>
-        </div>
-        <!--/ End Right Floating Button-->
-    </div>
-    <!-- Whatsapp end -->
+    
 
     <!-- Feature tools -->
     <div class="ec-tools-sidebar-overlay"></div>
@@ -391,7 +280,7 @@ if ($_SESSION["userId"] <> "") {
             <h3>Features</h3>
         </div>
         <a href="#" class="ec-tools-sidebar-toggle in-out">
-            <img alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">

search_product_action.php

@@ -9,23 +9,25 @@
     // header("location: shop-list-left-sidebar.php");
 
 
-
     if(isset($_GET["category"])) {
-        $category = $_GET["category"];
-        // You can use $category in your searchProducts function to filter results based on the category
-        $result = searchProducts( $category);
+        // $category = $_GET["category"];
+        // // You can use $category in your searchProducts function to filter results based on the category
+        // $result = searchProducts( $category);
+        $search = $_GET["category"];
     } else {
-        $result = searchProducts($_GET["searchText"]);
-        $result2 = searchVendor($_GET["searchText"]);
+        // $result = searchProducts($_GET["searchText"]);
+        // $result2 = searchVendor($_GET["searchText"]);
+        $search = $_GET["searchText"];
     }
 
-    $array = json_decode($result,true);
-    $array2 = json_decode($result2,true);
+    // $array = json_decode($result,true);
+    // $array2 = json_decode($result2,true);
 
-    $_SESSION["productSearchResult"] = $array;
-    $_SESSION["vendorSearchResult"] = $array2;
+    // $_SESSION["productSearchResult"] = $array;
+    // $_SESSION["vendorSearchResult"] = $array2;
+
+    header("location: shop-list-left-sidebar.php?search=".$search);
 
-    header("location: shop-list-left-sidebar.php");
 
 
     // if (isset($_GET["category"])) {

shop-left-sidebar-col-4.php

@@ -28,7 +28,10 @@
      <meta name="msapplication-TileImage" content="assets/images/favicon/favicon.png" />
  
      <!-- css Icon Font -->
-     <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+      <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
+        integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A=="
+        crossorigin="anonymous" referrerpolicy="no-referrer" />
  
      <!-- css All Plugins Files -->
      <link rel="stylesheet" href="assets/css/plugins/animate.css" />
@@ -67,7 +70,7 @@
                 </div>
                 <ul class="eccart-pro-items">
                     <li>
-                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
+                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy"
                                 src="assets/images/product-image/6_1.jpg" alt="product"></a>
                         <div class="ec-pro-content">
                             <a href="shop-left-sidebar-col-4.php" class="cart_pro_title">T-shirt For Women</a>
@@ -79,7 +82,7 @@
                         </div>
                     </li>
                     <li>
-                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
+                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy"
                                 src="assets/images/product-image/12_1.jpg" alt="product"></a>
                         <div class="ec-pro-content">
                             <a href="shop-left-sidebar-col-4.php" class="cart_pro_title">Women Leather Shoes</a>
@@ -91,7 +94,7 @@
                         </div>
                     </li>
                     <li>
-                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
+                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy"
                                 src="assets/images/product-image/3_1.jpg" alt="product"></a>
                         <div class="ec-pro-content">
                             <a href="shop-left-sidebar-col-4.php" class="cart_pro_title">Girls Nylon Purse</a>
@@ -194,9 +197,9 @@
                                         <div class="ec-pro-image-outer">
                                             <div class="ec-pro-image">
                                                 <a href="shop-left-sidebar-col-4.php" class="image">
-                                                    <img class="main-image"
+                                                    <img loading="lazy" class="main-image"
                                                         src="assets/images/product-image/6_1.jpg" alt="Product" />
-                                                    <img class="hover-image"
+                                                    <img loading="lazy" class="hover-image"
                                                         src="assets/images/product-image/6_2.jpg" alt="Product" />
                                                 </a>
                                                 <span class="percentage">20%</span>
@@ -262,9 +265,9 @@
                                         <div class="ec-pro-image-outer">
                                             <div class="ec-pro-image">
                                                 <a href="shop-left-sidebar-col-4.php" class="image">
-                                                    <img class="main-image"
+                                                    <img loading="lazy" class="main-image"
                                                         src="assets/images/product-image/7_1.jpg" alt="Product" />
-                                                    <img class="hover-image"
+                                                    <img loading="lazy" class="hover-image"
                                                         src="assets/images/product-image/7_2.jpg" alt="Product" />
                                                 </a>
                                                 <span class="flags">
@@ -330,9 +333,9 @@
                                         <div class="ec-pro-image-outer">
                                             <div class="ec-pro-image">
                                                 <a href="shop-left-sidebar-col-4.php" class="image">
-                                                    <img class="main-image"
+                                                    <img loading="lazy" class="main-image"
                                                         src="assets/images/product-image/1_1.jpg" alt="Product" />
-                                                    <img class="hover-image"
+                                                    <img loading="lazy" class="hover-image"
                                                         src="assets/images/product-image/1_2.jpg" alt="Product" />
                                                 </a>
                                                 <a href="#" class="quickview" data-link-action="quickview"
@@ -398,9 +401,9 @@
                                         <div class="ec-pro-image-outer">
                                             <div class="ec-pro-image">
                                                 <a href="shop-left-sidebar-col-4.php" class="image">
-                                                    <img class="main-image"
+                                                    <img loading="lazy" class="main-image"
                                                         src="assets/images/product-image/2_1.jpg" alt="Product" />
-                                                    <img class="hover-image"
+                                                    <img loading="lazy" class="hover-image"
                                                         src="assets/images/product-image/2_2.jpg" alt="Product" />
                                                 </a>
                                                 <span class="flags">
@@ -452,9 +455,9 @@
                                         <div class="ec-pro-image-outer">
                                             <div class="ec-pro-image">
                                                 <a href="shop-left-sidebar-col-4.php" class="image">
-                                                    <img class="main-image"
+                                                    <img loading="lazy" class="main-image"
                                                         src="assets/images/product-image/3_1.jpg" alt="Product" />
-                                                    <img class="hover-image"
+                                                    <img loading="lazy" class="hover-image"
                                                         src="assets/images/product-image/3_2.jpg" alt="Product" />
                                                 </a>
                                                 <span class="flags">
@@ -516,9 +519,9 @@
                                         <div class="ec-pro-image-outer">
                                             <div class="ec-pro-image">
                                                 <a href="shop-left-sidebar-col-4.php" class="image">
-                                                    <img class="main-image"
+                                                    <img loading="lazy" class="main-image"
                                                         src="assets/images/product-image/4_1.jpg" alt="Product" />
-                                                    <img class="hover-image"
+                                                    <img loading="lazy" class="hover-image"
                                                         src="assets/images/product-image/4_2.jpg" alt="Product" />
                                                 </a>
                                                 <a href="#" class="quickview" data-link-action="quickview"
@@ -578,9 +581,9 @@
                                         <div class="ec-pro-image-outer">
                                             <div class="ec-pro-image">
                                                 <a href="shop-left-sidebar-col-4.php" class="image">
-                                                    <img class="main-image"
+                                                    <img loading="lazy" class="main-image"
                                                         src="assets/images/product-image/5_1.jpg" alt="Product" />
-                                                    <img class="hover-image"
+                                                    <img loading="lazy" class="hover-image"
                                                         src="assets/images/product-image/5_2.jpg" alt="Product" />
                                                 </a>
                                                 <span class="flags">
@@ -645,9 +648,9 @@
                                         <div class="ec-pro-image-outer">
                                             <div class="ec-pro-image">
                                                 <a href="shop-left-sidebar-col-4.php" class="image">
-                                                    <img class="main-image"
+                                                    <img loading="lazy" class="main-image"
                                                         src="assets/images/product-image/8_1.jpg" alt="Product" />
-                                                    <img class="hover-image"
+                                                    <img loading="lazy" class="hover-image"
                                                         src="assets/images/product-image/8_2.jpg" alt="Product" />
                                                 </a>
                                                 <span class="percentage">20%</span>
@@ -933,36 +936,36 @@
                             <!-- Swiper -->
                             <div class="qty-product-cover">
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
                                 </div>
                             </div>
                             <div class="qty-nav-thumb">
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
                                 </div>
                             </div>
                         </div>
@@ -1060,7 +1063,7 @@
     <!-- raymart remove popup feb 20 2024 -->
     <!-- Recent Purchase Popup  -->
     <!-- <div class="recent-purchase">
-        <img src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -1080,129 +1083,7 @@
     </div>
     <!-- Cart Floating Button end -->
 
-    <!-- Whatsapp -->
-    <div class="ec-style ec-right-bottom">
-        <!-- Start Floating Panel Container -->
-        <div class="ec-panel">
-            <!-- Panel Header -->
-            <div class="ec-header">
-                <strong>Need Help?</strong>
-                <p>Chat with us on WhatsApp</p>
-            </div>
-            <!-- Panel Content -->
-            <div class="ec-body">
-                <ul>
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266"
-                            data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img"
-                                        alt="Profile image">
-                                    <span class="ec-status-icon"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Sahar Darya</span>
-                                    <p>Sahar left 7 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266"
-                            data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img"
-                                        alt="Profile image">
-                                    <span class="ec-status-icon ec-online"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Yolduz Rafi</span>
-                                    <p>Yolduz is online</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266"
-                            data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img"
-                                        alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Nargis Hawa</span>
-                                    <p>Nargis left 30 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266"
-                            data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img"
-                                        alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Khadija Mehr</span>
-                                    <p>Khadija left 50 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                </ul>
-            </div>
-        </div>
-        <!--/ End Floating Panel Container -->
-        <!-- Start Right Floating Button-->
-        <div class="ec-right-bottom">
-            <div class="ec-box">
-                <div class="ec-button rotateBackward">
-                    <img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
-                </div>
-            </div>
-        </div>
-        <!--/ End Right Floating Button-->
-    </div>
-    <!-- Whatsapp end -->
+   
 
     <!-- Feature tools -->
     <div class="ec-tools-sidebar-overlay"></div>
@@ -1212,7 +1093,7 @@
                 <h3>Features</h3>
             </div>
             <a href="#" class="ec-tools-sidebar-toggle in-out">
-                <img alt="icon" src="assets/images/common/settings.png" />
+                <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
             </a>
             <div class="ec-tools-detail">
                 <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">

shop-list-left-sidebar-test.php

@@ -104,7 +104,10 @@ if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['cate
     <meta name="msapplication-TileImage" content="assets/images/favicon/favicon.png" />
 
     <!-- css Icon Font -->
-    <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+     <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
+        integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A=="
+        crossorigin="anonymous" referrerpolicy="no-referrer" />
 
     <!-- css All Plugins Files -->
     <link rel="stylesheet" href="assets/css/plugins/animate.css" />
@@ -247,9 +250,9 @@ if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['cate
                                                         <div class="vendor-info" style="display: flex; align-items: center;">
                                                             <div class="ec-catalog-vendor" style="display: inline-block;">
                                                                 <?php if (isset($vendor['vendor_image'])) : ?>
-                                                                    <img src="<?php echo $vendor['vendor_image']; ?>" alt="<?php echo $vendor['user_login']; ?>" class="vendor-image" style="max-width: 100px; max-height: 100px;">
+                                                                    <img loading="lazy" src="<?php echo $vendor['vendor_image']; ?>" alt="<?php echo $vendor['user_login']; ?>" class="vendor-image" style="max-width: 100px; max-height: 100px;">
                                                                 <?php else : ?>
-                                                                    <img src="https://api.obanana.com/images/storage/web_images/1708588564876-viber_image_2024-02-22_15-54-42-498.png" class="vendor-image-placeholder" style="max-width: 100px; max-height: 100px;">
+                                                                    <img loading="lazy" src="https://api.obanana.com/images/storage/web_images/1708588564876-viber_image_2024-02-22_15-54-42-498.png" class="vendor-image-placeholder" style="max-width: 100px; max-height: 100px;">
                                                                 <?php endif; ?>
                                                             </div>
                                                             <div class="vendor-details" style="display: inline-block;">
@@ -322,19 +325,19 @@ if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['cate
                                                                 if (!empty($image_urls)) {
                                                                     $first_image_url = trim($image_urls[0]);
                                                             ?>
-                                                                    <img style="width: 290px; height: 200px; object-fit: cover;" class="main-image" src="<?php echo $first_image_url; ?>" alt="edit" />
+                                                                    <img loading="lazy" style="width: 290px; height: 200px; object-fit: cover;" class="main-image" src="<?php echo $first_image_url; ?>" alt="edit" />
                                                                 <?php
                                                                 }
                                                             } else {
                                                                 ?>
-                                                                <img class="hover-image" src="https://api.obanana.com/images/storage/web_images/1709002636671-viber_image_2024-02-22_15-54-42-498.png" alt="edit" />
+                                                                <img loading="lazy" class="hover-image" src="https://api.obanana.com/images/storage/web_images/1709002636671-viber_image_2024-02-22_15-54-42-498.png" alt="edit" />
                                                             <?php
                                                             }
                                                             ?>
                                                     </a>
                                                     <!-- <a href="shop-left-sidebar-col-4.php" class="image">
-                                                        <img class="main-image" src="<?php echo   $product_image  ?>" alt="Product" />
-                                                        <img class="hover-image" src="<?php echo   $product_image  ?>" alt="Product" />
+                                                        <img loading="lazy" class="main-image" src="<?php echo   $product_image  ?>" alt="Product" />
+                                                        <img loading="lazy" class="hover-image" src="<?php echo   $product_image  ?>" alt="Product" />
                                                     </a> -->
                                                     <div class="ec-pro-actions">
                                                         <button title="Add To Cart" onclick="popupAddToCart(`<?php echo htmlspecialchars(json_encode($product), ENT_QUOTES, 'UTF-8'); ?>`,`<?php echo htmlspecialchars($vendorOfProduct, ENT_QUOTES, 'UTF-8'); ?>`,  `<?php echo isset($_SESSION['token']) ? $_SESSION['token'] : ''; ?>` , `<?php echo isset($_SESSION['email']) ? $_SESSION['email'] : ''; ?>` ,  `<?php echo isset($_SESSION['password']) ? $_SESSION['password'] : ''; ?>` , `<?php echo htmlspecialchars(json_encode($customer_data), ENT_QUOTES, 'UTF-8'); ?>`);" class="add-to-cart"><i class="fi-rr-shopping-basket"></i> Add To Cart</button>
@@ -653,36 +656,36 @@ if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['cate
                             <!-- Swiper -->
                             <div class="qty-product-cover">
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
                                 </div>
                             </div>
                             <div class="qty-nav-thumb">
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
                                 </div>
                             </div>
                         </div>
@@ -774,7 +777,7 @@ if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['cate
 
     <!-- Recent Purchase Popup  -->
     <div class="recent-purchase">
-        <img src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -794,121 +797,7 @@ if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['cate
     </div>
     <!-- Cart Floating Button end -->
 
-    <!-- Whatsapp -->
-    <div class="ec-style ec-right-bottom">
-        <!-- Start Floating Panel Container -->
-        <div class="ec-panel">
-            <!-- Panel Header -->
-            <div class="ec-header">
-                <strong>Need Help?</strong>
-                <p>Chat with us on WhatsApp</p>
-            </div>
-            <!-- Panel Content -->
-            <div class="ec-body">
-                <ul>
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Sahar Darya</span>
-                                    <p>Sahar left 7 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-online"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Yolduz Rafi</span>
-                                    <p>Yolduz is online</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Nargis Hawa</span>
-                                    <p>Nargis left 30 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Khadija Mehr</span>
-                                    <p>Khadija left 50 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                </ul>
-            </div>
-        </div>
-        <!--/ End Floating Panel Container -->
-        <!-- Start Right Floating Button-->
-        <div class="ec-right-bottom">
-            <div class="ec-box">
-                <div class="ec-button rotateBackward">
-                    <img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
-                </div>
-            </div>
-        </div>
-        <!--/ End Right Floating Button-->
-    </div>
-    <!-- Whatsapp end -->
+    
 
     <!-- Feature tools -->
     <div class="ec-tools-sidebar-overlay"></div>
@@ -917,7 +806,7 @@ if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['cate
             <h3>Features</h3>
         </div>
         <a href="#" class="ec-tools-sidebar-toggle in-out">
-            <img alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">

shop-list-left-sidebar2.php

@@ -33,7 +33,10 @@ if ($_SESSION["userId"] <> "") {
     <meta name="msapplication-TileImage" content="assets/images/favicon/favicon.png" />
 
     <!-- css Icon Font -->
-    <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+     <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
+        integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A=="
+        crossorigin="anonymous" referrerpolicy="no-referrer" />
 
     <!-- css All Plugins Files -->
     <link rel="stylesheet" href="assets/css/plugins/animate.css" />
@@ -50,12 +53,15 @@ if ($_SESSION["userId"] <> "") {
 
     <!-- Background css -->
     <link rel="stylesheet" id="bg-switcher-css" href="assets/css/backgrounds/bg-4.css">
+    
     <script>
         function updateCartItemCount() {
             $.get("cartitems.php?id=<?php echo $_SESSION['customerId']; ?>", function(data, status) {
                 if (data != "") {
                     console.log("Data: " + data + "\nStatus: " + status);
                     document.getElementById("cartItemCount").innerHTML = data;
+                    document.getElementById("cartNewItemCount").innerHTML = data;
+
                 }
             });
         }
@@ -64,10 +70,13 @@ if ($_SESSION["userId"] <> "") {
             $.get("wishlistitems.php?id=<?php echo $_SESSION['customerId']; ?>", function(data) {
                 if (data != "") {
                     document.getElementById("wishItemCount").innerHTML = data;
+                    document.getElementById("wishNewItemCount").innerHTML = data;
+
                 }
             });
         }
     </script>
+    
     <!-- raymart added css feb 14 2024 -->
     <style>
         .ec-product-inner .ec-pro-image .ec-pro-actions .add-to-cart {
@@ -210,17 +219,17 @@ if ($_SESSION["userId"] <> "") {
                                                                 if (!empty($image_urls)) {
                                                                     $first_image_url = trim($image_urls[0]);
                                                             ?>
-                                                                    <img class="main-image" src="<?php echo $first_image_url; ?>" alt="edit" style="border: 1px solid #eeeeee; height: 330px;" />
+                                                                    <img loading="lazy" class="main-image" src="<?php echo $first_image_url; ?>" alt="edit" style="border: 1px solid #eeeeee; height: 330px;" />
                                                                 <?php
                                                                 }
                                                             } else {
                                                                 ?>
-                                                                <img class="hover-image" src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/65/No-Image-Placeholder.svg/495px-No-Image-Placeholder.svg.png?20200912122019" alt="edit" />
+                                                                <img loading="lazy" class="hover-image" src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/65/No-Image-Placeholder.svg/495px-No-Image-Placeholder.svg.png?20200912122019" alt="edit" />
                                                             <?php
                                                             }
                                                             ?>
-                                                        <!-- <img class="main-image" src="<?php echo   $simpleProducts[$pid]["product_image"]  ?>" alt="Product" /> -->
-                                                        <!-- <img class="hover-image" src="<?php echo   $simpleProducts[$pid]["product_image"]  ?>" alt="Product" /> -->
+                                                        <!-- <img loading="lazy" class="main-image" src="<?php echo   $simpleProducts[$pid]["product_image"]  ?>" alt="Product" /> -->
+                                                        <!-- <img loading="lazy" class="hover-image" src="<?php echo   $simpleProducts[$pid]["product_image"]  ?>" alt="Product" /> -->
                                                     </a>
 
                                                     <div class="ec-pro-actions" style="bottom: -36px;">
@@ -648,36 +657,36 @@ if ($_SESSION["userId"] <> "") {
                             <!-- Swiper -->
                             <div class="qty-product-cover">
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
                                 </div>
                             </div>
                             <div class="qty-nav-thumb">
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
                                 </div>
                             </div>
                         </div>
@@ -769,7 +778,7 @@ if ($_SESSION["userId"] <> "") {
 
     <!-- Recent Purchase Popup  -->
     <!-- <div class="recent-purchase">
-        <img src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -789,121 +798,7 @@ if ($_SESSION["userId"] <> "") {
     </div>
     <!-- Cart Floating Button end -->
 
-    <!-- Whatsapp -->
-    <div class="ec-style ec-right-bottom">
-        <!-- Start Floating Panel Container -->
-        <div class="ec-panel">
-            <!-- Panel Header -->
-            <div class="ec-header">
-                <strong>Need Help?</strong>
-                <p>Chat with us on WhatsApp</p>
-            </div>
-            <!-- Panel Content -->
-            <div class="ec-body">
-                <ul>
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Sahar Darya</span>
-                                    <p>Sahar left 7 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-online"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Yolduz Rafi</span>
-                                    <p>Yolduz is online</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Nargis Hawa</span>
-                                    <p>Nargis left 30 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Khadija Mehr</span>
-                                    <p>Khadija left 50 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                </ul>
-            </div>
-        </div>
-        <!--/ End Floating Panel Container -->
-        <!-- Start Right Floating Button-->
-        <div class="ec-right-bottom">
-            <div class="ec-box">
-                <div class="ec-button rotateBackward">
-                    <img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
-                </div>
-            </div>
-        </div>
-        <!--/ End Right Floating Button-->
-    </div>
-    <!-- Whatsapp end -->
+    
 
     <!-- Feature tools -->
     <div class="ec-tools-sidebar-overlay"></div>
@@ -912,7 +807,7 @@ if ($_SESSION["userId"] <> "") {
             <h3>Features</h3>
         </div>
         <a href="#" class="ec-tools-sidebar-toggle in-out">
-            <img alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">

terms-condition.php

@@ -17,7 +17,10 @@
     <meta name="msapplication-TileImage" content="assets/images/favicon/favicon.png" />
 
     <!-- css Icon Font -->
-    <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+     <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
+        integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A=="
+        crossorigin="anonymous" referrerpolicy="no-referrer" />
 
     <!-- css All Plugins Files -->
     <link rel="stylesheet" href="assets/css/plugins/animate.css" />
@@ -450,121 +453,7 @@
     </div>
     <!-- Cart Floating Button end -->
 
-    <!-- Whatsapp -->
-    <div class="ec-style ec-right-bottom">
-        <!-- Start Floating Panel Container -->
-        <div class="ec-panel">
-            <!-- Panel Header -->
-            <div class="ec-header">
-                <strong>Need Help?</strong>
-                <p>Chat with us on WhatsApp</p>
-            </div>
-            <!-- Panel Content -->
-            <div class="ec-body">
-                <ul>
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Sahar Darya</span>
-                                    <p>Sahar left 7 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-online"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Yolduz Rafi</span>
-                                    <p>Yolduz is online</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Nargis Hawa</span>
-                                    <p>Nargis left 30 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Khadija Mehr</span>
-                                    <p>Khadija left 50 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                </ul>
-            </div>
-        </div>
-        <!--/ End Floating Panel Container -->
-        <!-- Start Right Floating Button-->
-        <div class="ec-right-bottom">
-            <div class="ec-box">
-                <div class="ec-button rotateBackward">
-                    <img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
-                </div>
-            </div>
-        </div>
-        <!--/ End Right Floating Button-->
-    </div>
-    <!-- Whatsapp end -->
+    
 
     <!-- Feature tools -->
     <div class="ec-tools-sidebar-overlay"></div>
@@ -573,7 +462,7 @@
             <h3>Features</h3>
         </div>
         <a href="#" class="ec-tools-sidebar-toggle in-out">
-            <img alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">

vendor-all-product-list.php

@@ -19,6 +19,11 @@ if ($_SESSION["userId"] <> "") {
     $_SESSION["isLoggedIn"] = false;
     header("location: login.php");
 }
+
+if ($_SESSION["isCustomer"] == true) {
+    header("location: user-profile.php");
+}
+
 $products = productList();
 ?>
 <!--========================================================= 
@@ -48,7 +53,10 @@ $products = productList();
     <meta name="msapplication-TileImage" content="assets/images/favicon/favicon.png" />
 
     <!-- css Icon Font -->
-    <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+     <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
+        integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A=="
+        crossorigin="anonymous" referrerpolicy="no-referrer" />
 
     <!-- css All Plugins Files -->
     <link rel="stylesheet" href="assets/css/plugins/animate.css" />
@@ -65,7 +73,9 @@ $products = productList();
     <!-- Background css -->
     <link rel="stylesheet" id="bg-switcher-css" href="assets/css/backgrounds/bg-4.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
-
+ <link rel="stylesheet" href="https://cdn.metroui.org.ua/current/metro.css">
+    <script src="https://cdn.metroui.org.ua/current/metro.js"></script>
+   
     <style>
         .pagination {
             display: flex;
@@ -104,6 +114,10 @@ $products = productList();
 
     <!-- ekka Cart End -->
 
+    <!-- Category Sidebar start -->
+    <?php include "category-slider.php" ?>
+
+
     <!-- Ec breadcrumb start -->
     <div class="sticky-header-next-sec  ec-breadcrumb section-space-mb">
         <div class="container">
@@ -150,11 +164,11 @@ $products = productList();
                                     <!-- 03-12-2024 Stacy added placeholder for vendor profile -->
                                     <?php
                                         if (!empty($vendorData['vendor_image'])) { ?>
-                                            <img class="v-img" src=<?php echo $vendorData['vendor_image'] ?> alt="vendor image">
+                                            <img loading="lazy" class="v-img" src=<?php echo $vendorData['vendor_image'] ?> alt="vendor image">
                                         <?php } else { ?>
-                                            <img class="v-img" src="https://yourteachingmentor.com/wp-content/uploads/2020/12/istockphoto-1223671392-612x612-1.jpg" alt="vendor image">
+                                            <img loading="lazy" class="v-img" src="https://yourteachingmentor.com/wp-content/uploads/2020/12/istockphoto-1223671392-612x612-1.jpg" alt="vendor image">
                                     <?php } ?>
-                                    <!-- <img class="v-img" src=<?php #echo $vendorData['vendor_image'] ?> alt="vendor image"> -->
+                                    <!-- <img loading="lazy" class="v-img" src=<?php #echo $vendorData['vendor_image'] ?> alt="vendor image"> -->
                                     <h5 class="name"><?php echo $vendorData['user_login'] ?></h5>
                                 </div>
                                 <!-- <div class="ec-vendor-block-items">
@@ -186,16 +200,28 @@ $products = productList();
                         </div>
                         <div class="ec-vendor-card-body">
                             <div class="ec-vendor-card-table">
-                                <table class="table ec-table">
+                                <table class="table ec-table"
+                                id="order-table"  
+                             data-role="table"
+                            data-pagination="true" 
+                            data-searching="true" 
+                            data-filtering="true" 
+                            data-sorting="true" 
+                            data-show-rows-steps="5,10,20,-1" 
+                            data-horizontal-scroll="true"
+                            data-rownum="true"
+                            data-table-info-title="Display from $1 to $2 of $3 product(s)"
+
+                                >
                                     <thead>
                                         <tr>
-                                            <th scope="col">Image</th>
-                                            <th scope="col">Name</th>
-                                            <th scope="col">Regular Price</th>
-                                            <th scope="col">Sale Price</th>
-                                            <th scope="col">Minimum Order</th>
-                                            <th scope="col">Stock</th>
-                                            <th scope="col">Action</th>
+                                            <th  data-sortable="false" scope="col">Image</th>
+                                            <th data-sortable="true" scope="col">Name</th>
+                                            <th data-sortable="true" scope="col">Regular Price</th>
+                                            <th data-sortable="true" scope="col">Sale Price</th>
+                                            <th data-sortable="true" scope="col">Minimum Order</th>
+                                            <th data-sortable="true" scope="col">Stock</th>
+                                            <th data-sortable="true" scope="col" style=" flex-direction:row; width:200px">Action</th>
 
 
                                         </tr>
@@ -226,38 +252,41 @@ $products = productList();
                                                             if (!empty($image_urls)) {
                                                                 $first_image_url = trim($image_urls[0]);
                                                         ?>
-                                                                <img style="margin-top:8px;" class="prod-img"  src="<?php echo $first_image_url; ?>" alt="edit" />
+                                                                <img loading="lazy" style="margin-top:8px;" class="prod-img"  src="<?php echo $first_image_url; ?>" alt="edit" />
                                                             <?php
                                                             }
                                                         } else {
                                                             ?>
-                                                            <img style="margin-top:8px;" class="prod-img rounded-circle" src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/65/No-Image-Placeholder.svg/495px-No-Image-Placeholder.svg.png?20200912122019" alt="edit" />
+                                                            <img loading="lazy" style="margin-top:8px;" class="prod-img rounded-circle" src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/65/No-Image-Placeholder.svg/495px-No-Image-Placeholder.svg.png?20200912122019" alt="edit" />
                                                         <?php
                                                         }
                                                         ?>
                                                     <!-- <?php
                                                         if (isset($product['product_image']) && !empty($product['product_image'])) {
-                                                            echo '<img src="' . $product['product_image'] . '" alt="Product Image" class="prod-img" >';
+                                                            echo '<img loading="lazy" src="' . $product['product_image'] . '" alt="Product Image" class="prod-img" >';
                                                         } else {
-                                                            echo '<img src="admin/assets/img/vendor/u1.jpg" class="prod-img rounded-circle" alt="Placeholder Image" >';
+                                                            echo '<img loading="lazy" src="admin/assets/img/vendor/u1.jpg" class="prod-img rounded-circle" alt="Placeholder Image" >';
                                                         }
                                                         ?> -->
                                                 </td>
                                                 <td><span style="margin-top:8px;"><?php echo $product['product_name']; ?></span></td>
                                                 <td><span style="margin-top:8px;"><?php echo $product['regular_price']; ?></span></td>
-                                                <td><span style="margin-top:8px;"><?php echo $product['sale_price']; ?></span></td>
-                                                <td><span style="margin-top:8px;"><?php echo $product['minimum_order']; ?></span></td>
-                                                <td><span style="margin-top:8px;"><?php echo $product['stock']; ?></span></td>
-                                                <td style="display:flex; justify-content:space-around;">
-                                                    <span style="margin-top:4px;">
-                                                        <input type="checkbox" name="product_checkbox[]" style="width:20px; height:33px; " value="<?php echo $product['_id']; ?>">
-                                                    </span>
-                                                     <span style="margin-top:4px;" onclick="editProduct('<?php echo $product['_id'] ?>');">
-                                                        <a class="mdi mdi-circle-edit-outline" style="font-size:20px;"></a>
-                                                    </span>
-                                                    <span style="margin-top:4px;" onclick="deleteProduct('<?php echo $product['_id'] ?>');">
-                                                        <a class="mdi mdi mdi-delete-outline" style="font-size:20px;"></a>
-                                                    </span>
+                                                <td><span style="margin-top:8px;"><?php echo !empty($product['sale_price']) ?$product['sale_price']: "N/A"; ?></span></td>
+                                                <td><span style="margin-top:8px;"><?php echo !empty($product['minimum_order']) ?$product['minimum_order']: "N/A"; ?></span></td>
+                                                <td><span style="margin-top:8px;"><?php echo !empty($product['stock']) ?$product['stock']: "N/A";  ?></span></td>
+                                                <td >
+                                                <div style="display:flex; flex-direction:row; min-width:100px; flex-wrap:nowrap">
+
+                                                <span style="margin-right: 10px;margin-top:4px; color:blue" onclick="editProduct('<?php echo $product['_id'] ?>');">
+                                                    <a class="mdi mdi-circle-edit-outline" style="font-size:20px;  color:blue"></a>
+                                                </span>
+                                                <span style="margin-top:4px;  margin-right: 10px;color:red" onclick="deleteProduct('<?php echo $product['_id'] ?>');">
+                                                    <a class="mdi mdi mdi-delete-outline" style="font-size:20px; color:red"></a>
+                                                </span>
+                                                <span style="margin-top:4px; margin-right: 10px;">
+                                                    <input type="checkbox" name="product_checkbox[]" style="width:20px; height:33px; " value="<?php echo $product['_id']; ?>">
+                                                </span>
+                                                </div>
                                                 </td>
                                             </tr>
                                         <?php
@@ -268,13 +297,13 @@ $products = productList();
                             </div>
                         </div>
                         <!-- 03-11-2024 Stacy added pagination -->
-                        <div class="pagination mt-3">
+                        <!-- <div class="pagination mt-3">
                             <?php
-                                for ($p = 1; $p <= $totalPages; $p++) {
-                                    echo "<a href='?page=$p' class='" . ($currentpage == $p ? 'active' : '') . "'>$p</a>";
-                                }
+                                // for ($p = 1; $p <= $totalPages; $p++) {
+                                //     echo "<a style='margin-bottom:10px' href='?page=$p' class='" . ($currentpage == $p ? 'active' : '') . "'>$p</a>";
+                                // }
                             ?>
-                        </div>
+                        </div> -->
                     </div>
 
                 </div>
@@ -394,6 +423,7 @@ $products = productList();
                                 } else {
                                     console.error("Product row with ID " + productId + " not found in the DOM.");
                                 }
+                                location.reload();
                             } else {
                                 throw new Error("Error deleting product with ID " + productId + ": " + response.statusText);
                             }
@@ -403,10 +433,7 @@ $products = productList();
                         });
                     });
                 }
-            }
-           
-                
-                                                  
+            }                                   
         </script>
     </section>
     <!-- End Vendor dashboard section -->
@@ -444,7 +471,7 @@ $products = productList();
     <!-- raymart remove popup feb 20 2024 -->
     <!-- Recent Purchase Popup  -->
     <!-- <div class="recent-purchase">
-        <img src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -464,121 +491,7 @@ $products = productList();
     </div>
     <!-- Cart Floating Button end -->
 
-    <!-- Whatsapp -->
-    <div class="ec-style ec-right-bottom">
-        <!-- Start Floating Panel Container -->
-        <div class="ec-panel">
-            <!-- Panel Header -->
-            <div class="ec-header">
-                <strong>Need Help?</strong>
-                <p>Chat with us on WhatsApp</p>
-            </div>
-            <!-- Panel Content -->
-            <div class="ec-body">
-                <ul>
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Sahar Darya</span>
-                                    <p>Sahar left 7 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-online"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Yolduz Rafi</span>
-                                    <p>Yolduz is online</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Nargis Hawa</span>
-                                    <p>Nargis left 30 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Khadija Mehr</span>
-                                    <p>Khadija left 50 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                </ul>
-            </div>
-        </div>
-        <!--/ End Floating Panel Container -->
-        <!-- Start Right Floating Button-->
-        <div class="ec-right-bottom">
-            <div class="ec-box">
-                <div class="ec-button rotateBackward">
-                    <img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
-                </div>
-            </div>
-        </div>
-        <!--/ End Right Floating Button-->
-    </div>
-    <!-- Whatsapp end -->
+    
 
     <!-- Feature tools -->
     <div class="ec-tools-sidebar-overlay"></div>
@@ -587,7 +500,7 @@ $products = productList();
             <h3>Features</h3>
         </div>
         <a href="#" class="ec-tools-sidebar-toggle in-out">
-            <img alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">
@@ -665,6 +578,7 @@ $products = productList();
     <script src="assets/js/vendor/jquery.magnific-popup.min.js"></script>
     <script src="assets/js/plugins/chart.min.js"></script>
     <script src="assets/js/plugins/jquery.sticky-sidebar.js"></script>
+    <script src="https://cdn.metroui.org.ua/current/metro.js"></script>
 
     <!-- Main Js -->
     <script src="assets/js/chart-main.js"></script>

vendor-dashboard-orders-edit.php

@@ -15,6 +15,11 @@ if ($_SESSION["userId"] <> "") {
     $_SESSION["isLoggedIn"] = false;
     header("location: login.php");
 }
+
+if ($_SESSION["isCustomer"] == true) {
+    header("location: user-profile.php");
+}
+
 if (isset($_GET['id'])) {
     $_SESSION['vendorOrderId'] = $_GET['id'];
 }
@@ -40,7 +45,10 @@ $array = json_decode($result, true);
     <meta name="msapplication-TileImage" content="assets/images/favicon/favicon.png" />
 
     <!-- css Icon Font -->
-    <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+     <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
+        integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A=="
+        crossorigin="anonymous" referrerpolicy="no-referrer" />
 
     <!-- css All Plugins Files -->
     <link rel="stylesheet" href="assets/css/plugins/animate.css" />
@@ -142,11 +150,11 @@ $array = json_decode($result, true);
                                                         <?php
                                                         if (isset($array['items'][0]['product']['product_image'])) {
                                                         ?>
-                                                            <img class="ec-image-preview" src="<?php echo $array['items'][0]['product']['product_image']; ?>" alt="edit" />
+                                                            <img loading="lazy" class="ec-image-preview" src="<?php echo $array['items'][0]['product']['product_image']; ?>" alt="edit" />
                                                         <?php
                                                         } else {
                                                         ?>
-                                                            <img class="ec-image-preview" src="assets/images/product-image/vender-upload-preview.jpg" alt="edit" />
+                                                            <img loading="lazy" class="ec-image-preview" src="assets/images/product-image/vender-upload-preview.jpg" alt="edit" />
                                                         <?php
                                                         }
                                                         ?>
@@ -218,11 +226,11 @@ $array = json_decode($result, true);
                                                         if ($array['status'] === 'TO SHIP' || $array['status'] === 'To Ship') {
                                                             echo '<div class="col-md-6">
                                                             <label for="inputEmail4" class="form-label">Tracking Number</label>
-                                                            <input type="text" name="tracking_number" class="form-control slug-title" value="' . $array['tracking_number'] . '" >
+                                                            <input type="text" name="tracking_number" class="form-control slug-title" value="' . $array['tracking_number'] . '" required>
                                                             </div>';
                                                             echo '<div class="col-md-6">
                                                             <label for="inputEmail4" class="form-label">COURIER NAME</label>
-                                                            <input type="text" name="courier_name" class="form-control slug-title" value="' . $array['courier_name'] . '" >
+                                                            <input type="text" name="courier_name" class="form-control slug-title" value="' . $array['courier_name'] . '" required>
                                                             </div>';
                                                         } elseif ($array['status'] === 'TO RECEIVE' || $array['status'] === 'To Receive') {
                                                             echo '<div class="col-md-6">
@@ -252,11 +260,19 @@ $array = json_decode($result, true);
                                                     <?php
                                                     if ($array['status'] === 'TO PAY' || $array['status'] === 'To Pay') {
                                                         echo '<button type="submit" class="btn btn-primary">To Ship</button>';
+                                                        echo '<button type="button" value="Back" onclick="window.history.back();" class="btn btn-primary mt-3">Back</button>';
                                                     } elseif ($array['status'] === 'TO SHIP' || $array['status'] === 'To Ship') {
                                                         echo '<button type="submit" class="btn btn-primary">To Receive</button>';
+                                                        echo '<button type="button" value="Back" onclick="window.history.back();" class="btn btn-primary mt-3">Back</button>';
                                                     } elseif ($array['status'] === 'TO RECEIVE' || $array['status'] === 'To Receive') {
                                                         echo '<button type="submit" class="btn btn-primary">Completed</button>';
+                                                        echo '<button type="button" value="Back" onclick="window.history.back();" class="btn btn-primary mt-3">Back</button>';
+                                                    } elseif ($array['status'] === 'COMPLETED' || $array['status'] === 'Completed') {
+                                                        echo '<button type="button" value="Back" onclick="window.history.back();" class="btn btn-primary">Back</button>';
+                                                    } elseif ($array['status'] === 'RETURNED' || $array['status'] === 'Returned') {
+                                                        echo '<button type="button" value="Back" onclick="window.history.back();" class="btn btn-primary">Back</button>';
                                                     }
+                                                    
                                                     ?>
                                                 </div>
                                         </form>
@@ -303,7 +319,7 @@ $array = json_decode($result, true);
     <!-- raymart remove popup feb 20 2024 -->
     <!-- Recent Purchase Popup  -->
     <!-- <div class="recent-purchase">
-        <img src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -323,121 +339,7 @@ $array = json_decode($result, true);
     </div>
     <!-- Cart Floating Button end -->
 
-    <!-- Whatsapp -->
-    <div class="ec-style ec-right-bottom">
-        <!-- Start Floating Panel Container -->
-        <div class="ec-panel">
-            <!-- Panel Header -->
-            <div class="ec-header">
-                <strong>Need Help?</strong>
-                <p>Chat with us on WhatsApp</p>
-            </div>
-            <!-- Panel Content -->
-            <div class="ec-body">
-                <ul>
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Sahar Darya</span>
-                                    <p>Sahar left 7 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-online"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Yolduz Rafi</span>
-                                    <p>Yolduz is online</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Nargis Hawa</span>
-                                    <p>Nargis left 30 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Khadija Mehr</span>
-                                    <p>Khadija left 50 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                </ul>
-            </div>
-        </div>
-        <!--/ End Floating Panel Container -->
-        <!-- Start Right Floating Button-->
-        <div class="ec-right-bottom">
-            <div class="ec-box">
-                <div class="ec-button rotateBackward">
-                    <img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
-                </div>
-            </div>
-        </div>
-        <!--/ End Right Floating Button-->
-    </div>
-    <!-- Whatsapp end -->
+    
 
     <!-- Feature tools -->
     <div class="ec-tools-sidebar-overlay"></div>
@@ -446,7 +348,7 @@ $array = json_decode($result, true);
             <h3>Features</h3>
         </div>
         <a href="#" class="ec-tools-sidebar-toggle in-out">
-            <img alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">

vendor-dashboard.php

@@ -19,6 +19,8 @@ $products = productList();
 $shopOrders = getOrderbyVendorId($vendorId);
 
 $vendorOrderss = json_decode($shopOrders);
+$vendorOrders1 = json_encode($shopOrders);
+
 
 if (is_array($vendorOrderss)) {
     $vendorOrders = json_decode($shopOrders);
@@ -50,7 +52,8 @@ if ($_SESSION["isCustomer"] == true) {
     <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
 
     <title>oBanana B2B - Elevate Your Business</title>
-    <meta name="keywords" content="apparel, catalog, clean, ecommerce, ecommerce HTML, electronics, fashion, html eCommerce, html store, minimal, multipurpose, multipurpose ecommerce, online store, responsive ecommerce template, shops" />
+    <meta name="keywords"
+        content="apparel, catalog, clean, ecommerce, ecommerce HTML, electronics, fashion, html eCommerce, html store, minimal, multipurpose, multipurpose ecommerce, online store, responsive ecommerce template, shops" />
     <meta name="description" content="Best ecommerce html template for single and multi vendor store.">
     <meta name="author" content="ashishmaraviya">
     <link href="https://cdn.materialdesignicons.com/4.4.95/css/materialdesignicons.min.css" rel="stylesheet" />
@@ -62,6 +65,9 @@ if ($_SESSION["isCustomer"] == true) {
 
     <!-- css Icon Font -->
     <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
+        integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A=="
+        crossorigin="anonymous" referrerpolicy="no-referrer" />
 
     <!-- css All Plugins Files -->
     <link rel="stylesheet" href="assets/css/plugins/animate.css" />
@@ -69,7 +75,8 @@ if ($_SESSION["isCustomer"] == true) {
     <link rel="stylesheet" href="assets/css/plugins/jquery-ui.min.css" />
     <link rel="stylesheet" href="assets/css/plugins/countdownTimer.css" />
     <link rel="stylesheet" href="assets/css/plugins/slick.min.css" />
-    <link rel="stylesheet" href="assets/css/plugins/bootstrap.css" />
+    <link rel="stylesheet" href="https://cdn.metroui.org.ua/current/metro.css">
+    <!-- <link rel="stylesheet" href="assets/css/plugins/bootstrap.css" /> -->
 
     <!-- Main Style -->
     <link rel="stylesheet" href="assets/css/style.css" />
@@ -77,23 +84,38 @@ if ($_SESSION["isCustomer"] == true) {
 
     <!-- Background css -->
     <link rel="stylesheet" id="bg-switcher-css" href="assets/css/backgrounds/bg-4.css">
-
     <style>
-        #pagination {
-            display: flex;
-            list-style: none;
-            padding: 0;
-            margin: 0;
-            justify-content: center;
-        }
+    #pagination {
+        display: flex;
+        list-style: none;
+        padding: 0;
+        margin: 0;
+        justify-content: center;
+    }
+
+    #pagination a {
+        color: #333;
+        text-decoration: none;
+        padding: 5px 10px;
+        border: 1px solid #ccc;
+        border-radius: 4px;
+    }
+
+    .roww {
+        width: 100%;
+        display: flex;
+        /* justify-content: center;
+        align-items: center; */
+        flex-wrap: nowrap !important;
+        flex-direction: row !important;
+    }
+
+    @media(max-width:992px) {
+        .roww {
+            flex-wrap: wrap !important;
 
-        #pagination a {
-            color: #333;
-            text-decoration: none;
-            padding: 5px 10px;
-            border: 1px solid #ccc;
-            border-radius: 4px;
         }
+    }
     </style>
 </head>
 
@@ -116,10 +138,10 @@ if ($_SESSION["isCustomer"] == true) {
 
     <!-- Ec breadcrumb start -->
     <div class="sticky-header-next-sec  ec-breadcrumb section-space-mb">
-        <div class="container">
-            <div class="row">
+        <div class="bootstrap-section container">
+            <div class="bootstrap-section row ">
                 <div class="col-12">
-                    <div class="row ec_breadcrumb_inner">
+                    <div class="row ec_breadcrumb_inner roww">
                         <div class="col-md-6 col-sm-12">
                             <h2 class="ec-breadcrumb-title">Vendor Dashboard</h2>
                         </div>
@@ -140,8 +162,8 @@ if ($_SESSION["isCustomer"] == true) {
 
     <!-- Vendor dashboard section -->
     <section class="ec-page-content ec-vendor-dashboard section-space-p">
-        <div class="container">
-            <div class="row">
+        <div id="bootstrap-section" class="container container1">
+            <div class="row roww">
                 <!-- Sidebar Area Start -->
                 <div class="ec-shop-leftside ec-vendor-sidebar col-lg-3 col-md-12">
                     <div class="ec-sidebar-wrap ec-border-box">
@@ -151,19 +173,26 @@ if ($_SESSION["isCustomer"] == true) {
                                 <!-- 03-12-2024 Stacy added placeholder for vendor banner -->
                                 <?php
                                     if (!empty($vendorData['vendor_banner'])) { ?>
-                                        <div class="ec-vendor-block-bg" style="background-image: url(<?php echo $vendorData['vendor_banner'] ?>) !important;"></div>
-                                    <?php } else { ?>
-                                        <div class="ec-vendor-block-bg" style="background-color: orange; background-image: url(<?php echo $vendorData['vendor_banner'] ?>) !important;"></div>
+                                <div class="ec-vendor-block-bg"
+                                    style="background-image: url(<?php echo $vendorData['vendor_banner'] ?>) !important;">
+                                </div>
+                                <?php } else { ?>
+                                <div class="ec-vendor-block-bg"
+                                    style="background-color: orange; background-image: url(<?php echo $vendorData['vendor_banner'] ?>) !important;">
+                                </div>
                                 <?php } ?>
                                 <!-- <div class="ec-vendor-block-bg" style="background-image: url(<?php #echo $vendorData['vendor_banner'] ?>) !important;"></div> -->
                                 <div class="ec-vendor-block-detail">
-                                    <!-- <img class="v-img" src=<?php #echo $vendorData['vendor_image'] ?> alt="vendor image"> -->
+                                    <!-- <img loading="lazy" class="v-img" src=<?php #echo $vendorData['vendor_image'] ?> alt="vendor image"> -->
                                     <!-- 03-12-2024 Stacy added placeholder for vendor profile -->
                                     <?php
                                     if (!empty($vendorData['vendor_image'])) { ?>
-                                        <img class="v-img" src=<?php echo $vendorData['vendor_image'] ?> alt="vendor image">
+                                    <img loading="lazy" class="v-img" src=<?php echo $vendorData['vendor_image'] ?>
+                                        alt="vendor image">
                                     <?php } else { ?>
-                                        <img class="v-img" src="https://yourteachingmentor.com/wp-content/uploads/2020/12/istockphoto-1223671392-612x612-1.jpg" alt="vendor image">
+                                    <img loading="lazy" class="v-img"
+                                        src="https://yourteachingmentor.com/wp-content/uploads/2020/12/istockphoto-1223671392-612x612-1.jpg"
+                                        alt="vendor image">
                                     <?php } ?>
                                     <h5 class="name"><?php echo $vendorData['user_login'] ?></h5>
                                 </div>
@@ -180,7 +209,16 @@ if ($_SESSION["isCustomer"] == true) {
                         </div>
                     </div>
                 </div>
+
                 <div class="ec-shop-rightside col-lg-9 col-md-12">
+                    <?php
+                 $filteredOrders = array_filter($vendorOrders, function($order) {
+                    $orderArray1 = json_encode($order, true);
+                                            $orderItems1 = json_decode($orderArray1, true);
+                    return $orderItems1['status'] !== 'TO CHECKOUT';
+                });
+                // var_dump($filteredOrders);
+                ?>
                     <div class="row">
                         <div class="col-lg-3 col-md-6">
                             <div class="ec-vendor-dashboard-sort-card color-blue">
@@ -197,7 +235,10 @@ if ($_SESSION["isCustomer"] == true) {
                         <div class="col-lg-3 col-md-6">
                             <div class="ec-vendor-dashboard-sort-card color-pink">
                                 <h5>Orders</h5>
-                                <h3> <?php echo count($vendorOrders); ?></h3>
+
+                                <h3> <?php
+                                 echo count($filteredOrders );
+                                 ?></h3>
                             </div>
                         </div>
                         <!-- 02-26-2024 Stacy commented out -->
@@ -222,16 +263,20 @@ if ($_SESSION["isCustomer"] == true) {
                             </div>
                         </div>
                         <div class="ec-vendor-card-body">
-                            <div class="ec-vendor-card-table">
-                                <table class="table ec-table">
+
+                            <div class="table-container">
+                                <table class="table striped hovered" id="order-table" style="overflow-x: auto;"
+                                    data-role="table" data-pagination="true" data-searching="true" data-filtering="true"
+                                    data-sorting="true" data-show-rows-steps="5,10,20,-1" data-horizontal-scroll="true"
+                                    data-rownum="true" data-table-info-title="Display from $1 to $2 of $3 order(s)">
                                     <thead>
                                         <tr>
-                                            <th scope="col">Image</th>
-                                            <th scope="col">Name</th>
-                                            <th scope="col">Status</th>
-                                            <th scope="col">Customer Shipping Address</th>
-                                            <th scope="col">Total</th>
-                                            <th scope="col">Action</th>
+                                            <th data-sortable="false">Image</th>
+                                            <th data-sortable="true">Name</th>
+                                            <th data-sortable="true">Status</th>
+                                            <th data-sortable="true">Customer</th>
+                                            <th data-sortable="true">Total</th>
+                                            <th>Action</th>
                                         </tr>
                                     </thead>
                                     <tbody id="orderItemsBody">
@@ -243,170 +288,238 @@ if ($_SESSION["isCustomer"] == true) {
                                             $order = $vendorOrders[$i];
                                             $orderArray = json_encode($order, true);
                                             $orderItems = json_decode($orderArray, true);
-
+                                            if ($orderItems['status'] !== 'TO CHECKOUT' ) {
                                             foreach ($orderItems['items'] as $item) {
                                         ?>
-                                                <tr>
-                                                    <td>
-                                                        <!-- raymart added function feb 21 2024 -->
-                                                        <?php
+                                        <tr>
+                                            <td>
+                                                <!-- raymart added function feb 21 2024 -->
+                                                <?php
                                                         # 03-11-2024 Stacy modified
                                                         if (isset($orderItems['items'][0]['product']['product_image'])) {
                                                         ?>
-                                                            <img class="prod-img" src="<?php echo $orderItems['items'][0]['product']['product_image']; ?>" alt="edit" />
-                                                        <?php
+                                                <img loading="lazy" style="height:50px; width:50px" class="prod-img"
+                                                    src="<?php echo $orderItems['items'][0]['product']['product_image']; ?>"
+                                                    alt="edit" />
+                                                <?php
                                                         } else {
                                                         ?>
-                                                            <img class="prod-img rounded-circle" src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/65/No-Image-Placeholder.svg/495px-No-Image-Placeholder.svg.png?20200912122019" alt="edit" />
-                                                        <?php
+                                                <img loading="lazy" style="height:50px; width:50px"
+                                                    class="prod-img rounded-circle"
+                                                    src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/65/No-Image-Placeholder.svg/495px-No-Image-Placeholder.svg.png?20200912122019"
+                                                    alt="edit" />
+                                                <?php
                                                         }
                                                         ?>
 
-                                                        <!-- <?php
+                                                <!-- <?php
                                                         if (isset($item['product']['product_image']) && !empty($item['product']['product_image'])) {
-                                                            echo '<img src="' . $item['product']['product_image'] . '" alt="Product Image" class="prod-img">';
+                                                            echo '<img loading="lazy " style="height:50px; width:50px" src="' . $item['product']['product_image'] . '" alt="Product Image" class="prod-img">';
                                                         } else {
-                                                            echo '<img src="assets/img/vendor/u1.jpg" class="prod-img rounded-circle" alt="Placeholder Image">';
+                                                            echo '<img loading="lazy " style="height:50px; width:50px" src="assets/img/vendor/u1.jpg" class="prod-img rounded-circle" alt="Placeholder Image">';
                                                         }
                                                         ?> -->
-                                                        </td>
-                                                    <td style="max-width:300px;"><span class="text-truncate"><?php echo  $item['product']['name']; ?></span></td>
-                                                    <td><span><?php echo  $orderItems['status']; ?></span></td>
-                                                    <td><span><?php echo  $orderItems['shipping_address']['shipping_first_name']; ?></span></td>
-                                                    <td><span><?php echo  $orderItems['total_amount']; ?></span></td>
-                                                    <td style="display:flex; justify-content:center; margin-top:-4px;">
-                                                        <span onclick="editVendorOrder('<?php echo $orderItems['_id'] ?>');">
-                                                            <a class="mdi mdi-circle-edit-outline" style="font-size: 20px;"></a>
-                                                        </span>
-                                                    </td>
-                                                </tr>
+                                            </td>
+                                            <td style="max-width:300px;"><span
+                                                    class="text-truncate"><?php echo  $item['product']['name']; ?></span>
+                                            </td>
+                                            <?php
+                                                $status = $orderItems['status'];
+                                                $style = '';
+                                                $textColor = '';
+                                                $borderColor = '';
+
+                                                                                                        switch (strtoupper($status)) {
+                                                                                                            case 'TO SHIP':
+                                                                                                                $backgroundColor = '#8061ef';
+                                                                                                                $textColor = 'white'; 
+                                                                                                                break;
+                                                                                                            case 'TO PAY':
+                                                                                                                $backgroundColor = '#1E6E58';
+                                                                                                                $textColor = 'white';
+                                                                                                                break;
+                                                                                                            case 'TO RECEIVE':
+                                                                                                                $backgroundColor = '#FFD700';
+                                                                                                                $textColor = 'black';
+                                                                                                                break;
+                                                                                                            case 'COMPLETED':
+                                                                                                                $backgroundColor = '#4c84ff';
+                                                                                                                $textColor = 'white'; 
+                                                                                                                break;
+                                                                                                            case 'RETURNED':
+                                                                                                                $backgroundColor = '#ff7b7b';
+                                                                                                                $textColor = 'white';
+                                                                                                                break;
+                                                                                                            default:
+                                                                                                                                                                $backgroundColor = '#464646';
+                                                                                                                $textColor = 'white';
+                                                                                                        }
+
+                                                                                                        // Generating style attribute based on the selected colors
+                                                                                                        $style = "display: flex; height: 15px; font-weight: bold; 
+                                                            width: 90px; font-size: 10px !important; 
+                                                            justify-content: center; align-items: center; padding: 10px; 
+                                                            background-color: $backgroundColor; border-radius: 30px; color: $textColor;";
+                                                                                                    ?>
+
+                                            <td><span style="<?php echo $style; ?>">
+                                                    <p><?php echo $status; ?></p>
+                                                </span></td>
+                                            <td><span
+                                                    style="text-transform:capitalize"><?php echo  $orderItems['shipping_address']['shipping_first_name']; ?></span>
+                                            </td>
+                                            <td><span><?php echo  $orderItems['total_amount']; ?></span></td>
+                                            <td style="display:flex; justify-content:center; margin-top:-4px;">
+                                                <span onclick="editVendorOrder('<?php echo $orderItems['_id'] ?>');">
+                                                    <a class="mdi mdi-circle-edit-outline" style="font-size: 20px;"></a>
+                                                </span>
+                                            </td>
+                                        </tr>
                                         <?php
                                             }
                                         }
+                                    }
                                         ?>
                                     </tbody>
                                 </table>
+                                <!-- <button id="exportBtn">Export to CSV</button> -->
                             </div>
-                            <div id="pagination"></div>
+                            <!-- <div id="pagination"></div> -->
                         </div>
                         <script>
-                            var sessionToken = '<?php echo isset($_SESSION["token"]) ? $_SESSION["token"] : ""; ?>';
-                            var email = '<?php echo isset($_SESSION["email"]) ? $_SESSION["email"] : ""; ?>';
-                            var password = '<?php echo isset($_SESSION["password"]) ? $_SESSION["password"] : ""; ?>';
-
-                            function login(username, password, callback) {
-                                fetch("https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/login", {
-                                        method: "POST",
-                                        headers: {
-                                            "Content-Type": "application/json",
-                                            "X-Api-Key": "{{apiKey}}"
-                                        },
-                                        body: JSON.stringify({
-                                            username: username,
-                                            password: password
-                                        })
-                                    })
-                                    .then(response => {
-                                        if (response.ok) {
-                                            return response.json();
-                                        } else {
-                                            throw new Error("Unable to login");
-                                        }
-                                    })
-                                    .then(data => {
-                                        // Update the session token on the server side
-                                        fetch("update-token-session.php", {
-                                                method: "POST",
-                                                headers: {
-                                                    "Content-Type": "application/json"
-                                                },
-                                                body: JSON.stringify({
-                                                    token: data.token
-                                                })
-                                            })
-                                            .then(response => response.json())
-                                            .then(result => {
-                                                if (result.status === 'success') {
-                                                    // Update the session token in the client-side variable
-                                                    sessionToken = data.token;
-                                                    console.log("New Token:", sessionToken);
-                                                    callback();
-                                                } else {
-                                                    throw new Error("Unable to update session token");
-                                                }
-                                            });
-                                    })
-                                    .catch(error => {
-                                        console.error("Error:", error.message);
-                                    });
-                            }
-
-
-                            function editVendorOrder(vendorOrderId) {
-
-                                console.log("Session Token:", sessionToken);
-                                login(email, password, function() {
-                                    window.open("vendor-dashboard-orders-edit.php?id=" + vendorOrderId, "_self");
-                                })
-                            }
-
-                            function addProduct() {
-                                console.log("Session Token:", sessionToken);
-                                login(email, password, function() {
-                                    // Removed the call to updateSessionToken
-                                    window.open("vendor-uploads-add-product-action.php", "_self");
-                                });
-                            }
+                        // Initialize Metro UI components
+                        // var tables = document.querySelectorAll('[data-role="table"]');
+                        // tables.forEach(function(table) {
+                        //     new METRO.Table(table);
+                        // });
+                        // document.getElementById("exportBtn").addEventListener("click", function() {
+                        //         var table = document.querySelector('#order-table')._metroTable;
+                        //         table.export('CSV', 'all', 'table-export.csv', {
+                        //             csvDelimiter: "\t",
+                        //             csvNewLine: "\r\n",
+                        //             includeHeader: true
+                        //         });
+                        //     });
                         </script>
                         <script>
-                            const itemsPerPage = 5;
-                            const totalItems = <?php echo $totalOrders; ?>;
-                            const totalPages = Math.ceil(totalItems / itemsPerPage);
+                        var sessionToken = '<?php echo isset($_SESSION["token"]) ? $_SESSION["token"] : ""; ?>';
+                        var email = '<?php echo isset($_SESSION["email"]) ? $_SESSION["email"] : ""; ?>';
+                        var password = '<?php echo isset($_SESSION["password"]) ? $_SESSION["password"] : ""; ?>';
 
-                            //03-11-2024 Stacy modified for the pagination UI
-                            function showPage(page) {
-                                const startIndex = (page - 1) * itemsPerPage;
-                                const endIndex = startIndex + itemsPerPage;
-                                const tableRows = document.querySelectorAll('#orderItemsBody tr');
-                                
-                                // for pagination button
-                                const pager = document.querySelectorAll('.page-btn')
-                                pager.forEach((row, index) => {
-                                    if (index!==page-1) {
-                                        row.style.backgroundColor="white";
-                                        row.style.color="black";
+                        function login(username, password, callback) {
+                            fetch("https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/login", {
+                                    method: "POST",
+                                    headers: {
+                                        "Content-Type": "application/json",
+                                        "X-Api-Key": "{{apiKey}}"
+                                    },
+                                    body: JSON.stringify({
+                                        username: username,
+                                        password: password
+                                    })
+                                })
+                                .then(response => {
+                                    if (response.ok) {
+                                        return response.json();
                                     } else {
-                                        row.style.backgroundColor="#007bff";
-                                        row.style.color="white";
+                                        throw new Error("Unable to login");
                                     }
+                                })
+                                .then(data => {
+                                    // Update the session token on the server side
+                                    fetch("update-token-session.php", {
+                                            method: "POST",
+                                            headers: {
+                                                "Content-Type": "application/json"
+                                            },
+                                            body: JSON.stringify({
+                                                token: data.token
+                                            })
+                                        })
+                                        .then(response => response.json())
+                                        .then(result => {
+                                            if (result.status === 'success') {
+                                                // Update the session token in the client-side variable
+                                                sessionToken = data.token;
+                                                console.log("New Token:", sessionToken);
+                                                callback();
+                                            } else {
+                                                throw new Error("Unable to update session token");
+                                            }
+                                        });
+                                })
+                                .catch(error => {
+                                    console.error("Error:", error.message);
                                 });
+                        }
 
-                                // document.querySelector('.page-' + page).style.backgroundColor="red";
-                                tableRows.forEach((row, index) => {
-                                    if (index >= startIndex && index < endIndex) {
-                                        row.style.display = 'table-row';
-                                    } else {
-                                        row.style.display = 'none';
-                                    }
-                                });
-                            }
 
-                            function createPagination() {
-                                const paginationContainer = document.getElementById('pagination');
+                        function editVendorOrder(vendorOrderId) {
 
-                                for (let i = 1; i <= totalPages; i++) {
-                                    // created a tag
-                                    const pageButton = document.createElement('a');
-                                    // created class for a tag
-                                    pageButton.className = "page-btn page-" + i
-                                    pageButton.textContent = i;
-                                    pageButton.addEventListener('click', () => showPage(i));
-                                    paginationContainer.appendChild(pageButton);
+                            console.log("Session Token:", sessionToken);
+                            login(email, password, function() {
+                                window.open("vendor-dashboard-orders-edit.php?id=" + vendorOrderId, "_self");
+                            })
+                        }
+
+                        function addProduct() {
+                            console.log("Session Token:", sessionToken);
+                            login(email, password, function() {
+                                // Removed the call to updateSessionToken
+                                window.open("vendor-uploads-add-product-action.php", "_self");
+                            });
+                        }
+                        </script>
+                        <script>
+                        const itemsPerPage = 5;
+                        const totalItems = <?php echo $totalOrders; ?>;
+                        const totalPages = Math.ceil(totalItems / itemsPerPage);
+
+                        //03-11-2024 Stacy modified for the pagination UI
+                        function showPage(page) {
+                            const startIndex = (page - 1) * itemsPerPage;
+                            const endIndex = startIndex + itemsPerPage;
+                            const tableRows = document.querySelectorAll('#orderItemsBody tr');
+
+                            // for pagination button
+                            const pager = document.querySelectorAll('.page-btn')
+                            pager.forEach((row, index) => {
+                                if (index !== page - 1) {
+                                    row.style.backgroundColor = "white";
+                                    row.style.color = "black";
+                                } else {
+                                    row.style.backgroundColor = "#007bff";
+                                    row.style.color = "white";
                                 }
-                            }
+                            });
 
-                            createPagination();
-                            showPage(1); // Show the first page by default
+                            // document.querySelector('.page-' + page).style.backgroundColor="red";
+                            tableRows.forEach((row, index) => {
+                                if (index >= startIndex && index < endIndex) {
+                                    row.style.display = 'table-row';
+                                } else {
+                                    row.style.display = 'none';
+                                }
+                            });
+                        }
+
+                        // function createPagination() {
+                        //     const paginationContainer = document.getElementById('pagination');
+
+                        //     for (let i = 1; i <= totalPages; i++) {
+                        //         // created a tag
+                        //         const pageButton = document.createElement('a');
+                        //         // created class for a tag
+                        //         pageButton.className = "page-btn page-" + i
+                        //         pageButton.style="margin:5px"
+                        //         pageButton.textContent = i;
+                        //         pageButton.addEventListener('click', () => showPage(i));
+                        //         paginationContainer.appendChild(pageButton);
+                        //     }
+                        // }
+
+                        // createPagination();
+                        showPage(1); // Show the first page by default
                         </script>
 
                     </div>
@@ -416,20 +529,24 @@ if ($_SESSION["isCustomer"] == true) {
                             <div class="ec-header-btn">
                                 <a class="btn btn-lg btn-primary" href="vendor-all-product-list.php">View All</a>
                                 <!-- <a class="btn btn-lg btn-primary" href="vendor-uploads-add-product-action.php">Add</a> -->
-                                <a class="btn btn-lg btn-primary" href="vendor-uploads-add-product-action.php" onclick="addProduct('<?php echo $product['_id'] ?>');">Add</a>
+                                <a class="btn btn-lg btn-primary" href="vendor-uploads-add-product-action.php"
+                                    onclick="addProduct('<?php echo $product['_id'] ?>');">Add</a>
                             </div>
                         </div>
                         <div class="ec-vendor-card-body">
                             <div class="ec-vendor-card-table">
-                                <table class="table ec-table">
+                                <table class="table ec-table" id="order-table" data-role="table" data-searching="true"
+                                    data-filtering="true" data-sorting="true" data-show-rows-steps="5,10,20,-1"
+                                    data-horizontal-scroll="true" data-rownum="true"
+                                    data-table-info-title="Display from $1 to $2 of $3 product(s)">
                                     <thead>
                                         <tr>
-                                            <th scope="col">Image</th>
-                                            <th scope="col">Name</th>
-                                            <th scope="col">Regular Price</th>
-                                            <th scope="col">Sale Price</th>
-                                            <th scope="col">Minimum Order</th>
-                                            <th scope="col">Stock</th>
+                                            <th data-sortable="false" scope="col">Image</th>
+                                            <th data-sortable="true" scope="col">Name</th>
+                                            <th data-sortable="true" scope="col">Regular Price</th>
+                                            <th data-sortable="true" scope="col">Sale Price</th>
+                                            <th data-sortable="true" scope="col">Minimum Order</th>
+                                            <th data-sortable="true" scope="col">Stock</th>
 
                                         </tr>
                                     </thead>
@@ -438,49 +555,59 @@ if ($_SESSION["isCustomer"] == true) {
                                         $products = productListVendor($vendorId);
                                         $totalProducts = count($products);
                                         $displayLimit = 5;
+                                        // for ($i = 0; $i < min($totalProducts, $displayLimit); $i++) {
                                         for ($i = 0; $i < min($totalProducts, $displayLimit); $i++) {
+
                                             $product = $products[$i];
                                         ?>
-                                            <tr>
-                                                <td> 
-                                                    <!-- raymart added function feb 21 2024 -->
-                                                    <?php
+                                        <tr>
+                                            <td>
+                                                <!-- raymart added function feb 21 2024 -->
+                                                <?php
                                                         if (isset($product['images'])) {
                                                             $image_urls = explode(',', $product['images']);
                                                             if (!empty($image_urls)) {
                                                                 $first_image_url = trim($image_urls[0]);
                                                         ?>
-                                                            <img class="prod-img" src="<?php echo $first_image_url; ?>" alt="edit" />
-                                                            <?php
+                                                <img loading="lazy" class="prod-img"
+                                                    src="<?php echo $first_image_url; ?>" alt="edit" />
+                                                <?php
                                                             }
                                                         } else {
                                                             ?>
-                                                            <img class="prod-img rounded-circle" src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/65/No-Image-Placeholder.svg/495px-No-Image-Placeholder.svg.png?20200912122019" alt="edit" />
-                                                        <?php
+                                                <img loading="lazy" class="prod-img rounded-circle"
+                                                    src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/65/No-Image-Placeholder.svg/495px-No-Image-Placeholder.svg.png?20200912122019"
+                                                    alt="edit" />
+                                                <?php
                                                         }
                                                     ?>
 
-                                                    <!-- <?php
+                                                <!-- <?php
                                                         if (isset($product['product_image']) && !empty($product['product_image'])) {
-                                                            echo '<img src="' . $product['product_image'] . '" alt="Product Image" class="prod-img" >';
+                                                            echo '<img loading="lazy" src="' . $product['product_image'] . '" alt="Product Image" class="prod-img" >';
                                                         } else {
-                                                            echo '<img src="assets/img/vendor/u1.jpg" class="prod-img rounded-circle" alt="Placeholder Image" >';
+                                                            echo '<img loading="lazy" src="assets/img/vendor/u1.jpg" class="prod-img rounded-circle" alt="Placeholder Image" >';
                                                         }
                                                         ?> -->
-                                                        </td>
-                                                <td style="max-width:300px;"><span class="text-truncate"><?php echo $product['product_name']; ?></span></td>
-                                                <td><span><?php echo $product['regular_price']; ?></span></td>
-                                                <td><span><?php echo $product['sale_price']; ?></span></td>
-                                                <td><span><?php echo $product['minimum_order']; ?></span></td>
-                                                <td><span><?php echo $product['stock']; ?></span></td>
-                                            </tr>
+                                            </td>
+                                            <td style="max-width:300px;"><span
+                                                    class="text-truncate"><?php echo $product['product_name']; ?></span>
+                                            </td>
+                                            <td><span><?php echo $product['regular_price']; ?></span></td>
+                                            <td><span><?php echo !empty($product['sale_price']) ?$product['sale_price']: "N/A"; ?></span>
+                                            </td>
+                                            <td><span><?php echo !empty($product['minimum_order']) ?$product['minimum_order']: "N/A";?></span>
+                                            </td>
+                                            <td><span><?php echo !empty($product['stock']) ?$product['stock']: "0"; ?></span>
+                                            </td>
+                                        </tr>
                                         <?php
                                         }
                                         ?>
                                     </tbody>
                                 </table>
                             </div>
-                            <div id="pagination"></div>
+                            <!-- <div id="pagination"></div> -->
                         </div>
                     </div>
                     <!-- 02-26-2024 Stacy commented out -->
@@ -516,42 +643,53 @@ if ($_SESSION["isCustomer"] == true) {
                             <!-- Swiper -->
                             <div class="qty-product-cover">
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg"
+                                        alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_2.jpg"
+                                        alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_3.jpg"
+                                        alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_4.jpg"
+                                        alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_5.jpg"
+                                        alt="">
                                 </div>
                             </div>
                             <div class="qty-nav-thumb">
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg"
+                                        alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_2.jpg"
+                                        alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_3.jpg"
+                                        alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_4.jpg"
+                                        alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_5.jpg"
+                                        alt="">
                                 </div>
                             </div>
                         </div>
                         <div class="col-md-7 col-sm-12 col-xs-12">
                             <div class="quickview-pro-content">
-                                <h5 class="ec-quick-title"><a href="shop-left-sidebar-col-4.php">Handbag leather purse for women</a>
+                                <h5 class="ec-quick-title"><a href="shop-left-sidebar-col-4.php">Handbag leather purse
+                                        for women</a>
                                 </h5>
                                 <div class="ec-quickview-rating">
                                     <i class="ecicon eci-star fill"></i>
@@ -585,7 +723,8 @@ if ($_SESSION["isCustomer"] == true) {
                                         <span>Size</span>
                                         <div class="ec-pro-variation-content">
                                             <ul class="ec-opt-size">
-                                                <li class="active"><a href="#" class="ec-opt-sz" data-tooltip="Small">S</a></li>
+                                                <li class="active"><a href="#" class="ec-opt-sz"
+                                                        data-tooltip="Small">S</a></li>
                                                 <li><a href="#" class="ec-opt-sz" data-tooltip="Medium">M</a></li>
                                                 <li><a href="#" class="ec-opt-sz" data-tooltip="Large">X</a></li>
                                                 <li><a href="#" class="ec-opt-sz" data-tooltip="Extra Large">XL</a></li>
@@ -598,7 +737,8 @@ if ($_SESSION["isCustomer"] == true) {
                                         <input class="qty-input" type="text" name="ec_qtybtn" value="1" />
                                     </div>
                                     <div class="ec-quickview-cart ">
-                                        <button class="btn btn-primary"><i class="fi-rr-shopping-basket"></i> Add To Cart</button>
+                                        <button class="btn btn-primary"><i class="fi-rr-shopping-basket"></i> Add To
+                                            Cart</button>
                                     </div>
                                 </div>
                             </div>
@@ -615,16 +755,20 @@ if ($_SESSION["isCustomer"] == true) {
         <div class="container">
             <div class="ec-nav-panel">
                 <div class="ec-nav-panel-icons">
-                    <a href="#ec-mobile-menu" class="navbar-toggler-btn ec-header-btn ec-side-toggle"><i class="fi-rr-menu-burger"></i></a>
+                    <a href="#ec-mobile-menu" class="navbar-toggler-btn ec-header-btn ec-side-toggle"><i
+                            class="fi-rr-menu-burger"></i></a>
                 </div>
                 <div class="ec-nav-panel-icons">
-                    <a href="#ec-side-cart" class="toggle-cart ec-header-btn ec-side-toggle"><i class="fi-rr-shopping-bag"></i><span class="ec-cart-noti ec-header-count cart-count-lable">3</span></a>
+                    <a href="#ec-side-cart" class="toggle-cart ec-header-btn ec-side-toggle"><i
+                            class="fi-rr-shopping-bag"></i><span
+                            class="ec-cart-noti ec-header-count cart-count-lable">3</span></a>
                 </div>
                 <div class="ec-nav-panel-icons">
                     <a href="index.php" class="ec-header-btn"><i class="fi-rr-home"></i></a>
                 </div>
                 <div class="ec-nav-panel-icons">
-                    <a href="wishlist.html" class="ec-header-btn"><i class="fi-rr-heart"></i><span class="ec-cart-noti">4</span></a>
+                    <a href="wishlist.html" class="ec-header-btn"><i class="fi-rr-heart"></i><span
+                            class="ec-cart-noti">4</span></a>
                 </div>
                 <div class="ec-nav-panel-icons">
                     <a href="login.php" class="ec-header-btn"><i class="fi-rr-user"></i></a>
@@ -638,7 +782,7 @@ if ($_SESSION["isCustomer"] == true) {
     <!-- raymart remove popup feb 20 2024 -->
     <!-- Recent Purchase Popup  -->
     <!-- <div class="recent-purchase">
-        <img src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -658,121 +802,7 @@ if ($_SESSION["isCustomer"] == true) {
     </div>
     <!-- Cart Floating Button end -->
 
-    <!-- Whatsapp -->
-    <div class="ec-style ec-right-bottom">
-        <!-- Start Floating Panel Container -->
-        <div class="ec-panel">
-            <!-- Panel Header -->
-            <div class="ec-header">
-                <strong>Need Help?</strong>
-                <p>Chat with us on WhatsApp</p>
-            </div>
-            <!-- Panel Content -->
-            <div class="ec-body">
-                <ul>
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Sahar Darya</span>
-                                    <p>Sahar left 7 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-online"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Yolduz Rafi</span>
-                                    <p>Yolduz is online</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Nargis Hawa</span>
-                                    <p>Nargis left 30 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Khadija Mehr</span>
-                                    <p>Khadija left 50 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                </ul>
-            </div>
-        </div>
-        <!--/ End Floating Panel Container -->
-        <!-- Start Right Floating Button-->
-        <div class="ec-right-bottom">
-            <div class="ec-box">
-                <div class="ec-button rotateBackward">
-                    <img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
-                </div>
-            </div>
-        </div>
-        <!--/ End Right Floating Button-->
-    </div>
-    <!-- Whatsapp end -->
+
 
     <!-- Feature tools -->
     <div class="ec-tools-sidebar-overlay"></div>
@@ -781,7 +811,7 @@ if ($_SESSION["isCustomer"] == true) {
             <h3>Features</h3>
         </div>
         <a href="#" class="ec-tools-sidebar-toggle in-out">
-            <img alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">
@@ -847,7 +877,7 @@ if ($_SESSION["isCustomer"] == true) {
     <script src="assets/js/vendor/bootstrap.min.js"></script>
     <script src="assets/js/vendor/jquery-migrate-3.3.0.min.js"></script>
     <script src="assets/js/vendor/modernizr-3.11.2.min.js"></script>
-
+    <script src="https://cdn.metroui.org.ua/current/metro.js"></script>
     <!--Plugins JS-->
     <script src="assets/js/plugins/swiper-bundle.min.js"></script>
     <script src="assets/js/plugins/nouislider.js"></script>

vendor-list.php

@@ -33,7 +33,10 @@ $products = productList();
     <meta name="msapplication-TileImage" content="assets/images/favicon/favicon.png" />
 
     <!-- css Icon Font -->
-    <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+     <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
+        integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A=="
+        crossorigin="anonymous" referrerpolicy="no-referrer" />
 
     <!-- css All Plugins Files -->
     <link rel="stylesheet" href="assets/css/plugins/animate.css" />
@@ -74,7 +77,7 @@ $products = productList();
             text-decoration: none;
             padding: 5px 10px;
             border: 1px solid #ccc;
-            /* margin: 0 5px; */
+            margin: 0 5px;
             border-radius: 4px;
         }
 
@@ -107,7 +110,7 @@ $products = productList();
                 </div>
                 <ul class="eccart-pro-items">
                     <li>
-                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img src="assets/images/product-image/6_1.jpg" alt="product"></a>
+                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy" src="assets/images/product-image/6_1.jpg" alt="product"></a>
                         <div class="ec-pro-content">
                             <a href="shop-left-sidebar-col-4.php" class="cart_pro_title">T-shirt For Women</a>
                             <span class="cart-price"><span>$76.00</span> x 1</span>
@@ -118,7 +121,7 @@ $products = productList();
                         </div>
                     </li>
                     <li>
-                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img src="assets/images/product-image/12_1.jpg" alt="product"></a>
+                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy" src="assets/images/product-image/12_1.jpg" alt="product"></a>
                         <div class="ec-pro-content">
                             <a href="shop-left-sidebar-col-4.php" class="cart_pro_title">Women Leather Shoes</a>
                             <span class="cart-price"><span>$64.00</span> x 1</span>
@@ -129,7 +132,7 @@ $products = productList();
                         </div>
                     </li>
                     <li>
-                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img src="assets/images/product-image/3_1.jpg" alt="product"></a>
+                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy" src="assets/images/product-image/3_1.jpg" alt="product"></a>
                         <div class="ec-pro-content">
                             <a href="shop-left-sidebar-col-4.php" class="cart_pro_title">Girls Nylon Purse</a>
                             <span class="cart-price"><span>$59.00</span> x 1</span>
@@ -218,9 +221,9 @@ $products = productList();
                                 <a href="catalog-single-vendor.php?id=<?php echo $vendor['_id'] ?>"></a>
                                     <?php
                                         if(!isset($vendor['vendor_image'])){
-                                            ?><img src="https://api.obanana.com/images/storage/web_images/1710214273217-no_image.png" alt="vendor img"><?php
+                                            ?><img loading="lazy" src="https://api.obanana.com/images/storage/web_images/1710214273217-no_image.png" alt="vendor img"><?php
                                         }else{
-                                            ?><img src="<?php echo $vendor['vendor_image'] ?>" alt="vendor img"><?php
+                                            ?><img loading="lazy" src="<?php echo $vendor['vendor_image'] ?>" alt="vendor img"><?php
                                         }
                                     ?>
                                 </div>
@@ -262,7 +265,8 @@ $products = productList();
                                                 <a href="catalog-single-vendor.php?id=<?php echo $vendor['_id'] ?>">
                                                     <h6>Seller since</h6>
                                                 </a>
-                                                <p><?php echo $vendor['date_registered']; ?></p>
+                                                <!-- <p><?php echo $vendor['date_registered']; ?></p> -->
+                                                <p><?php echo date('F j, Y', strtotime($vendor['date_registered'])); ?></p>
                                             </div>
                                         </div>
                                     </div>
@@ -322,36 +326,36 @@ $products = productList();
                             <!-- Swiper -->
                             <div class="qty-product-cover">
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
                                 </div>
                             </div>
                             <div class="qty-nav-thumb">
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
                                 </div>
                             </div>
                         </div>
@@ -417,7 +421,7 @@ $products = productList();
     <!-- Modal end -->
 
     <!-- Footer navigation panel for responsive display -->
-    <div class="ec-nav-toolbar">
+   <!--  <div class="ec-nav-toolbar">
         <div class="container">
             <div class="ec-nav-panel">
                 <div class="ec-nav-panel-icons">
@@ -438,13 +442,13 @@ $products = productList();
 
             </div>
         </div>
-    </div>
+    </div> -->
     <!-- Footer navigation panel for responsive display end -->
     
     <!-- raymart remove popup feb 20 2024 -->
     <!-- Recent Purchase Popup  -->
     <!-- <div class="recent-purchase">
-        <img src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -464,121 +468,7 @@ $products = productList();
     </div>
     <!-- Cart Floating Button end -->
 
-    <!-- Whatsapp -->
-    <div class="ec-style ec-right-bottom">
-        <!-- Start Floating Panel Container -->
-        <div class="ec-panel">
-            <!-- Panel Header -->
-            <div class="ec-header">
-                <strong>Need Help?</strong>
-                <p>Chat with us on WhatsApp</p>
-            </div>
-            <!-- Panel Content -->
-            <div class="ec-body">
-                <ul>
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Sahar Darya</span>
-                                    <p>Sahar left 7 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-online"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Yolduz Rafi</span>
-                                    <p>Yolduz is online</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Nargis Hawa</span>
-                                    <p>Nargis left 30 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Khadija Mehr</span>
-                                    <p>Khadija left 50 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                </ul>
-            </div>
-        </div>
-        <!--/ End Floating Panel Container -->
-        <!-- Start Right Floating Button-->
-        <div class="ec-right-bottom">
-            <div class="ec-box">
-                <div class="ec-button rotateBackward">
-                    <img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
-                </div>
-            </div>
-        </div>
-        <!--/ End Right Floating Button-->
-    </div>
-    <!-- Whatsapp end -->
+    
 
     <!-- Feature tools -->
     <div class="ec-tools-sidebar-overlay"></div>
@@ -587,7 +477,7 @@ $products = productList();
             <h3>Features</h3>
         </div>
         <a href="#" class="ec-tools-sidebar-toggle in-out">
-            <img alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">

vendor-payments.php

@@ -45,10 +45,11 @@ if ($_SESSION["isCustomer"] == true) {
     <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
 
     <title>oBanana B2B - Elevate Your Business</title>
-    <meta name="keywords" content="apparel, catalog, clean, ecommerce, ecommerce HTML, electronics, fashion, html eCommerce, html store, minimal, multipurpose, multipurpose ecommerce, online store, responsive ecommerce template, shops" />
+    <meta name="keywords"
+        content="apparel, catalog, clean, ecommerce, ecommerce HTML, electronics, fashion, html eCommerce, html store, minimal, multipurpose, multipurpose ecommerce, online store, responsive ecommerce template, shops" />
     <meta name="description" content="Best ecommerce html template for single and multi vendor store.">
     <meta name="author" content="ashishmaraviya">
-    
+
     <!-- site Favicon -->
     <link rel="icon" href="assets/images/favicon/favicon.png" sizes="32x32" />
     <link rel="apple-touch-icon" href="assets/images/favicon/favicon.png" />
@@ -56,6 +57,9 @@ if ($_SESSION["isCustomer"] == true) {
 
     <!-- css Icon Font -->
     <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
+        integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A=="
+        crossorigin="anonymous" referrerpolicy="no-referrer" />
 
     <!-- css All Plugins Files -->
     <link rel="stylesheet" href="assets/css/plugins/animate.css" />
@@ -70,43 +74,62 @@ if ($_SESSION["isCustomer"] == true) {
     <link rel="stylesheet" href="assets/css/style2.css" />
     <link rel="stylesheet" href="assets/css/responsive.css" />
 
+    <link rel="stylesheet" href="https://cdn.metroui.org.ua/current/metro.css">
+    <script src="https://cdn.metroui.org.ua/current/metro.js"></script>
     <!-- Background css -->
     <link rel="stylesheet" id="bg-switcher-css" href="assets/css/backgrounds/bg-4.css">
     <style>
-        .tab.active {
-            background-color: #ffaa00;
-            /* Set your desired background color for the active tab */
-            color: #ffffff;
-            /* Set your desired text color for the active tab */
+    .tab.active {
+        background-color: #ffaa00;
+        /* Set your desired background color for the active tab */
+        color: #ffffff;
+        /* Set your desired text color for the active tab */
+
+    }
+
+    #pagination {
+        display: flex;
+        list-style: none;
+        padding: 0;
+        margin: 0;
+        justify-content: center;
+        margin-top: 20px;
+    }
+
+    #pagination a {
+        color: #333;
+        text-decoration: none;
+        padding: 5px 10px;
+        border: 1px solid #ccc;
+        border-radius: 4px;
+    }
+
+    .roww {
+        width: 100%;
+        display: flex;
+        /* justify-content: center;
+        align-items: center; */
+        flex-wrap: nowrap !important;
+        flex-direction: row !important;
+    }
+
+    @media(max-width:992px) {
+        .roww {
+            flex-wrap: wrap !important;
 
         }
-        #pagination {
-            display: flex;
-            list-style: none;
-            padding: 0;
-            margin: 0;
-            justify-content: center;
-            margin-top: 20px;
-        }
-
-        #pagination a {
-            color: #333;
-            text-decoration: none;
-            padding: 5px 10px;
-            border: 1px solid #ccc;
-            border-radius: 4px;
-        }
+    }
     </style>
-    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> 
+    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
     <script>
-        function updateCartItemCount() {
-            $.get("cartitems.php?id=<?php echo $_SESSION['customerId']; ?>", function(data, status) {
-                if (data != "") {
-                    console.log("Data: " + data + "\nStatus: " + status);
-                    document.getElementById("cartItemCount").innerHTML = data;
-                }
-            });
-        }
+    function updateCartItemCount() {
+        $.get("cartitems.php?id=<?php echo $_SESSION['customerId']; ?>", function(data, status) {
+            if (data != "") {
+                console.log("Data: " + data + "\nStatus: " + status);
+                document.getElementById("cartItemCount").innerHTML = data;
+            }
+        });
+    }
     </script>
 </head>
 
@@ -122,18 +145,22 @@ if ($_SESSION["isCustomer"] == true) {
 
     <!-- Header start  -->
     <?php include "header.php" ?>
+
     <!-- Header End  -->
 
     <!-- ekka Cart Start -->
 
     <!-- ekka Cart End -->
 
+    <!-- Category Sidebar start -->
+    <?php include "category-slider.php" ?>
+
     <!-- Ec breadcrumb start -->
     <div class="sticky-header-next-sec  ec-breadcrumb section-space-mb">
         <div class="container">
             <div class="row">
                 <div class="col-12">
-                    <div class="row ec_breadcrumb_inner">
+                    <div class="row ec_breadcrumb_inner roww">
                         <div class="col-md-6 col-sm-12">
                             <h2 class="ec-breadcrumb-title">User History</h2>
                         </div>
@@ -150,12 +177,12 @@ if ($_SESSION["isCustomer"] == true) {
             </div>
         </div>
     </div>
-    <!-- Ec breadcrumb end -->          
+    <!-- Ec breadcrumb end -->
     <section class="ec-page-content ec-vendor-uploads ec-user-account section-space-p">
         <div class="container">
-            <div class="row">
+            <div class="row roww">
                 <!-- Sidebar Area Start -->
-                <div class="ec-shop-leftside ec-vendor-sidebar col-lg-3 col-md-12">
+                <div class="ec-shop-leftside ec-vendor-sidebar col-lg-3 col-md-12 ">
                     <div class="ec-sidebar-wrap ec-border-box">
                         <!-- Sidebar Category Block -->
                         <div class="ec-sidebar-block">
@@ -163,19 +190,26 @@ if ($_SESSION["isCustomer"] == true) {
                                 <!-- 03-12-2024 Stacy added placeholder for vendor banner -->
                                 <?php
                                     if (!empty($vendorData['vendor_banner'])) { ?>
-                                        <div class="ec-vendor-block-bg" style="background-image: url(<?php echo $vendorData['vendor_banner'] ?>) !important;"></div>
-                                    <?php } else { ?>
-                                        <div class="ec-vendor-block-bg" style="background-color: orange; background-image: url(<?php echo $vendorData['vendor_banner'] ?>) !important;"></div>
+                                <div class="ec-vendor-block-bg"
+                                    style="background-image: url(<?php echo $vendorData['vendor_banner'] ?>) !important;">
+                                </div>
+                                <?php } else { ?>
+                                <div class="ec-vendor-block-bg"
+                                    style="background-color: orange; background-image: url(<?php echo $vendorData['vendor_banner'] ?>) !important;">
+                                </div>
                                 <?php } ?>
                                 <!-- <div class="ec-vendor-block-bg" style="background-image: url(<?php echo $vendorData['vendor_banner'] ?>) !important;"></div> -->
                                 <div class="ec-vendor-block-detail">
-                                <?php
+                                    <?php
                                 if (!empty($vendorData['vendor_image'])) { ?>
-                                    <img class="v-img" src=<?php echo $vendorData['vendor_image'] ?> alt="vendor image">
-                                <?php } else { ?>
-                                    <img class="v-img" src="https://yourteachingmentor.com/wp-content/uploads/2020/12/istockphoto-1223671392-612x612-1.jpg" alt="vendor image">
-                                <?php } ?>
-                                    <!-- <img class="v-img" src=<?php #echo $vendorData['vendor_image'] ?> alt="vendor image"> -->
+                                    <img loading="lazy" class="v-img" src=<?php echo $vendorData['vendor_image'] ?>
+                                        alt="vendor image">
+                                    <?php } else { ?>
+                                    <img loading="lazy" class="v-img"
+                                        src="https://yourteachingmentor.com/wp-content/uploads/2020/12/istockphoto-1223671392-612x612-1.jpg"
+                                        alt="vendor image">
+                                    <?php } ?>
+                                    <!-- <img loading="lazy" class="v-img" src=<?php #echo $vendorData['vendor_image'] ?> alt="vendor image"> -->
                                     <h5 class="name"><?php echo $vendorData['user_login'] ?></h5>
                                 </div>
                                 <!-- <div class="ec-vendor-block-items">
@@ -184,11 +218,11 @@ if ($_SESSION["isCustomer"] == true) {
                                         <li><a href="vendor-uploads.php">Upload Product</a></li>
                                         <li><a href="vendor-settings.php">Settings (Edit)</a></li>
                                         <li><a href="user-refund-history.php">User Refund History</a></li> -->
-                                        <!-- <li><a href="cart.html">Cart</a></li>
+                                <!-- <li><a href="cart.html">Cart</a></li>
                                         <li><a href="checkout.html">Checkout</a></li>
                                         <li><a href="track-order.html">Track Order</a></li>
                                         <li><a href="user-invoice.html">Invoice</a></li> -->
-                                    <!-- </ul>
+                                <!-- </ul>
                                 </div> -->
                                 <?php include "vendor-user-tabs.php" ?>
                             </div>
@@ -198,23 +232,27 @@ if ($_SESSION["isCustomer"] == true) {
                 <div class="ec-shop-rightside col-lg-9 col-md-12">
                     <div class="ec-vendor-dashboard-card">
                         <div class="ec-vendor-card-header">
-                            <h5>Payments</h5>                           
+                            <h5>Payments</h5>
                         </div>
                         <div class="ec-vendor-card-body">
                             <div class="ec-vendor-card-table">
-                                
+
                                 <div id="payments" class="tab-content active">
 
                                     <!-- Gelo added vendor payments tab -->
-                                    <table class="table ec-table">
+                                    <table class="table ec-table" id="order-table" style="overflow-x: auto;"
+                                        data-role="table" data-pagination="true" data-searching="true"
+                                        data-filtering="true" data-sorting="true" data-show-rows-steps="5,10,20,-1"
+                                        data-horizontal-scroll="true" data-rownum="true"
+                                        data-table-info-title="Display from $1 to $2 of $3 payment(s)">
                                         <thead>
                                             <tr>
-                                                <th scope="col">Payment Method</th>
-                                                <th scope="col">Amount</th>
-                                                <th scope="col">Status</th>
-                                                <th scope="col">Description</th>
-                                                <th scope="col">Date Created</th>                                              
-                                                <th scope="col">Action</th>                                            
+                                                <th data-sortable="true" scope="col">Payment Method</th>
+                                                <th data-sortable="true" scope="col">Amount</th>
+                                                <th data-sortable="true" scope="col">Status</th>
+                                                <th data-sortable="true" scope="col">Description</th>
+                                                <th data-sortable="true" scope="col">Date Created</th>
+                                                <th data-sortable="true" scope="col">Action</th>
                                             </tr>
                                         </thead>
                                         <tbody id="paymentsTableBody">
@@ -232,16 +270,19 @@ if ($_SESSION["isCustomer"] == true) {
                                                         }
                                                         $totalPayments++;                                                                                             
                                             ?>
-                                                        <tr>                                  
-                                                            <td><?php echo   $orderItems['payment_method']; ?></td>   
-                                                            <td>₱ <?php echo   $orderItems['total_amount']; ?></td>
-                                                            <td><?php echo   $orderItems['payment']['status']; ?></td>
-                                                            <td><?php echo   $orderItems['items'][0]['product']['name']; ?></td>
-                                                            <td><?php echo   $formattedDate?></td>   
-                                                            <td><button type="button" class="btn btn-primary showSinglePaymentBtn"  data-order-id="<?php echo $orderItems['_id']; ?>" data-bs-toggle="modal" data-bs-target="#vendorPaymentsModal">View</button></td>
+                                            <tr>
+                                                <td><?php echo   $orderItems['payment_method']; ?></td>
+                                                <td>₱ <?php echo   $orderItems['total_amount']; ?></td>
+                                                <td><?php echo   $orderItems['payment']['status']; ?></td>
+                                                <td><?php echo   $orderItems['items'][0]['product']['name']; ?></td>
+                                                <td><?php echo   $formattedDate?></td>
+                                                <td><button type="button" class="btn btn-primary showSinglePaymentBtn"
+                                                        data-order-id="<?php echo $orderItems['_id']; ?>"
+                                                        data-bs-toggle="modal"
+                                                        data-bs-target="#vendorPaymentsModal">View</button></td>
 
 
-                                                        </tr>                                                                                                  
+                                            </tr>
                                             <?php  
                                                     }
                                                 }
@@ -250,194 +291,194 @@ if ($_SESSION["isCustomer"] == true) {
                                         </tbody>
                                     </table>
                                 </div>
-                                <div id="pagination"></div>
+                                <!-- <div id="pagination"></div> -->
 
 
                                 <script>
-                                    const itemsPerPage = 5;
-                                    const totalItems = <?php echo $totalPayments; ?>;
-                                    const totalPages = Math.ceil(totalItems / itemsPerPage);
+                                const itemsPerPage = 5;
+                                const totalItems = <?php echo $totalPayments; ?>;
+                                const totalPages = Math.ceil(totalItems / itemsPerPage);
 
-                                  
-                                    function showPage(page) {
-                                        const startIndex = (page - 1) * itemsPerPage;
-                                        const endIndex = startIndex + itemsPerPage;
-                                        const tableRows = document.querySelectorAll('#paymentsTableBody tr');
-                                        
-                                        // for pagination button
-                                        const pager = document.querySelectorAll('.page-btn')
-                                        pager.forEach((row, index) => {
-                                            if (index!==page-1) {
-                                                row.style.backgroundColor="white";
-                                                row.style.color="black";
-                                            } else {
-                                                row.style.backgroundColor="#007bff";
-                                                row.style.color="white";
-                                            }
-                                        });
 
-                                        
-                                        tableRows.forEach((row, index) => {
-                                            if (index >= startIndex && index < endIndex) {
-                                                row.style.display = 'table-row';
-                                            } else {
-                                                row.style.display = 'none';
-                                            }
-                                        });
-                                    }
+                                function showPage(page) {
+                                    const startIndex = (page - 1) * itemsPerPage;
+                                    const endIndex = startIndex + itemsPerPage;
+                                    const tableRows = document.querySelectorAll('#paymentsTableBody tr');
 
-                                    function createPagination() {
-                                        const paginationContainer = document.getElementById('pagination');
-
-                                        for (let i = 1; i <= totalPages; i++) {
-                                            // created a tag
-                                            const pageButton = document.createElement('a');
-                                            // created class for a tag
-                                            pageButton.className = "page-btn page-" + i
-                                            pageButton.textContent = i;
-                                            pageButton.addEventListener('click', () => showPage(i));
-                                            paginationContainer.appendChild(pageButton);
+                                    // for pagination button
+                                    const pager = document.querySelectorAll('.page-btn')
+                                    pager.forEach((row, index) => {
+                                        if (index !== page - 1) {
+                                            row.style.backgroundColor = "white";
+                                            row.style.color = "black";
+                                        } else {
+                                            row.style.backgroundColor = "#007bff";
+                                            row.style.color = "white";
                                         }
-                                    }
+                                    });
 
-                                    createPagination();
-                                    showPage(1); // Show the first page by default
+
+                                    tableRows.forEach((row, index) => {
+                                        if (index >= startIndex && index < endIndex) {
+                                            row.style.display = 'table-row';
+                                        } else {
+                                            row.style.display = 'none';
+                                        }
+                                    });
+                                }
+
+                                // function createPagination() {
+                                //     const paginationContainer = document.getElementById('pagination');
+
+                                //     for (let i = 1; i <= totalPages; i++) {
+                                //         // created a tag
+                                //         const pageButton = document.createElement('a');
+                                //         // created class for a tag
+                                //         pageButton.className = "page-btn page-" + i
+                                //         pageButton.textContent = i;
+                                //         pageButton.addEventListener('click', () => showPage(i));
+                                //         paginationContainer.appendChild(pageButton);
+                                //     }
+                                // }
+
+                                // createPagination();
+                                showPage(1); // Show the first page by default
                                 </script>
                                 <script>
-                                    
-                                    var sessionToken = '<?php echo isset($_SESSION["token"]) ? $_SESSION["token"] : ""; ?>';
-                                    var email = '<?php echo isset($_SESSION["email"]) ? $_SESSION["email"] : ""; ?>';
-                                    var password = '<?php echo isset($_SESSION["password"]) ? $_SESSION["password"] : ""; ?>';
+                                var sessionToken = '<?php echo isset($_SESSION["token"]) ? $_SESSION["token"] : ""; ?>';
+                                var email = '<?php echo isset($_SESSION["email"]) ? $_SESSION["email"] : ""; ?>';
+                                var password =
+                                    '<?php echo isset($_SESSION["password"]) ? $_SESSION["password"] : ""; ?>';
 
-                                    function login(username, password, callback) {
-                                        fetch("https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/login", {
-                                                method: "POST",
+                                function login(username, password, callback) {
+                                    fetch("https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/login", {
+                                            method: "POST",
+                                            headers: {
+                                                "Content-Type": "application/json",
+                                                "X-Api-Key": "{{apiKey}}"
+                                            },
+                                            body: JSON.stringify({
+                                                username: username,
+                                                password: password
+                                            })
+                                        })
+                                        .then(response => {
+                                            if (response.ok) {
+                                                return response.json();
+                                            } else {
+                                                throw new Error("Unable to login");
+                                            }
+                                        })
+                                        .then(data => {
+                                            // Update the session token on the server side
+                                            fetch("update-token-session.php", {
+                                                    method: "POST",
+                                                    headers: {
+                                                        "Content-Type": "application/json"
+                                                    },
+                                                    body: JSON.stringify({
+                                                        token: data.token
+                                                    })
+                                                })
+                                                .then(response => response.json())
+                                                .then(result => {
+                                                    if (result.status === 'success') {
+                                                        // Update the session token in the client-side variable
+                                                        sessionToken = data.token;
+                                                        console.log("New Token:", sessionToken);
+                                                        callback();
+                                                    } else {
+                                                        throw new Error("Unable to update session token");
+                                                    }
+                                                });
+                                        })
+                                        .catch(error => {
+                                            console.error("Error:", error.message);
+                                        });
+                                }
+
+
+
+                                function updateRefundShipStatus(orderId, image, reason) {
+                                    login(email, password, function() {
+                                        fetch(`https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/orders/${orderId}`, {
+                                                method: 'PATCH',
                                                 headers: {
-                                                    "Content-Type": "application/json",
-                                                    "X-Api-Key": "{{apiKey}}"
+                                                    'Content-Type': 'application/json',
+                                                    'Authorization': 'Bearer ' + sessionToken,
                                                 },
                                                 body: JSON.stringify({
-                                                    username: username,
-                                                    password: password
-                                                })
+                                                    return_order: {
+                                                        reason: reason,
+                                                        image: image,
+                                                        status: 'To Ship',
+                                                    }
+                                                }),
                                             })
-                                            .then(response => {
-                                                if (response.ok) {
-                                                    return response.json();
+                                            .then(response => response.json())
+                                            .then(data => {
+                                                // Assuming the server responds with a JSON object indicating success or failure
+                                                if (data && data !== "") {
+                                                    // Update the status in the table without reloading the page
+                                                    // document.querySelector(`[data-order-id="${orderId}"] .order-status`).innerText = 'COMPLETED';
+                                                    // location.reload();
+
                                                 } else {
-                                                    throw new Error("Unable to login");
+                                                    alert('Failed to update order status');
                                                 }
                                             })
+                                            .catch(error => {
+                                                console.error('Error:', error);
+                                                alert('An error occurred while updating order status');
+                                            });
+                                    })
+                                }
+
+                                function updateRefundReceiveStatus(orderId, image, reason) {
+                                    login(email, password, function() {
+                                        fetch(`https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/orders/${orderId}`, {
+                                                method: 'PATCH',
+                                                headers: {
+                                                    'Content-Type': 'application/json',
+                                                    'Authorization': 'Bearer ' + sessionToken,
+                                                },
+                                                body: JSON.stringify({
+                                                    return_order: {
+                                                        reason: reason,
+                                                        image: image,
+                                                        status: 'To Refund',
+                                                    }
+                                                }),
+                                            })
+                                            .then(response => response.json())
                                             .then(data => {
-                                                // Update the session token on the server side
-                                                fetch("update-token-session.php", {
-                                                        method: "POST",
-                                                        headers: {
-                                                            "Content-Type": "application/json"
-                                                        },
-                                                        body: JSON.stringify({
-                                                            token: data.token
-                                                        })
-                                                    })
-                                                    .then(response => response.json())
-                                                    .then(result => {
-                                                        if (result.status === 'success') {
-                                                            // Update the session token in the client-side variable
-                                                            sessionToken = data.token;
-                                                            console.log("New Token:", sessionToken);
-                                                            callback();
-                                                        } else {
-                                                            throw new Error("Unable to update session token");
-                                                        }
-                                                    });
+                                                // Assuming the server responds with a JSON object indicating success or failure
+                                                if (data && data !== "") {
+                                                    // Update the status in the table without reloading the page
+                                                    // document.querySelector(`[data-order-id="${orderId}"] .order-status`).innerText = 'COMPLETED';
+                                                    location.reload();
+
+                                                } else {
+                                                    alert('Failed to update order status');
+                                                }
                                             })
                                             .catch(error => {
-                                                console.error("Error:", error.message);
+                                                console.error('Error:', error);
+                                                alert('An error occurred while updating order status');
                                             });
-                                    }
+                                    })
 
-                                    
-
-                                    function updateRefundShipStatus(orderId, image, reason) {
-                                        login(email, password, function() {
-                                            fetch(`https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/orders/${orderId}`, {
-                                                    method: 'PATCH',
-                                                    headers: {
-                                                        'Content-Type': 'application/json',
-                                                        'Authorization': 'Bearer ' + sessionToken,
-                                                    },
-                                                    body: JSON.stringify({
-                                                        return_order: {
-                                                            reason: reason,
-                                                            image: image,
-                                                            status: 'To Ship',
-                                                        }
-                                                    }),
-                                                })
-                                                .then(response => response.json())
-                                                .then(data => {
-                                                    // Assuming the server responds with a JSON object indicating success or failure
-                                                    if (data && data !== "") {
-                                                        // Update the status in the table without reloading the page
-                                                        // document.querySelector(`[data-order-id="${orderId}"] .order-status`).innerText = 'COMPLETED';
-                                                        // location.reload();
-
-                                                    } else {
-                                                        alert('Failed to update order status');
-                                                    }
-                                                })
-                                                .catch(error => {
-                                                    console.error('Error:', error);
-                                                    alert('An error occurred while updating order status');
-                                                });
-                                        })
-                                    }
-
-                                    function updateRefundReceiveStatus(orderId, image, reason) {
-                                        login(email, password, function() {
-                                            fetch(`https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/orders/${orderId}`, {
-                                                    method: 'PATCH',
-                                                    headers: {
-                                                        'Content-Type': 'application/json',
-                                                        'Authorization': 'Bearer ' + sessionToken,
-                                                    },
-                                                    body: JSON.stringify({
-                                                        return_order: {
-                                                            reason: reason,
-                                                            image: image,
-                                                            status: 'To Refund',
-                                                        }
-                                                    }),
-                                                })
-                                                .then(response => response.json())
-                                                .then(data => {
-                                                    // Assuming the server responds with a JSON object indicating success or failure
-                                                    if (data && data !== "") {
-                                                        // Update the status in the table without reloading the page
-                                                        // document.querySelector(`[data-order-id="${orderId}"] .order-status`).innerText = 'COMPLETED';
-                                                        location.reload();
-
-                                                    } else {
-                                                        alert('Failed to update order status');
-                                                    }
-                                                })
-                                                .catch(error => {
-                                                    console.error('Error:', error);
-                                                    alert('An error occurred while updating order status');
-                                                });
-                                        })
-
-                                    }
+                                }
 
 
-                                    //S 03-06-2024 Stacy added upload function
-                                    function addProduct() {
-                                        console.log("Session Token:", sessionToken);
-                                        login(email, password, function() {
-                                            // Removed the call to updateSessionToken
-                                            window.open("vendor-uploads-add-product-action.php", "_self");
-                                        });
-                                    }
+                                //S 03-06-2024 Stacy added upload function
+                                function addProduct() {
+                                    console.log("Session Token:", sessionToken);
+                                    login(email, password, function() {
+                                        // Removed the call to updateSessionToken
+                                        window.open("vendor-uploads-add-product-action.php", "_self");
+                                    });
+                                }
                                 </script>
                             </div>
                         </div>
@@ -447,11 +488,13 @@ if ($_SESSION["isCustomer"] == true) {
         </div>
     </section>
     <!--Gelo added payment details modal-->
-    <div class="modal fade" id="vendorPaymentsModal" tabindex="-1" aria-labelledby="vendorPaymentsModalLabel" aria-hidden="true">
+    <div class="modal fade" id="vendorPaymentsModal" tabindex="-1" aria-labelledby="vendorPaymentsModalLabel"
+        aria-hidden="true">
         <div class="modal-dialog modal-xl" style="min-width: 90%;">
             <div class="modal-content">
                 <div class="modal-header">
-                    <h5 class="modal-title fs-5" id="vendorPaymentsModalLabel">Payment ID: <span id="paymentIdSpan"></span></h5>
+                    <h5 class="modal-title fs-5" id="vendorPaymentsModalLabel">Payment ID: <span
+                            id="paymentIdSpan"></span></h5>
                     <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                 </div>
                 <div class="modal-body">
@@ -467,48 +510,54 @@ if ($_SESSION["isCustomer"] == true) {
     </div>
     <!-- GELO ADDED AJAX FUNCTION FOR MODAL BOX QUERY -->
     <script>
-        $(document).ready(function() {
-            $('.showSinglePaymentBtn').click(function() {
-                var orderId = $(this).data('order-id');
+    $(document).ready(function() {
+        $('.showSinglePaymentBtn').click(function() {
+            var orderId = $(this).data('order-id');
 
-                var token = "<?php echo $authtoken;?>";
-                <?php           
+            var token = "<?php echo $authtoken;?>";
+            <?php           
                 ?>
-               
-                $.ajax({
-                    
-                    // url: 'https://api.obanana.shop/api/v1/orders/' + orderId,
-                    url: 'https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/orders/' + orderId,
-                    type: 'GET',
-                    headers: {
-                    'Authorization': 'Bearer ' + token 
-                    },
-                    success: function(response) {
+
+            $.ajax({
+
+                // url: 'https://api.obanana.shop/api/v1/orders/' + orderId,
+                url: 'https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/orders/' +
+                    orderId,
+                type: 'GET',
+                headers: {
+                    'Authorization': 'Bearer ' + token
+                },
+                success: function(response) {
                     // Handle successful response
                     console.log(response);
-                        var paymentId = response.payment.reference_number;
-                        $('#paymentIdSpan').text(paymentId);
-                        var gross_price =  (response.payment.details[0]?.attributes.data.attributes.amount / 100).toFixed(2);
-                        var payment_status = response.payment.status;
-                        var fee = response.payment.details[0]?.attributes.data.attributes.fee;
-                        var net_amount = (response.payment.details[0]?.attributes.data.attributes.payments[0].attributes.net_amount / 100).toFixed(2);
-                        var desc = response.items[0].product.name;
-                        var method = response.payment_method;
-                        var name = response.billing_address.billing_first_name + " " + response.billing_address.billing_last_name;
-                        var email = response.payment.details[0]?.attributes.data.attributes.payments[0].attributes.billing?.email;   
-                        var phone = response.billing_address.billing_phone;
-                        var rawDate = response.payment.details[0]?.attributes.data.attributes.payments[0]?.createdAt;
-                        var payoutStatus = response.payout_status[0]?.status;
-                        if (rawDate){            
-                            var createdAtDate = new Date(rawDate);                   
-                            var month = String(createdAtDate.getMonth() + 1).padStart(2, '0');
-                            var day = String(createdAtDate.getDate()).padStart(2, '0');
-                            var year = createdAtDate.getFullYear();                  
-                            var date = month + '/' + day + '/' + year;
-                        }
+                    var paymentId = response.payment.reference_number;
+                    $('#paymentIdSpan').text(paymentId);
+                    var gross_price = (response.payment.details[0]?.attributes.data
+                        .attributes.amount / 100).toFixed(2);
+                    var payment_status = response.payment.status;
+                    var fee = response.payment.details[0]?.attributes.data.attributes.fee;
+                    var net_amount = (response.payment.details[0]?.attributes.data
+                        .attributes.payments[0].attributes.net_amount / 100).toFixed(2);
+                    var desc = response.items[0].product.name;
+                    var method = response.payment_method;
+                    var name = response.billing_address.billing_first_name + " " + response
+                        .billing_address.billing_last_name;
+                    var email = response.payment.details[0]?.attributes.data.attributes
+                        .payments[0].attributes.billing?.email;
+                    var phone = response.billing_address.billing_phone;
+                    var rawDate = response.payment.details[0]?.attributes.data.attributes
+                        .payments[0]?.createdAt;
+                    var payoutStatus = response.payout_status[0]?.status;
+                    if (rawDate) {
+                        var createdAtDate = new Date(rawDate);
+                        var month = String(createdAtDate.getMonth() + 1).padStart(2, '0');
+                        var day = String(createdAtDate.getDate()).padStart(2, '0');
+                        var year = createdAtDate.getFullYear();
+                        var date = month + '/' + day + '/' + year;
+                    }
 
-                        if(payoutStatus === 'Deposited'){
-                            var orderDetailsHtml = `                    
+                    if (payoutStatus === 'Deposited') {
+                        var orderDetailsHtml = `                    
                                 <div class="row">
                                                 <div class="col-12">
                                                         
@@ -575,8 +624,8 @@ if ($_SESSION["isCustomer"] == true) {
                                                 </div>
                                             </div>
                                 `;
-                            }else{
-                                var orderDetailsHtml = `                    
+                    } else {
+                        var orderDetailsHtml = `                    
                                 <div class="row">
                                     <div class="col-12">
                                             
@@ -636,13 +685,13 @@ if ($_SESSION["isCustomer"] == true) {
                                     </div>
                                 </div>
                                 `;
-                            }
-                            $('#orderDetailsContainer').html(orderDetailsHtml);
-                        },
-                })
-                
-            });
+                    }
+                    $('#orderDetailsContainer').html(orderDetailsHtml);
+                },
+            })
+
         });
+    });
     </script>
     <!-- Footer Start -->
     <?php include "footer.php" ?>
@@ -654,16 +703,20 @@ if ($_SESSION["isCustomer"] == true) {
         <div class="container">
             <div class="ec-nav-panel">
                 <div class="ec-nav-panel-icons">
-                    <a href="#ec-mobile-menu" class="navbar-toggler-btn ec-header-btn ec-side-toggle"><i class="fi-rr-menu-burger"></i></a>
+                    <a href="#ec-mobile-menu" class="navbar-toggler-btn ec-header-btn ec-side-toggle"><i
+                            class="fi-rr-menu-burger"></i></a>
                 </div>
                 <div class="ec-nav-panel-icons">
-                    <a href="#ec-side-cart" class="toggle-cart ec-header-btn ec-side-toggle"><i class="fi-rr-shopping-bag"></i><span class="ec-cart-noti ec-header-count cart-count-lable">3</span></a>
+                    <a href="#ec-side-cart" class="toggle-cart ec-header-btn ec-side-toggle"><i
+                            class="fi-rr-shopping-bag"></i><span
+                            class="ec-cart-noti ec-header-count cart-count-lable">3</span></a>
                 </div>
                 <div class="ec-nav-panel-icons">
                     <a href="index.php" class="ec-header-btn"><i class="fi-rr-home"></i></a>
                 </div>
                 <div class="ec-nav-panel-icons">
-                    <a href="wishlist.html" class="ec-header-btn"><i class="fi-rr-heart"></i><span class="ec-cart-noti">4</span></a>
+                    <a href="wishlist.html" class="ec-header-btn"><i class="fi-rr-heart"></i><span
+                            class="ec-cart-noti">4</span></a>
                 </div>
                 <div class="ec-nav-panel-icons">
                     <a href="login.php" class="ec-header-btn"><i class="fi-rr-user"></i></a>
@@ -683,121 +736,7 @@ if ($_SESSION["isCustomer"] == true) {
     </div>
     <!-- Cart Floating Button end -->
 
-    <!-- Whatsapp -->
-    <div class="ec-style ec-right-bottom">
-        <!-- Start Floating Panel Container -->
-        <div class="ec-panel">
-            <!-- Panel Header -->
-            <div class="ec-header">
-                <strong>Need Help?</strong>
-                <p>Chat with us on WhatsApp</p>
-            </div>
-            <!-- Panel Content -->
-            <div class="ec-body">
-                <ul>
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Sahar Darya</span>
-                                    <p>Sahar left 7 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-online"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Yolduz Rafi</span>
-                                    <p>Yolduz is online</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Nargis Hawa</span>
-                                    <p>Nargis left 30 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Khadija Mehr</span>
-                                    <p>Khadija left 50 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                </ul>
-            </div>
-        </div>
-        <!--/ End Floating Panel Container -->
-        <!-- Start Right Floating Button-->
-        <div class="ec-right-bottom">
-            <div class="ec-box">
-                <div class="ec-button rotateBackward">
-                    <img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
-                </div>
-            </div>
-        </div>
-        <!--/ End Right Floating Button-->
-    </div>
-    <!-- Whatsapp end -->
+
 
     <!-- Feature tools -->
     <div class="ec-tools-sidebar-overlay"></div>
@@ -806,7 +745,7 @@ if ($_SESSION["isCustomer"] == true) {
             <h3>Features</h3>
         </div>
         <a href="#" class="ec-tools-sidebar-toggle in-out">
-            <img alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">
@@ -872,7 +811,7 @@ if ($_SESSION["isCustomer"] == true) {
     <script src="assets/js/vendor/bootstrap.min.js"></script>
     <script src="assets/js/vendor/jquery-migrate-3.3.0.min.js"></script>
     <script src="assets/js/vendor/modernizr-3.11.2.min.js"></script>
-    
+
 
 
     <!--Plugins JS-->
@@ -885,9 +824,10 @@ if ($_SESSION["isCustomer"] == true) {
     <script src="assets/js/vendor/jquery.magnific-popup.min.js"></script>
     <script src="assets/js/plugins/jquery.sticky-sidebar.js"></script>
     <script src="assets/js/plugins/nouislider.js"></script>
-    <script> 
-        const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]')
-        const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl))
+    <!-- <script src="https://cdn.metroui.org.ua/current/metro.js"></script> -->
+    <script>
+    const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]')
+    const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl))
     </script>
     <!-- Main Js -->
     <script src="assets/js/vendor/index.js"></script>

vendor-payouts.php

@@ -51,7 +51,8 @@ $vendorPayoutData = json_decode($response, true);
     <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
 
     <title>oBanana B2B - Elevate Your Business</title>
-    <meta name="keywords" content="apparel, catalog, clean, ecommerce, ecommerce HTML, electronics, fashion, html eCommerce, html store, minimal, multipurpose, multipurpose ecommerce, online store, responsive ecommerce template, shops" />
+    <meta name="keywords"
+        content="apparel, catalog, clean, ecommerce, ecommerce HTML, electronics, fashion, html eCommerce, html store, minimal, multipurpose, multipurpose ecommerce, online store, responsive ecommerce template, shops" />
     <meta name="description" content="Best ecommerce html template for single and multi vendor store.">
     <meta name="author" content="ashishmaraviya">
 
@@ -62,6 +63,9 @@ $vendorPayoutData = json_decode($response, true);
 
     <!-- css Icon Font -->
     <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
+        integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A=="
+        crossorigin="anonymous" referrerpolicy="no-referrer" />
 
     <!-- css All Plugins Files -->
     <link rel="stylesheet" href="assets/css/plugins/animate.css" />
@@ -75,34 +79,55 @@ $vendorPayoutData = json_decode($response, true);
     <link rel="stylesheet" href="assets/css/style.css" />
     <link rel="stylesheet" href="assets/css/style2.css" />
     <link rel="stylesheet" href="assets/css/responsive.css" />
+
     <link href="https://cdn.datatables.net/v/bs5/dt-2.0.3/r-3.0.0/sp-2.3.0/datatables.min.css" rel="stylesheet">
- 
+
+    <link rel="stylesheet" href="https://cdn.metroui.org.ua/current/metro.css">
+    <script src="https://cdn.metroui.org.ua/current/metro.js"></script>
 
 
     <!-- Background css -->
     <link rel="stylesheet" id="bg-switcher-css" href="assets/css/backgrounds/bg-4.css">
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/select2@latest/dist/css/select2.min.css" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/select2@latest/dist/css/select2.min.css"
+        crossorigin="anonymous" referrerpolicy="no-referrer" />
     <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/select2@latest/dist/js/select2.min.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
-
+    <script src="https://cdn.jsdelivr.net/npm/select2@latest/dist/js/select2.min.js" crossorigin="anonymous"
+        referrerpolicy="no-referrer"></script>
     <script>
-        function renewToken() {
-                var xhr = new XMLHttpRequest();
-                xhr.open("GET", "vendor-payoutsTokenRN.php", true);
-                xhr.send();
-            }
+    function renewToken() {
+        var xhr = new XMLHttpRequest();
+        xhr.open("GET", "vendor-payoutsTokenRN.php", true);
+        xhr.send();
+    }
 
-            setInterval(function() {
-                var currentTime = <?php echo time(); ?>;
-                var renewalTime = <?php echo $renewal_time; ?>;
-                var expirationTime = <?php echo $expiration_time; ?>;
+    setInterval(function() {
+        var currentTime = <?php echo time(); ?>;
+        var renewalTime = <?php echo $renewal_time; ?>;
+        var expirationTime = <?php echo $expiration_time; ?>;
 
-                if (currentTime >= renewalTime || currentTime >= expirationTime) {
-                    renewToken();
-                }
-            }, 60000);
+        if (currentTime >= renewalTime || currentTime >= expirationTime) {
+            renewToken();
+        }
+    }, 60000);
     </script>
 </head>
+<style>
+.roww {
+    width: 100%;
+    display: flex;
+    /* justify-content: center;
+        align-items: center; */
+    flex-wrap: nowrap !important;
+    flex-direction: row !important;
+}
+
+@media(max-width:992px) {
+    .roww {
+        flex-wrap: wrap !important;
+
+    }
+}
+</style>
 
 <body class="shop_page">
     <div id="ec-overlay">
@@ -130,15 +155,15 @@ $vendorPayoutData = json_decode($response, true);
         <div class="container">
             <div class="row">
                 <div class="col-12">
-                    <div class="row ec_breadcrumb_inner">
+                    <div class="row ec_breadcrumb_inner roww">
                         <div class="col-md-6 col-sm-12">
-                            <h2 class="ec-breadcrumb-title">Vendor Settings</h2>
+                            <h2 class="ec-breadcrumb-title">Vendor Payouts</h2>
                         </div>
                         <div class="col-md-6 col-sm-12">
                             <!-- ec-breadcrumb-list start -->
                             <ul class="ec-breadcrumb-list">
                                 <li class="ec-breadcrumb-item"><a href="index.php">Home</a></li>
-                                <li class="ec-breadcrumb-item active">Settings</li>
+                                <li class="ec-breadcrumb-item active">Payouts</li>
                             </ul>
                             <!-- ec-breadcrumb-list end -->
                         </div>
@@ -152,183 +177,230 @@ $vendorPayoutData = json_decode($response, true);
     <!-- Vendor setting section -->
     <section class="ec-page-content ec-vendor-uploads section-space-p">
         <div class="container">
-            <div class="row">
+            <div class="row roww">
                 <!-- Sidebar Area Start -->
                 <div class="ec-shop-leftside ec-vendor-sidebar col-lg-3 col-md-12">
                     <div class="ec-sidebar-wrap ec-border-box">
                         <!-- Sidebar Category Block -->
                         <div class="ec-sidebar-block">
                             <div class="ec-vendor-block">
+                                <!-- 03-12-2024 Stacy added placeholder for vendor banner -->
+                                <?php
+                                    if (!empty($vendorData['vendor_banner'])) { ?>
+                                <div class="ec-vendor-block-bg"
+                                    style="background-image: url(<?php echo $vendorData['vendor_banner'] ?>) !important;">
+                                </div>
+                                <?php } else { ?>
+                                <div class="ec-vendor-block-bg"
+                                    style="background-color: orange; background-image: url(<?php echo $vendorData['vendor_banner'] ?>) !important;">
+                                </div>
+                                <?php } ?>
+                                <!-- <div class="ec-vendor-block-bg" style="background-image: url(<?php #echo $vendorData['vendor_banner'] ?>) !important;"></div> -->
+                                <div class="ec-vendor-block-detail">
+                                    <!-- <img loading="lazy" class="v-img" src=<?php #echo $vendorData['vendor_image'] ?> alt="vendor image"> -->
+                                    <!-- 03-12-2024 Stacy added placeholder for vendor profile -->
+                                    <?php
+                                    if (!empty($vendorData['vendor_image'])) { ?>
+                                    <img loading="lazy" class="v-img" src=<?php echo $vendorData['vendor_image'] ?>
+                                        alt="vendor image">
+                                    <?php } else { ?>
+                                    <img loading="lazy" class="v-img"
+                                        src="https://yourteachingmentor.com/wp-content/uploads/2020/12/istockphoto-1223671392-612x612-1.jpg"
+                                        alt="vendor image">
+                                    <?php } ?>
+                                    <h5 class="name"><?php echo $vendorData['user_login'] ?></h5>
+                                </div>
+                                <!-- <div class="ec-vendor-block-items">
+                                    
+                                    <ul>
+                                        <li><a href="vendor-dashboard.php">Dashboard</a></li>
+                                        <li><a onclick="addProduct();" href="">Upload Product</a></li>
+                                        <li><a href="vendor-settings.php">Settings (Edit)</a></li>
+                                    </ul>
+                                </div> -->
                                 <?php include "vendor-user-tabs.php" ?>
                             </div>
                         </div>
                     </div>
                 </div>
                 <div class="ec-shop-rightside col-lg-9 col-md-12">
-                    <div class="ec-vendor-dashboard-card ec-vendor-setting-card">
-                        <div class="ec-vendor-card-body">
-                            <div class="row">
-
-                                <div class="col-md-12 mb-5">
-                                    <div class="panel panel-primary">
-                                        <div class="panel-heading">
-                                            <h5 class="panel-title"><strong>Upcoming Payout</strong></h5>
-                                        </div>
-                                        <div class="panel-body ">
-                                            <div class="row">
-                                                <h4 style="color: #444;">
-                                                    <div class="d-flex align-items-center">
-                                                        <?php 
-                                                        $response = getOrderbyVendorId($vendorId);
-                                                        $upcomingPayout = json_decode($response, true);
-                                                        $payoutSum = 0;
-
-                                                        foreach ($upcomingPayout as $x => $val) {    
-                                                            $paymentStatus = strtolower($val['payment']['status']);
-                                                            $orderStatus = strtolower($val['status']);
-                                                            $payoutStatus = empty($val['payout_status']);
-                                                            if(( $paymentStatus == "paid") && ( $orderStatus == "completed") && ($payoutStatus == true)){
-                                                                $orderAmount = $val['total_amount'];
-                                                                $payoutSum += $orderAmount;
-                                                            }
-                                                        }
-
-                                                        $finalPayoutSum = number_format($payoutSum, 2, '.', ',');
-                                                        ?>
-                                                        <strong>
-                                                            ₱ <?php echo $finalPayoutSum ?>
-                                                        </strong>
-                                                    </div>
-                                                </h4>
-                                                <!-- <div class="text-sm mt-3">
-                                                    Payout Generation: Tue, Mar 19, 2024
-                                                </div>
-                                                <div class="text-sm">
-                                                    Receive Payout on or before: Wed, Mar 20, 2024
-                                                </div> -->
-                                                <div class="text-sm">
-                                                    <?php 
-                                                    $vendorResponse = getVendorbyId($vendorId);
-                                                    $vendorInformation = json_decode($vendorResponse, true);
-                                                    $bankAccountNumber = $vendorInformation['bank_acount_details'][0]['bank_account_number'];
-                                                    $bankNumEnding = substr($bankAccountNumber, -3);
-                                                    ?>
-                                                    Receipient: Philippine National Bank (PNB) Account ending in <?php echo $bankNumEnding?>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
+                    <div class="row">
+                        <div class="col-md-12">
+                            <div class="ec-vendor-dashboard-card">
+                                <div class="ec-vendor-card-header">
+                                    <h5><strong>Upcoming Payout</strong></h5>
                                 </div>
-                                <!-- ADDITIONAL PANELS FOR PAYOUTS FOR FUTURE USE, DO NOT REMOVE  -->
-                                <!-- <div class="col-md-4 mb-5">
-                                    <div class="panel panel-primary">
-                                        <div class="panel-heading">
-                                            <h5 class="panel-title"><strong>Payout Generation Schedule</strong></h5>
-                                        </div>
-                                        <div class="panel-body ">
-                                            <div class="row">
-                                                <h4 style="color: #444;">
-                                                    <div class="d-flex align-items-center">
-                                                        <i class="fi-rs-calendar mt-1 mr-3 "></i>
-                                                        <strong>
-                                                            Weekly
-                                                        </strong>
-                                                    </div>
-                                                </h4>
-                                                <div class="mt-3">
-                                                    <h6>
-                                                        <strong class="text-primary ">Every Tuesday</strong>
-                                                    </h6>
-                                                </div>
-                                                <div class="text-sm">
-                                                    Payouts that will fall on holiday will be processed the next banking day
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="col-md-4 mb-5">
-                                    <div class="panel panel-primary">
-                                        <div class="panel-heading">
-                                            <h5 class="panel-title"><strong>Next Payout</strong></h5>
-                                        </div>
-                                        <div class="panel-body ">
-                                            <div class="row">
-                                                <h4 style="color: #444;">
-                                                    <div class="d-flex align-items-center">
-                                                        <strong>
-                                                            ₱ 0.00
-                                                        </strong>
-                                                    </div>
-                                                </h4>
-                                                <- <div class="text-sm mt-3">
-                                                    Payout Generation: Tue, Mar 25, 2024
-                                                </div>
-                                                <div class="text-sm">
-                                                    Receive Payout on or before: Wed, Mar 26, 2024
-                                                </div> -
-                                                <div class="text-sm">
-                                                    Receipient: Philippine National Bank (PNB) Account ending in <php echo $bankNumEnding?>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div> -->
-                                <div class="col-md-12 mt-3">
-                                    <h5 class='m-0'><strong>Payout History</strong></h5>
-                                    <div class="table-responsive px-4">
-                                        <table id='payoutsTableContent' class="table ec-table">
-                                            <thead>
-                                                <tr>
-                                                    <th scope="col">Amount</th>
-                                                    <th scope="col">Bank</th>
-                                                    <th scope="col">Account Number</th>
-                                                    <th scope="col">Payout Generation</th>
-                                                    <th scope="col">Status</th>
-                                                    <th scope="col">Action</th>
+                                <div class="ec-vendor-card-body">
+                                    <div class="row">
+                                        <h4 style="color: #444;">
+                                            <div class="d-flex align-items-center">
+                                                <?php 
+                                                $response = getOrderbyVendorId($vendorId);
+                                                $upcomingPayout = json_decode($response, true);
+                                                $payoutSum = 0;
 
-                                                </tr>
-                                            </thead>
-                                            <tbody class='table-group-divider'>
-                                                <?php
-                                                foreach ($vendorPayoutData as $x => $val) {
-                                                    $vendorIdCheck = $val['vendor_details'][0]['vendor_id'];
-                                                    $status = ucfirst(strtolower($val['status']));
-                                                    $payoutDate = date("F d, Y", strtotime($val['createdAt']));
-                                                    $payoutId = $val['_id'];
-                                                    if ((empty($vendorIdCheck) == false) && ($vendorIdCheck == $vendorId) && ($status == "Deposited")) { ?>
-                                                        <tr>
-                                                            <td> <?php echo "₱ " . $val['net_amount'] ?> </td>
-                                                            <?php if (empty($val['bank_information'][0]['bank_name']) == false) {
-                                                            ?>
-                                                                <td> <?php echo $val['bank_information'][0]['bank_name'] ?> </td>
-                                                            <?php } else { ?>
-                                                                <td> N/A </td>
-                                                            <?php }
-                                                            if (empty($val['bank_information'][0]['bank_account_number']) == false) {
-                                                                $accNum = $val['bank_information'][0]['bank_account_number'];
-                                                                // Replace characters with asterisks for all characters except the last three segments
-                                                                $maskedAccNum = substr_replace($accNum, str_repeat('*', strlen($accNum) - 3), 0, -3); ?>
-                                                                <td> <?php echo $maskedAccNum ?> </td>
-                                                            <?php } else { ?>
-                                                                <td> N/A </td>
-                                                            <?php } ?>
-                                                            <td> <?php echo $payoutDate ?> </td>
-                                                            <td> <?php echo $status ?> </td>
-                                                            <td>
-                                                                <button type="button" class="btn btn-primary btn-sm showSinglePayoutBtn" data-order-id="<?php echo $payoutId; ?>" data-bs-toggle="modal" data-bs-target="#payoutsModal">View</button>
-                                                            </td>
-                                                        </tr>
-                                                <?php
+                                                foreach ($upcomingPayout as $x => $val) {    
+                                                    $paymentStatus = strtolower($val['payment']['status']);
+                                                    $orderStatus = strtolower($val['status']);
+                                                    $payoutStatus = empty($val['payout_status']);
+                                                    if(( $paymentStatus == "paid") && ( $orderStatus == "completed") && ($payoutStatus == true)){
+                                                        $orderAmount = $val['total_amount'];
+                                                        $payoutSum += $orderAmount;
                                                     }
-                                                } ?>
-                                            </tbody>
-                                        </table>
+                                                }
+
+                                                $finalPayoutSum = number_format($payoutSum, 2, '.', ',');
+                                                ?>
+                                                <strong>
+                                                    ₱ <?php echo $finalPayoutSum ?>
+                                                </strong>
+                                            </div>
+                                        </h4>
+                                        <!-- <div class="text-sm mt-3">
+                                            Payout Generation: Tue, Mar 19, 2024
+                                        </div>
+                                        <div class="text-sm">
+                                            Receive Payout on or before: Wed, Mar 20, 2024
+                                        </div> -->
+                                        <div class="text-sm">
+                                            <?php 
+                                            $vendorResponse = getVendorbyId($vendorId);
+                                            $vendorInformation = json_decode($vendorResponse, true);
+                                            $bankAccountNumber = $vendorInformation['bank_acount_details'][0]['bank_account_number'];
+                                            $bankDetails = $vendorInformation['bank_acount_details'];
+                                            foreach ($bankDetails as $details) {
+                                                if ($details['bank_payout'] === true) {
+                                                    $bankName = $details['bank_name'];
+                                                    $bankAccountNumber = $details['bank_account_number'];
+                                                }
+                                            }
+                                            $bankNumEnding = substr($bankAccountNumber, -3);
+                                            ?>
+                                            Receipient: <?php echo $bankName; ?> Account ending in
+                                            <?php echo $bankNumEnding?>
+                                        </div>
                                     </div>
                                 </div>
                             </div>
                         </div>
+                        <!-- ADDITIONAL PANELS FOR PAYOUTS FOR FUTURE USE, DO NOT REMOVE  -->
+                        <!-- <div class="col-md-12">
+                            <div class="ec-vendor-dashboard-card">
+                                <div class="ec-vendor-card-header">
+                                    <h5><strong>Payout Generation Schedule</strong></h5>
+                                </div>
+                                <div class="ec-vendor-card-body">
+                                    <div class="row">
+                                        <h4 style="color: #444;">
+                                            <div class="d-flex align-items-center">
+                                                <i class="fi-rs-calendar mt-1 mr-3 "></i>
+                                                <strong>
+                                                    Weekly
+                                                </strong>
+                                            </div>
+                                        </h4>
+                                        <div class="mt-3">
+                                            <h6>
+                                                <strong class="text-primary ">Every Tuesday</strong>
+                                            </h6>
+                                        </div>
+                                        <div class="text-sm">
+                                            Payouts that will fall on holiday will be processed the next banking day
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-md-12">
+                            <div class="ec-vendor-dashboard-card">
+                                <div class="ec-vendor-card-header">
+                                    <h5><strong>Next Payout</strong></h5>
+                                </div>
+                                <div class="ec-vendor-card-body">
+                                    <div class="row">
+                                        <h4 style="color: #444;">
+                                            <div class="d-flex align-items-center">
+                                                <strong>
+                                                    ₱ 0.00
+                                                </strong>
+                                            </div>
+                                        </h4>
+                                        <div class="text-sm mt-3">
+                                            Payout Generation: Tue, Mar 25, 2024
+                                        </div>
+                                        <div class="text-sm">
+                                            Receive Payout on or before: Wed, Mar 26, 2024
+                                        </div> 
+                                        <div class="text-sm">
+                                            Receipient: Philippine National Bank (PNB) Account ending in 123
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div> -->
                     </div>
+                    <div class="ec-vendor-dashboard-card space-bottom-30">
+                        <div class="ec-vendor-card-header">
+                            <h5>Payout History</h5>
+                        </div>
+                        <div class="ec-vendor-card-body">
+                            <div class="ec-vendor-card-table">
+                                <table class="table ec-table" id="payout-table" style="overflow-x: auto;"
+                                    data-role="table" data-pagination="true" data-searching="true" data-filtering="true"
+                                    data-sorting="true" data-show-rows-steps="5,10,20,-1" data-horizontal-scroll="true"
+                                    data-rownum="true" data-table-info-title="Display from $1 to $2 of $3 payment(s)">
+                                    <thead>
+                                        <tr>
+                                            <th data-sortable="true" scope="col">Amount</th>
+                                            <th data-sortable="true" scope="col">Bank</th>
+                                            <th data-sortable="true" scope="col">Account Number</th>
+                                            <th data-sortable="true" scope="col">Payout Generation</th>
+                                            <th data-sortable="true" scope="col">Status</th>
+                                            <th data-sortable="true" scope="col">Action</th>
+
+                                        </tr>
+                                    </thead>
+                                    <tbody class='table-group-divider'>
+                                        <?php
+                                        foreach (array_reverse($vendorPayoutData) as $x => $val) {
+                                            $vendorIdCheck = $val['vendor_details'][0]['vendor_id'];
+                                            $status = ucfirst(strtolower($val['status']));
+                                            $payoutDate = date("F d, Y", strtotime($val['createdAt']));
+                                            $payoutId = $val['_id'];
+                                            if ((empty($vendorIdCheck) == false) && ($vendorIdCheck == $vendorId) && ($status == "Deposited")) { ?>
+                                        <tr>
+                                            <td> <?php echo "₱ " . $val['net_amount'] ?> </td>
+                                            <?php if (empty($val['bank_information'][0]['bank_name']) == false) {
+                                                    ?>
+                                            <td> <?php echo $val['bank_information'][0]['bank_name'] ?> </td>
+                                            <?php } else { ?>
+                                            <td> N/A </td>
+                                            <?php }
+                                                    if (empty($val['bank_information'][0]['bank_account_number']) == false) {
+                                                        $accNum = $val['bank_information'][0]['bank_account_number'];
+                                                        // Replace characters with asterisks for all characters except the last three segments
+                                                        $maskedAccNum = substr_replace($accNum, str_repeat('*', strlen($accNum) - 3), 0, -3); ?>
+                                            <td> <?php echo $maskedAccNum ?> </td>
+                                            <?php } else { ?>
+                                            <td> N/A </td>
+                                            <?php } ?>
+                                            <td> <?php echo $payoutDate ?> </td>
+                                            <td> <?php echo $status ?> </td>
+                                            <td>
+                                                <button type="button" class="btn btn-primary btn-sm showSinglePayoutBtn"
+                                                    data-order-id="<?php echo $payoutId; ?>" data-bs-toggle="modal"
+                                                    data-bs-target="#payoutsModal">View</button>
+                                            </td>
+                                        </tr>
+                                        <?php
+                                            }
+                                        } ?>
+                                    </tbody>
+                                </table>
+                            </div>
+                        </div>
+                    </div>
+
                 </div>
             </div>
         </div>
@@ -367,7 +439,7 @@ $vendorPayoutData = json_decode($response, true);
     <!-- raymart remove popup feb 20 2024 -->
     <!-- Recent Purchase Popup  -->
     <!-- <div class=" recent-purchase">
-            <img src="assets/images/product-image/1.jpg" alt="payment image">
+            <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
             <div class="detail">
                 <p>Someone in new just bought</p>
                 <h6>stylish baby shoes</h6>
@@ -387,121 +459,7 @@ $vendorPayoutData = json_decode($response, true);
     </div>
     <!-- Cart Floating Button end -->
 
-    <!-- Whatsapp -->
-    <div class="ec-style ec-right-bottom">
-        <!-- Start Floating Panel Container -->
-        <div class="ec-panel">
-            <!-- Panel Header -->
-            <div class="ec-header">
-                <strong>Need Help?</strong>
-                <p>Chat with us on WhatsApp</p>
-            </div>
-            <!-- Panel Content -->
-            <div class="ec-body">
-                <ul>
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Sahar Darya</span>
-                                    <p>Sahar left 7 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-online"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Yolduz Rafi</span>
-                                    <p>Yolduz is online</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Nargis Hawa</span>
-                                    <p>Nargis left 30 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Khadija Mehr</span>
-                                    <p>Khadija left 50 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                </ul>
-            </div>
-        </div>
-        <!--/ End Floating Panel Container -->
-        <!-- Start Right Floating Button-->
-        <div class="ec-right-bottom">
-            <div class="ec-box">
-                <div class="ec-button rotateBackward">
-                    <img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
-                </div>
-            </div>
-        </div>
-        <!--/ End Right Floating Button-->
-    </div>
-    <!-- Whatsapp end -->
+
 
     <!-- Feature tools -->
     <div class="ec-tools-sidebar-overlay"></div>
@@ -510,7 +468,7 @@ $vendorPayoutData = json_decode($response, true);
             <h3>Features</h3>
         </div>
         <a href="#" class="ec-tools-sidebar-toggle in-out">
-            <img alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">
@@ -588,7 +546,8 @@ $vendorPayoutData = json_decode($response, true);
     <script src="assets/js/plugins/jquery.sticky-sidebar.js"></script>
     <script src="assets/js/plugins/nouislider.js"></script>
     <script src="https://cdn.datatables.net/v/bs5/dt-2.0.3/r-3.0.0/sp-2.3.0/datatables.min.js"></script>
-	
+    <!-- <script src="https://cdn.metroui.org.ua/current/metro.js"></script> -->
+
     <!-- <script>
         const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]')
         const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl))
@@ -600,52 +559,56 @@ $vendorPayoutData = json_decode($response, true);
 
     <!-- JS CRIPT FOR DYNAMIC MODAL BOX USING AJAX - JOHN LOUIE C. SUPERALIS MARCH 22, 2024 -->
     <script>
-        $(document).ready(function() {
-            $('.showSinglePayoutBtn').click(function() {
-                var payoutId = $(this).data('order-id');
-                var token = "<?php echo $authToken; ?>";
-                $('#payoutIdSpan').text(payoutId);
-                $.ajax({
-                    // url: 'https://api.obanana.shop/api/v1/payouts/' + payoutId,
-                    url: 'https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/payouts/' + payoutId,
-                    type: 'GET',
-                    headers: {
-                        'Authorization': 'Bearer ' + token
-                    },
-                    success: function(response) {
-                        // Handle successful response
-                        console.log(response);
-                        var grossAmount = response.gross_amount;
-                        var totalFees = response.fees_deduction_adjustment;
-                        var feeBreakdown = response.breakdown[0].transfer_fee;
-                        var netAmount = response.net_amount;
-                        var payoutStatus = response.status;
-                        payoutStatus = payoutStatus.charAt(0).toUpperCase() + payoutStatus.slice(1).toLowerCase();
-                        var bankName = response.bank_information[0].bank_name;
-                        var bankNum = response.bank_information[0].bank_account_number;
-                        var bankNumEnding = bankNum.slice(-3); // Extract last three characters of bankNum
-                        var maskedBankNum = "Ending in " + bankNumEnding; // Create message
-                        var bankAccName = response.bank_information[0].bank_account_name;
-                        var transactionLogsHtml = ''; // Initialize empty string to store HTML for transaction logs
-                        response.transaction_logs.forEach(function(log) 
-                        {
-                            
-                            var paymentType = log.Type;
-                            var transDate = new Date(log?.Transaction_date).toLocaleString('en-US', { 
-                                year: 'numeric', 
-                                month: '2-digit', 
+    $(document).ready(function() {
+        $('.showSinglePayoutBtn').click(function() {
+            var payoutId = $(this).data('order-id');
+            var token = "<?php echo $authToken; ?>";
+            $('#payoutIdSpan').text(payoutId);
+            $.ajax({
+                // url: 'https://api.obanana.shop/api/v1/payouts/' + payoutId,
+                url: 'https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/payouts/' +
+                    payoutId,
+                type: 'GET',
+                headers: {
+                    'Authorization': 'Bearer ' + token
+                },
+                success: function(response) {
+                    // Handle successful response
+                    console.log(response);
+                    var grossAmount = response.gross_amount;
+                    var totalFees = response.fees_deduction_adjustment;
+                    var feeBreakdown = response.breakdown[0].transfer_fee;
+                    var netAmount = response.net_amount;
+                    var payoutStatus = response.status;
+                    payoutStatus = payoutStatus.charAt(0).toUpperCase() + payoutStatus
+                        .slice(1).toLowerCase();
+                    var bankName = response.bank_information[0].bank_name;
+                    var bankNum = response.bank_information[0].bank_account_number;
+                    var bankNumEnding = bankNum.slice(-
+                        3); // Extract last three characters of bankNum
+                    var maskedBankNum = "Ending in " + bankNumEnding; // Create message
+                    var bankAccName = response.bank_information[0].bank_account_name;
+                    var transactionLogsHtml =
+                        ''; // Initialize empty string to store HTML for transaction logs
+                    response.transaction_logs.forEach(function(log) {
+
+                        var paymentType = log.Type;
+                        var transDate = new Date(log?.Transaction_date)
+                            .toLocaleString('en-US', {
+                                year: 'numeric',
+                                month: '2-digit',
                                 day: '2-digit',
                                 hour: 'numeric',
                                 minute: '2-digit',
                                 hour12: true
                             });
-                            var transGrossAmount = log?.Gross_Amount; 
-                            var transFee = log.Fee;
-                            var transNetAmount = log?.Net_Amount;
-                            var transDesc = log.Description;
-                            
-                            // Append HTML for current transaction log to the transactionLogsHtml string
-                            transactionLogsHtml += `
+                        var transGrossAmount = log?.Gross_Amount;
+                        var transFee = log.Fee;
+                        var transNetAmount = log?.Net_Amount;
+                        var transDesc = log.Description;
+
+                        // Append HTML for current transaction log to the transactionLogsHtml string
+                        transactionLogsHtml += `
                                 <tr>
                                     <td>${paymentType}</td>
                                     <td>${transDate}</td>
@@ -654,11 +617,11 @@ $vendorPayoutData = json_decode($response, true);
                                     <td>₱ ${transNetAmount}</td>
                                     <td>${transDesc}</td>
                                 </tr>`;
-                        });
+                    });
 
 
-                        // Populate data dynamically using the response
-                        var payoutDetailsHtml = `                    
+                    // Populate data dynamically using the response
+                    var payoutDetailsHtml = `                    
                         <div class="row">
                             <div class="col-md-7 mb-4">
                                 <div class="d-flex flex-column">
@@ -666,8 +629,9 @@ $vendorPayoutData = json_decode($response, true);
                                         <div>
                                             <h6><strong>Payout Information</strong></h6>
                                         </div>
-
-                                        <button class="fw-bold border border-success border-2 btn-outline-success btn-sm" disabled>${payoutStatus}</button>
+                                        <div>
+                                            <button disabled style="border: 2px solid #198754; color: #198754 !important; border-radius: 5px;">${payoutStatus}</button>
+                                        </div>
                                     </div>
                                     <div class="d-flex justify-content-between p-2">
                                         <div class="fw-bold">Gross Amount</div>
@@ -686,7 +650,7 @@ $vendorPayoutData = json_decode($response, true);
                                 </div>
                             </div>
                             <div class="col-md-5 mb-4">
-                                <div class="d-flex flex-column" style="border-bottom: 1px solid #000;">
+                                <div class="d-flex flex-column" >
                                     <div class="d-flex justify-content-between p-2">
                                         <h6><strong>Bank Information</strong></h6>
                                     </div>
@@ -729,18 +693,13 @@ $vendorPayoutData = json_decode($response, true);
                                 </div>
                             </div>
                         </div>`;
-                        $('#payoutDetailsContainer').html(payoutDetailsHtml);
+                    $('#payoutDetailsContainer').html(payoutDetailsHtml);
 
-                    },
-                })
+                },
+            })
 
-            });
         });
-    </script>
-    <script>
-   $(document).ready( function () {
-    $('#payoutsTableContent').DataTable();
-    } );
+    });
     </script>
 
 </body>

vendor-profile.php

@@ -28,7 +28,10 @@
      <meta name="msapplication-TileImage" content="assets/images/favicon/favicon.png" />
  
      <!-- css Icon Font -->
-     <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+      <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
+        integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A=="
+        crossorigin="anonymous" referrerpolicy="no-referrer" />
  
      <!-- css All Plugins Files -->
      <link rel="stylesheet" href="assets/css/plugins/animate.css" />
@@ -66,7 +69,7 @@
                 </div>
                 <ul class="eccart-pro-items">
                     <li>
-                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
+                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy"
                                 src="assets/images/product-image/6_1.jpg" alt="product"></a>
                         <div class="ec-pro-content">
                             <a href="shop-left-sidebar-col-4.php" class="cart_pro_title">T-shirt For Women</a>
@@ -78,7 +81,7 @@
                         </div>
                     </li>
                     <li>
-                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
+                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy"
                                 src="assets/images/product-image/12_1.jpg" alt="product"></a>
                         <div class="ec-pro-content">
                             <a href="shop-left-sidebar-col-4.php" class="cart_pro_title">Women Leather Shoes</a>
@@ -90,7 +93,7 @@
                         </div>
                     </li>
                     <li>
-                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
+                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy"
                                 src="assets/images/product-image/3_1.jpg" alt="product"></a>
                         <div class="ec-pro-content">
                             <a href="shop-left-sidebar-col-4.php" class="cart_pro_title">Girls Nylon Purse</a>
@@ -187,7 +190,7 @@
                                         <div class="ec-vendor-block-img space-bottom-30">
                                             <div class="ec-vendor-block-bg"></div>
                                             <div class="ec-vendor-block-detail">
-                                                <img class="v-img" src="assets/images/vendor/5.jpg" alt="vendor image">
+                                                <img loading="lazy" class="v-img" src="assets/images/vendor/5.jpg" alt="vendor image">
                                                 <h5 class="name">Neon Fashion</h5>
                                                 <p>( Retail Business )</p>
                                             </div>
@@ -270,36 +273,36 @@
                             <!-- Swiper -->
                             <div class="qty-product-cover">
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
                                 </div>
                             </div>
                             <div class="qty-nav-thumb">
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
                                 </div>
                             </div>
                         </div>
@@ -397,7 +400,7 @@
     <!-- raymart remove popup feb 20 2024 -->
     <!-- Recent Purchase Popup  -->
     <!-- <div class="recent-purchase">
-        <img src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -417,129 +420,7 @@
     </div>
     <!-- Cart Floating Button end -->
 
-    <!-- Whatsapp -->
-    <div class="ec-style ec-right-bottom">
-        <!-- Start Floating Panel Container -->
-        <div class="ec-panel">
-            <!-- Panel Header -->
-            <div class="ec-header">
-                <strong>Need Help?</strong>
-                <p>Chat with us on WhatsApp</p>
-            </div>
-            <!-- Panel Content -->
-            <div class="ec-body">
-                <ul>
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266"
-                            data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img"
-                                        alt="Profile image">
-                                    <span class="ec-status-icon"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Sahar Darya</span>
-                                    <p>Sahar left 7 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266"
-                            data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img"
-                                        alt="Profile image">
-                                    <span class="ec-status-icon ec-online"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Yolduz Rafi</span>
-                                    <p>Yolduz is online</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266"
-                            data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img"
-                                        alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Nargis Hawa</span>
-                                    <p>Nargis left 30 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266"
-                            data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img"
-                                        alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Khadija Mehr</span>
-                                    <p>Khadija left 50 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                </ul>
-            </div>
-        </div>
-        <!--/ End Floating Panel Container -->
-        <!-- Start Right Floating Button-->
-        <div class="ec-right-bottom">
-            <div class="ec-box">
-                <div class="ec-button rotateBackward">
-                    <img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
-                </div>
-            </div>
-        </div>
-        <!--/ End Right Floating Button-->
-    </div>
-    <!-- Whatsapp end -->
+   
 
     <!-- Feature tools -->
     <div class="ec-tools-sidebar-overlay"></div>
@@ -548,7 +429,7 @@
             <h3>Features</h3>
         </div>
         <a href="#" class="ec-tools-sidebar-toggle in-out">
-            <img alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">

vendor-refund-history.php

@@ -52,7 +52,10 @@ if ($_SESSION["isCustomer"] == true) {
     <meta name="msapplication-TileImage" content="assets/images/favicon/favicon.png" />
 
     <!-- css Icon Font -->
-    <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+     <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
+        integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A=="
+        crossorigin="anonymous" referrerpolicy="no-referrer" />
 
     <!-- css All Plugins Files -->
     <link rel="stylesheet" href="assets/css/plugins/animate.css" />
@@ -69,9 +72,14 @@ if ($_SESSION["isCustomer"] == true) {
     <link rel="stylesheet" href="assets/css/style.css" />
     <link rel="stylesheet" href="assets/css/style2.css" />
     <link rel="stylesheet" href="assets/css/responsive.css" />
+    <link href="https://cdn.datatables.net/v/bs5/dt-2.0.3/r-3.0.0/sp-2.3.0/datatables.min.css" rel="stylesheet">
 
     <!-- Background css -->
     <link rel="stylesheet" id="bg-switcher-css" href="assets/css/backgrounds/bg-4.css">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/select2@latest/dist/css/select2.min.css" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/select2@latest/dist/js/select2.min.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+
     <style>
         .tab.active {
             background-color: #ffffff;
@@ -252,15 +260,15 @@ if ($_SESSION["isCustomer"] == true) {
                                 <div class="ec-vendor-block-detail">
                                 <?php
                                 if (!empty($vendorData['vendor_image'])) { ?>
-                                    <img class="v-img" src=<?php echo $vendorData['vendor_image'] ?> alt="vendor image">
+                                    <img loading="lazy" class="v-img" src=<?php echo $vendorData['vendor_image'] ?> alt="vendor image">
                                 <?php } else { ?>
-                                    <img class="v-img" src="https://yourteachingmentor.com/wp-content/uploads/2020/12/istockphoto-1223671392-612x612-1.jpg" alt="vendor image">
+                                    <img loading="lazy" class="v-img" src="https://yourteachingmentor.com/wp-content/uploads/2020/12/istockphoto-1223671392-612x612-1.jpg" alt="vendor image">
                                 <?php } ?>
-                                    <!-- <img class="v-img" src=<?php #echo $vendorData['vendor_image'] ?> alt="vendor image"> -->
+                                    <!-- <img loading="lazy" class="v-img" src=<?php #echo $vendorData['vendor_image'] ?> alt="vendor image"> -->
                                     <h5 class="name"><?php echo $vendorData['user_login'] ?></h5>
                                 </div>
                                 <!-- <div class="ec-vendor-block-items">
-                                    <!-- <ul>
+                                 <ul>
                                         <li><a href="vendor-dashboard.php">Dashboard</a></li>
                                         <li><a href="vendor-uploads.php">Upload Product</a></li>
                                         <li><a href="vendor-settings.php">Settings (Edit)</a></li>
@@ -319,8 +327,8 @@ if ($_SESSION["isCustomer"] == true) {
 
                                 <!-- 03-26-2024 Stacy added tab for all orders -->
                                 <!-- Content for "All Refunds" tab -->
-                                <div id="allRefunds" class="tab-content active">
-                                    <table class="table ec-table">
+                                <div id="allRefunds" class="tab-content mt-1 active">
+                                    <table id="allRefundsTbl" class="table ec-table">
                                         <thead id="allRefundTHead">
                                             <tr class="Title">
                                                 <th scope="col">Image</th>
@@ -353,15 +361,16 @@ if ($_SESSION["isCustomer"] == true) {
                                                     <?php
                                                     $jsonorder = json_encode($order);
                                                     ?>
-                                                    <tr class="tableView" data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails">
-                                                        <td><img class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
-                                                        <td><span class="text-truncate"><?php echo $order['items'][0]['product']['name']; ?></span></td>
-                                                        <td><span><?php echo $order['items'][0]['quantity']; ?></span></td>
-                                                        <td><span><?php echo $order['items'][0]['price']; ?></span></td>
-                                                        <td><span><?php echo $order['total_amount'] ?></span></td>
+                                                    <tr class="tableView" style="cursor:pointer;" onmouseover="this.style.backgroundColor='#e5e5e5'" onmouseout="this.style.backgroundColor='#ffffff'"
+                                                        data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails">
+                                                        <td><img loading="lazy" class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
+                                                        <td><span class="text-truncate" style="width:20em;"><?php echo $order['items'][0]['product']['name']; ?></span></td>
+                                                        <td><span style="width:3em;"><?php echo $order['items'][0]['quantity']; ?></span></td>
+                                                        <td><span style="width:4em;"><?php echo $order['items'][0]['price']; ?></span></td>
+                                                        <td><span style="width:3em;"><?php echo $order['total_amount'] ?></span></td>
                                                         <td><span><?php echo $order['return_order']['status']; ?></span></td>
                                                         <!-- <td><span><?php # echo $order['return_order']['reason']; ?></span></td>
-                                                        <td><img class="prod-img" src="<?php # echo $order['return_order']['image']; ?>" alt="product"></td> -->
+                                                        <td><img loading="lazy" class="prod-img" src="<?php # echo $order['return_order']['image']; ?>" alt="product"></td> -->
                                                         <td><span><?php echo date("F j, Y", strtotime($order['updatedAt'])); ?></span></td>
 
                                                         <!-- <td><span class="tbl-btn"><a class="btn btn-lg btn-primary" href="#">View</a></span></td> -->
@@ -388,8 +397,8 @@ if ($_SESSION["isCustomer"] == true) {
 
 
                                 <!-- Content for "To Approve" tab -->
-                                <div id="toApprove" class="tab-content">
-                                    <table class="table ec-table">
+                                <div id="toApprove" class="tab-content mt-1">
+                                    <table id="toApproveTbl" class="table ec-table">
                                         <thead id="toApproveTHead">
                                             <tr class="Title">
                                                 <th scope="col">Image</th>
@@ -420,15 +429,15 @@ if ($_SESSION["isCustomer"] == true) {
                                                     <?php
                                                     $jsonorder = json_encode($order);
                                                     ?>
-                                                    <tr class="tableView">
-                                                        <td data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails"><img class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
-                                                        <td data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails"><span class="text-truncate"><?php echo $order['items'][0]['product']['name']; ?></span></td>
-                                                        <td data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails"><span><?php echo $order['items'][0]['quantity']; ?></span></td>
-                                                        <td data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails"><span><?php echo $order['items'][0]['price']; ?></span></td>
-                                                        <td data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails"><span><?php echo $order['total_amount'] ?></span></td>
+                                                    <tr class="tableView" style="cursor:pointer;" onmouseover="this.style.backgroundColor='#e5e5e5'" onmouseout="this.style.backgroundColor='#ffffff'">
+                                                        <td data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails"><img loading="lazy" class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
+                                                        <td data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails"><span class="text-truncate" style="width:20em;"><?php echo $order['items'][0]['product']['name']; ?></span></td>
+                                                        <td data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails"><span style="width:3em;"><?php echo $order['items'][0]['quantity']; ?></span></td>
+                                                        <td data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails"><span style="width:4em;"><?php echo $order['items'][0]['price']; ?></span></td>
+                                                        <td data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails"><span style="width:3em;"><?php echo $order['total_amount'] ?></span></td>
                                                         <td data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails"><span><?php echo $order['return_order']['status']; ?></span></td>
                                                         <!-- <td><span><?php # echo $order['return_order']['reason']; ?></span></td>
-                                                        <td><img class="prod-img" src="<?php # echo $order['return_order']['image']; ?>" alt="product"></td> -->
+                                                        <td><img loading="lazy" class="prod-img" src="<?php # echo $order['return_order']['image']; ?>" alt="product"></td> -->
                                                         <td data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails"><span><?php echo date("F j, Y", strtotime($order['updatedAt'])); ?></span></td>
                                                         <td>
                                                             <span class="tbl-btn">
@@ -459,8 +468,8 @@ if ($_SESSION["isCustomer"] == true) {
 
 
                                 <!-- Content for "To Ship" tab -->
-                                <div id="toShip" class="tab-content">
-                                    <table class="table ec-table">
+                                <div id="toShip" class="tab-content mt-1">
+                                    <table id="toShipTbl" class="table ec-table">
                                         <thead id="toShipTHead">
                                             <tr class="Title">
                                                 <th scope="col">Image</th>
@@ -491,15 +500,16 @@ if ($_SESSION["isCustomer"] == true) {
                                                     <?php
                                                     $jsonorder = json_encode($order);
                                                     ?>
-                                                    <tr class="tableView" data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails">
-                                                        <td><img class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
-                                                        <td><span class="text-truncate"><?php echo $order['items'][0]['product']['name']; ?></span></td>
-                                                        <td><span><?php echo $order['items'][0]['quantity']; ?></span></td>
-                                                        <td><span><?php echo $order['items'][0]['price']; ?></span></td>
-                                                        <td><span><?php echo $order['total_amount'] ?></span></td>
+                                                    <tr class="tableView" style="cursor:pointer;" onmouseover="this.style.backgroundColor='#e5e5e5'" onmouseout="this.style.backgroundColor='#ffffff'"
+                                                        data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails">
+                                                        <td><img loading="lazy" class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
+                                                        <td><span class="text-truncate" style="width:20em;"><?php echo $order['items'][0]['product']['name']; ?></span></td>
+                                                        <td><span style="width:3em;"><?php echo $order['items'][0]['quantity']; ?></span></td>
+                                                        <td><span style="width:4em;"><?php echo $order['items'][0]['price']; ?></span></td>
+                                                        <td><span style="width:3em;"><?php echo $order['total_amount'] ?></span></td>
                                                         <td><span><?php echo $order['return_order']['status']; ?></span></td>
                                                         <!-- <td><span><?php # echo $order['return_order']['reason']; ?></span></td>
-                                                        <td><img class="prod-img" src="<?php # echo $order['return_order']['image']; ?>" alt="product"></td> -->
+                                                        <td><img loading="lazy" class="prod-img" src="<?php # echo $order['return_order']['image']; ?>" alt="product"></td> -->
                                                         <td><span><?php echo date("F j, Y", strtotime($order['updatedAt'])); ?></span></td>
 
                                                         <!-- <td><span class="tbl-btn"><a class="btn btn-lg btn-primary" href="#">View</a></span></td> -->
@@ -526,8 +536,8 @@ if ($_SESSION["isCustomer"] == true) {
 
 
                                 <!-- Content for "To Receive" tab -->
-                                <div id="toReceive" class="tab-content">
-                                    <table class="table ec-table">
+                                <div id="toReceive" class="tab-content mt-1">
+                                    <table id="toReceiveTbl" class="table ec-table">
                                         <thead id="toReceiveTHead">
                                             <tr class="Title">
                                                 <th scope="col">Image</th>
@@ -557,15 +567,15 @@ if ($_SESSION["isCustomer"] == true) {
                                                     <?php
                                                     $jsonorder = json_encode($order);
                                                     ?>
-                                                    <tr class="tableView">
-                                                        <td data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails"><img class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
-                                                        <td data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails"><span class="text-truncate"><?php echo $order['items'][0]['product']['name']; ?></span></td>
-                                                        <td data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails"><span><?php echo $order['items'][0]['quantity']; ?></span></td>
-                                                        <td data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails"><span><?php echo $order['items'][0]['price']; ?></span></td>
-                                                        <td data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails"><span><?php echo $order['total_amount'] ?></span></td>
+                                                    <tr class="tableView" style="cursor:pointer;" onmouseover="this.style.backgroundColor='#e5e5e5'" onmouseout="this.style.backgroundColor='#ffffff'">
+                                                        <td data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails"><img loading="lazy" class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
+                                                        <td data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails"><span class="text-truncate" style="width:20em;"><?php echo $order['items'][0]['product']['name']; ?></span></td>
+                                                        <td data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails"><span style="width:3em;"><?php echo $order['items'][0]['quantity']; ?></span></td>
+                                                        <td data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails"><span style="width:4em;"><?php echo $order['items'][0]['price']; ?></span></td>
+                                                        <td data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails"><span style="width:3em;"><?php echo $order['total_amount'] ?></span></td>
                                                         <td data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails"><span><?php echo $order['return_order']['status']; ?></span></td>
                                                         <!-- <td><span><?php # echo $order['return_order']['reason']; ?></span></td>
-                                                        <td><img class="prod-img" src="<?php # echo $order['return_order']['image']; ?>" alt="product"></td> -->
+                                                        <td><img loading="lazy" class="prod-img" src="<?php # echo $order['return_order']['image']; ?>" alt="product"></td> -->
                                                         <td data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails"><span><?php echo date("F j, Y", strtotime($order['updatedAt'])); ?></span></td>
                                                         <td>
                                                             <span class="tbl-btn">
@@ -595,8 +605,8 @@ if ($_SESSION["isCustomer"] == true) {
 
 
                                 <!-- Content for "To Refund" tab -->
-                                <div id="toRefund" class="tab-content">
-                                    <table class="table ec-table">
+                                <div id="toRefund" class="tab-content mt-1">
+                                    <table id="toRefundTbl" class="table ec-table">
                                         <thead id="toRefundTHead">
                                             <tr class="Title">
                                                 <th scope="col">Image</th>
@@ -626,15 +636,16 @@ if ($_SESSION["isCustomer"] == true) {
                                                     <?php
                                                     $jsonorder = json_encode($order);
                                                     ?>
-                                                    <tr class="tableView" data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails">
-                                                        <td><img class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
-                                                        <td><span class="text-truncate"><?php echo $order['items'][0]['product']['name']; ?></span></td>
-                                                        <td><span><?php echo $order['items'][0]['quantity']; ?></span></td>
-                                                        <td><span><?php echo $order['items'][0]['price']; ?></span></td>
-                                                        <td><span><?php echo $order['total_amount'] ?></span></td>
+                                                    <tr class="tableView" style="cursor:pointer;" onmouseover="this.style.backgroundColor='#e5e5e5'" onmouseout="this.style.backgroundColor='#ffffff'"
+                                                        data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails">
+                                                        <td><img loading="lazy" class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
+                                                        <td><span class="text-truncate" style="width:20em;"><?php echo $order['items'][0]['product']['name']; ?></span></td>
+                                                        <td><span style="width:3em;"><?php echo $order['items'][0]['quantity']; ?></span></td>
+                                                        <td><span style="width:4em;"><?php echo $order['items'][0]['price']; ?></span></td>
+                                                        <td><span style="width:3em;"><?php echo $order['total_amount'] ?></span></td>
                                                         <td><span><?php echo $order['return_order']['status']; ?></span></td>
                                                         <!-- <td><span><?php # echo $order['return_order']['reason']; ?></span></td>
-                                                        <td><img class="prod-img" src="<?php # echo $order['return_order']['image']; ?>" alt="product"></td> -->
+                                                        <td><img loading="lazy" class="prod-img" src="<?php # echo $order['return_order']['image']; ?>" alt="product"></td> -->
                                                         <td><span><?php echo date("F j, Y", strtotime($order['updatedAt'])); ?></span></td>
                                                         <!-- <td>
                                                                     <span class="tbl-btn">
@@ -664,8 +675,8 @@ if ($_SESSION["isCustomer"] == true) {
 
 
                                 <!-- Content for "Return Complete" tab -->
-                                <div id="returnComplete" class="tab-content">
-                                    <table class="table ec-table">
+                                <div id="returnComplete" class="tab-content mt-1">
+                                    <table id="returnCompleteTbl" class="table ec-table">
                                         <thead id="returnCompleteTHead">
                                             <tr class="Title">
                                                 <th scope="col">Image</th>
@@ -695,15 +706,16 @@ if ($_SESSION["isCustomer"] == true) {
                                                     <?php
                                                     $jsonorder = json_encode($order);
                                                     ?>
-                                                    <tr class="tableView" data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails">
-                                                        <td><img class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
-                                                        <td><span class="text-truncate"><?php echo $order['items'][0]['product']['name']; ?></span></td>
-                                                        <td><span><?php echo $order['items'][0]['quantity']; ?></span></td>
-                                                        <td><span><?php echo $order['items'][0]['price']; ?></span></td>
-                                                        <td><span><?php echo $order['total_amount'] ?></span></td>
+                                                    <tr class="tableView" style="cursor:pointer;" onmouseover="this.style.backgroundColor='#e5e5e5'" onmouseout="this.style.backgroundColor='#ffffff'"
+                                                        data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails">
+                                                        <td><img loading="lazy" class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
+                                                        <td><span class="text-truncate" style="width:20em;"><?php echo $order['items'][0]['product']['name']; ?></span></td>
+                                                        <td><span style="width:3em;"><?php echo $order['items'][0]['quantity']; ?></span></td>
+                                                        <td><span style="width:4em;"><?php echo $order['items'][0]['price']; ?></span></td>
+                                                        <td><span style="width:3em;"><?php echo $order['total_amount'] ?></span></td>
                                                         <td><span><?php echo $order['return_order']['status']; ?></span></td>
                                                         <!-- <td><span><?php # echo $order['return_order']['reason']; ?></span></td>
-                                                        <td><img class="prod-img" src="<?php # echo $order['return_order']['image']; ?>" alt="product"></td> -->
+                                                        <td><img loading="lazy" class="prod-img" src="<?php # echo $order['return_order']['image']; ?>" alt="product"></td> -->
                                                         <td><span><?php echo date("F j, Y", strtotime($order['updatedAt'])); ?></span></td>
                                                         <!-- <td>
                                                                     <span class="tbl-btn">
@@ -1076,14 +1088,14 @@ if ($_SESSION["isCustomer"] == true) {
 
         if (jsonObject.return_order.status === 'To Approve') {
             modal.innerHTML = `
-            <div class="modal-header" style="height:5px;">
+            <div class="modal-header" style="height:5px; padding:10px;">
                 <h5 class="modal-title fs-5 font-weight-bold">${jsonObject.items[0].product.name}</h5>
                 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
             </div>
             <div class="row pt-3">
                 <div class="col-md-6">
                     <a href="${jsonObject.items[0].product.product_image}" target="_blank">
-                        <img class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}" 
+                        <img loading="lazy" class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}" 
                             alt="product" />
                     </a>
                 </div>
@@ -1097,7 +1109,7 @@ if ($_SESSION["isCustomer"] == true) {
                         <li class="fs-6"><b>Refund Proof:</b></li>
                         <li class="fs-6 pl-3">
                             <a href="${jsonObject.return_order.image}" target="_blank">
-                                <img class="prod-img" style="width:50%; height:50%;" src="${jsonObject.return_order.image}" alt="product">
+                                <img loading="lazy" class="prod-img" style="width:50%; height:50%;" src="${jsonObject.return_order.image}" alt="product">
                             </a>
                         </li>
                         <li class="fs-6"><b>Date:</b> ${formattedDate}</li>
@@ -1115,7 +1127,7 @@ if ($_SESSION["isCustomer"] == true) {
             <div class="row pt-3">
                 <div class="col-md-6">
                     <a href="${jsonObject.items[0].product.product_image}" target="_blank">
-                        <img class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}" 
+                        <img loading="lazy" class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}" 
                             alt="product" />
                     </a>
                 </div>
@@ -1129,7 +1141,7 @@ if ($_SESSION["isCustomer"] == true) {
                         <li class="fs-6"><b>Refund Proof:</b></li>
                         <li class="fs-6 pl-3">
                             <a href="${jsonObject.return_order.image}" target="_blank">
-                                <img class="prod-img" style="width:50%; height:50%;" src="${jsonObject.return_order.image}" alt="product">
+                                <img loading="lazy" class="prod-img" style="width:50%; height:50%;" src="${jsonObject.return_order.image}" alt="product">
                             </a>
                         </li>
                         <li class="fs-6"><b>Date:</b> ${formattedDate}</li>
@@ -1147,7 +1159,7 @@ if ($_SESSION["isCustomer"] == true) {
             <div class="row pt-3">
                 <div class="col-md-6">
                     <a href="${jsonObject.items[0].product.product_image}" target="_blank">
-                        <img class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}" 
+                        <img loading="lazy" class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}" 
                             alt="product" />
                     </a>
                 </div>
@@ -1161,7 +1173,7 @@ if ($_SESSION["isCustomer"] == true) {
                         <li class="fs-6"><b>Refund Proof:</b></li>
                         <li class="fs-6 pl-3">
                             <a href="${jsonObject.return_order.image}" target="_blank">
-                                <img class="prod-img" style="width:50%; height:50%;" src="${jsonObject.return_order.image}" alt="product">
+                                <img loading="lazy" class="prod-img" style="width:50%; height:50%;" src="${jsonObject.return_order.image}" alt="product">
                             </a>
                         </li>
                         <li class="fs-6"><b>Date:</b> ${formattedDate}</li>
@@ -1179,7 +1191,7 @@ if ($_SESSION["isCustomer"] == true) {
             <div class="row pt-3">
                 <div class="col-md-6">
                     <a href="${jsonObject.items[0].product.product_image}" target="_blank">
-                        <img class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}" 
+                        <img loading="lazy" class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}" 
                             alt="product" />
                     </a>
                 </div>
@@ -1193,7 +1205,7 @@ if ($_SESSION["isCustomer"] == true) {
                         <li class="fs-6"><b>Refund Proof:</b></li>
                         <li class="fs-6 pl-3">
                             <a href="${jsonObject.return_order.image}" target="_blank">
-                                <img class="prod-img" style="width:50%; height:50%;" src="${jsonObject.return_order.image}" alt="product">
+                                <img loading="lazy" class="prod-img" style="width:50%; height:50%;" src="${jsonObject.return_order.image}" alt="product">
                             </a>
                         </li>
                         <li class="fs-6"><b>Date:</b> ${formattedDate}</li>
@@ -1211,7 +1223,7 @@ if ($_SESSION["isCustomer"] == true) {
             <div class="row pt-3">
                 <div class="col-md-6">
                     <a href="${jsonObject.items[0].product.product_image}" target="_blank">
-                        <img class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}" 
+                        <img loading="lazy" class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}" 
                             alt="product" />
                     </a>
                 </div>
@@ -1225,7 +1237,7 @@ if ($_SESSION["isCustomer"] == true) {
                         <li class="fs-6"><b>Refund Proof:</b></li>
                         <li class="fs-6 pl-3">
                             <a href="${jsonObject.return_order.image}" target="_blank">
-                                <img class="prod-img" style="width:50%; height:50%;" src="${jsonObject.return_order.image}" alt="product">
+                                <img loading="lazy" class="prod-img" style="width:50%; height:50%;" src="${jsonObject.return_order.image}" alt="product">
                             </a>
                         </li>
                         <li class="fs-6"><b>Date:</b> ${formattedDate}</li>
@@ -1246,7 +1258,7 @@ if ($_SESSION["isCustomer"] == true) {
 
 
     <!-- Footer navigation panel for responsive display -->
-    <div class="ec-nav-toolbar">
+    <!-- <div class="ec-nav-toolbar">
         <div class="container">
             <div class="ec-nav-panel">
                 <div class="ec-nav-panel-icons">
@@ -1267,13 +1279,13 @@ if ($_SESSION["isCustomer"] == true) {
 
             </div>
         </div>
-    </div>
+    </div> -->
     <!-- Footer navigation panel for responsive display end -->
 
     <!-- raymart remove popup feb 20 2024 -->
     <!-- Recent Purchase Popup  -->
     <!-- <div class="recent-purchase">
-        <img src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -1293,121 +1305,7 @@ if ($_SESSION["isCustomer"] == true) {
     </div>
     <!-- Cart Floating Button end -->
 
-    <!-- Whatsapp -->
-    <div class="ec-style ec-right-bottom">
-        <!-- Start Floating Panel Container -->
-        <div class="ec-panel">
-            <!-- Panel Header -->
-            <div class="ec-header">
-                <strong>Need Help?</strong>
-                <p>Chat with us on WhatsApp</p>
-            </div>
-            <!-- Panel Content -->
-            <div class="ec-body">
-                <ul>
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Sahar Darya</span>
-                                    <p>Sahar left 7 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-online"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Yolduz Rafi</span>
-                                    <p>Yolduz is online</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Nargis Hawa</span>
-                                    <p>Nargis left 30 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Khadija Mehr</span>
-                                    <p>Khadija left 50 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                </ul>
-            </div>
-        </div>
-        <!--/ End Floating Panel Container -->
-        <!-- Start Right Floating Button-->
-        <div class="ec-right-bottom">
-            <div class="ec-box">
-                <div class="ec-button rotateBackward">
-                    <img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
-                </div>
-            </div>
-        </div>
-        <!--/ End Right Floating Button-->
-    </div>
-    <!-- Whatsapp end -->
+    
 
     <!-- Feature tools -->
     <div class="ec-tools-sidebar-overlay"></div>
@@ -1416,7 +1314,7 @@ if ($_SESSION["isCustomer"] == true) {
             <h3>Features</h3>
         </div>
         <a href="#" class="ec-tools-sidebar-toggle in-out">
-            <img alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">
@@ -1476,6 +1374,33 @@ if ($_SESSION["isCustomer"] == true) {
     </div>
     <!-- Feature tools end -->
 
+     <!-- DataTables -->
+     <script>
+        $(document).ready( function () {
+        $('#allRefundsTbl').DataTable();
+        } );
+
+        $(document).ready( function () {
+        $('#toApproveTbl').DataTable();
+        } );
+
+        $(document).ready( function () {
+        $('#toShipTbl').DataTable();
+        } );
+
+        $(document).ready( function () {
+        $('#toReceiveTbl').DataTable();
+        } );
+
+        $(document).ready( function () {
+        $('#toRefundTbl').DataTable();
+        } );
+
+        $(document).ready( function () {
+        $('#returnCompleteTbl').DataTable();
+        } );
+    </script>
+
     <!-- Vendor JS -->
     <script src="assets/js/vendor/jquery-3.5.1.min.js"></script>
     <script src="assets/js/vendor/popper.min.js"></script>
@@ -1493,6 +1418,7 @@ if ($_SESSION["isCustomer"] == true) {
     <script src="assets/js/vendor/jquery.magnific-popup.min.js"></script>
     <script src="assets/js/plugins/jquery.sticky-sidebar.js"></script>
     <script src="assets/js/plugins/nouislider.js"></script>
+    <script src="https://cdn.datatables.net/v/bs5/dt-2.0.3/r-3.0.0/sp-2.3.0/datatables.min.js"></script>
 
     <!-- Main Js -->
     <script src="assets/js/vendor/index.js"></script>

vendor-registration-steps.php

@@ -17,7 +17,10 @@
     <meta name="msapplication-TileImage" content="assets/images/favicon/favicon.png" />
 
     <!-- css Icon Font -->
-    <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+     <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
+        integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A=="
+        crossorigin="anonymous" referrerpolicy="no-referrer" />
 
     <!-- css All Plugins Files -->
     <link rel="stylesheet" href="assets/css/plugins/animate.css" />
@@ -223,121 +226,7 @@
     </div>
     <!-- Cart Floating Button end -->
 
-    <!-- Whatsapp -->
-    <div class="ec-style ec-right-bottom">
-        <!-- Start Floating Panel Container -->
-        <div class="ec-panel">
-            <!-- Panel Header -->
-            <div class="ec-header">
-                <strong>Need Help?</strong>
-                <p>Chat with us on WhatsApp</p>
-            </div>
-            <!-- Panel Content -->
-            <div class="ec-body">
-                <ul>
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Sahar Darya</span>
-                                    <p>Sahar left 7 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-online"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Yolduz Rafi</span>
-                                    <p>Yolduz is online</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Nargis Hawa</span>
-                                    <p>Nargis left 30 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Khadija Mehr</span>
-                                    <p>Khadija left 50 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                </ul>
-            </div>
-        </div>
-        <!--/ End Floating Panel Container -->
-        <!-- Start Right Floating Button-->
-        <div class="ec-right-bottom">
-            <div class="ec-box">
-                <div class="ec-button rotateBackward">
-                    <img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
-                </div>
-            </div>
-        </div>
-        <!--/ End Right Floating Button-->
-    </div>
-    <!-- Whatsapp end -->
+    
 
     <!-- Feature tools -->
     <div class="ec-tools-sidebar-overlay"></div>
@@ -346,7 +235,7 @@
             <h3>Features</h3>
         </div>
         <a href="#" class="ec-tools-sidebar-toggle in-out">
-            <img alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">

vendor-settings.php

@@ -47,7 +47,10 @@ if ($_SESSION["isCustomer"] == true) {
     <meta name="msapplication-TileImage" content="assets/images/favicon/favicon.png" />
 
     <!-- css Icon Font -->
-    <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+     <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
+        integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A=="
+        crossorigin="anonymous" referrerpolicy="no-referrer" />
 
     <!-- css All Plugins Files -->
     <link rel="stylesheet" href="assets/css/plugins/animate.css" />
@@ -192,13 +195,13 @@ if ($_SESSION["isCustomer"] == true) {
                                                 <!-- 02-26-2024 Stacy added placeholder-->
                                                 <?php
                                                 if (!empty($vendorData['vendor_image'])) { ?>
-                                                    <img class="v-img" src=<?php echo $vendorData['vendor_image'] ?> alt="vendor image">
+                                                    <img loading="lazy" class="v-img" src=<?php echo $vendorData['vendor_image'] ?> alt="vendor image">
                                                 <?php } else { ?>
-                                                    <img class="v-img" src="https://yourteachingmentor.com/wp-content/uploads/2020/12/istockphoto-1223671392-612x612-1.jpg" alt="vendor image">
+                                                    <img loading="lazy" class="v-img" src="https://yourteachingmentor.com/wp-content/uploads/2020/12/istockphoto-1223671392-612x612-1.jpg" alt="vendor image">
                                                 <?php } ?>
                                                 <!-- $vendor_image = isset($vendorData[0]['vendor_image']) ? $vendorData[0]['vendor_image'] : 'https://yourteachingmentor.com/wp-content/uploads/2020/12/istockphoto-1223671392-612x612-1.jpg'; -->
                                                 
-                                                <!-- <img class="v-img" src=<?php #echo $vendorData['vendor_image'] ?> alt="vendor image"> -->
+                                                <!-- <img loading="lazy" class="v-img" src=<?php #echo $vendorData['vendor_image'] ?> alt="vendor image"> -->
                                                 <h5 class="name"><?php echo $vendorData['user_login'] ?></h5>
                                             </div>
                                         </div>
@@ -239,6 +242,9 @@ if ($_SESSION["isCustomer"] == true) {
                                                     <div class="shipping">
                                                         <?php foreach ($vendorData['address'] as $address) : ?>
                                                             <?php if ($address['shipping']) : ?>
+                                                                <div>
+                                                                    <span style="font-size:16px;font-weight:800;">Shipping Address:</span>
+                                                                </div>
                                                                 <div class="sName">
                                                                     <span>Name:
                                                                         <span id="selectedFName"><?php echo $address['first_name']; ?></span>
@@ -259,18 +265,70 @@ if ($_SESSION["isCustomer"] == true) {
                                                                     </span>
                                                                 </div>
                                                             <?php endif; ?>
+                                                            <?php if ($address['billing']) : ?>
+                                                                <div>
+                                                                    <span style="font-size:16px;font-weight:800;">Billing Address:</span>
+                                                                </div>
+                                                                <div class="sName">
+                                                                    <span>Name:
+                                                                        <span id="selectedBillingFName"><?php echo $address['first_name']; ?></span>
+                                                                        <span id="selectedBillingLName"> <?php echo $address['last_name']; ?></span>
+                                                                    </span>
+                                                                </div>
+                                                                <div class="sContact">
+                                                                    <span id="selectedBillingContact">Contact #: <?php echo $address['phone']; ?></span>
+                                                                </div>
+                                                                <div class="sAddress">
+                                                                    <span>Address:
+                                                                        <span id="sBillingBuilding"><?php echo $address['address_1']; ?></span>
+                                                                        <span id="sBillingStreet"><?php echo $address['address_2']; ?></span>
+                                                                        <span id="sBillingBarangay"><?php echo $address['barangay']; ?></span>
+                                                                        <span id="sBillingCity"><?php echo $address['city']; ?></span>
+                                                                        <span id="sBillingProvince"><?php echo $address['province']; ?></span>
+                                                                        <span id="sBillingCountry"><?php echo $address['country']; ?></span>
+                                                                    </span>
+                                                                </div>
+                                                            <?php endif; ?>
                                                         <?php endforeach; ?>
                                                     </div>
+                                                    <!-- <div class="billing">
+                                                        <php foreach ($vendorData['address'] as $address) : ?>
+                                                            <php if ($address['billing']) : ?>
+                                                                <div>
+                                                                    <span style="font-size:16px;font-weight:800;">Billing Address:</span>
+                                                                </div>
+                                                                <div class="sName">
+                                                                    <span>Name:
+                                                                        <span id="selectedBillingFName"><php echo $address['first_name']; ?></span>
+                                                                        <span id="selectedBillingLName"> <php echo $address['last_name']; ?></span>
+                                                                    </span>
+                                                                </div>
+                                                                <div class="sContact">
+                                                                    <span id="selectedBillingContact">Contact #: <php echo $address['phone']; ?></span>
+                                                                </div>
+                                                                <div class="sAddress">
+                                                                    <span>Address:
+                                                                        <span id="sBillingBuilding"><php echo $address['address_1']; ?></span>
+                                                                        <span id="sBillingStreet"><php echo $address['address_2']; ?></span>
+                                                                        <span id="sBillingBarangay"><php echo $address['barangay']; ?></span>
+                                                                        <span id="sBillingCity"><php echo $address['city']; ?></span>
+                                                                        <span id="sBillingProvince"><php echo $address['province']; ?></span>
+                                                                        <span id="sBillingCountry"><php echo $address['country']; ?></span>
+                                                                    </span>
+                                                                </div>
+                                                            <php endif; ?>
+                                                        <php endforeach; ?>
+                                                    </div> -->
                                                 </div>
                                             </div>
                                         </div>
-                                         <!-- 03-19-24 Jun Jihad Bank Information -->
-                                         <div class="col-md-12 col-sm-12" style="display:flex; justify-content: space-between">
-                                         <h5>Bank Information </h5>
-                                         <button type="button" class="btn btn-primary" id="vendorBankModalBtn" data-bs-toggle="modal" data-bs-target="#vendorBankModal">My Banks</button>
-                                         </div>
+                                        <!-- 03-19-24 Jun Jihad Bank Information -->
+                                        <div class="col-md-12 col-sm-12" style="display:flex; justify-content: space-between">
+                                        <h5>Bank Information </h5>
+                                        <button type="button" class="btn btn-primary" id="vendorBankModalBtn" data-bs-toggle="modal" data-bs-target="#vendorBankModal">My Banks</button>
+                                        </div>
                                             <div class="row">
-                                                <div class="col-md-12 col-sm-12">
+                                                <div class="py-3 col-md-12 col-sm-12">
                                                 <?php foreach ($vendorData['bank_acount_details'] as $bank_acount_details) : ?>
                                                             <?php if ($bank_acount_details['bank_payout']) : ?>
                                                     <table style="width:100%; border-collapse: collapse;">
@@ -380,27 +438,27 @@ if ($_SESSION["isCustomer"] == true) {
                         <form>
                             <div class="form-group">
                                 <label for="addressFirstName" class="text-dark font-weight-medium pt-3 mb-2">First Name</label>
-                                <input type="text" class="form-control" id="addressFirstName">
+                                <input type="text" class="form-control" id="addressFirstName" required>
                             </div>
                             <div class="form-group">
                                 <label for="addressLastName" class="text-dark font-weight-medium pt-3 mb-2">Last Name</label>
-                                <input type="text" class="form-control" id="addressLastName">
+                                <input type="text" class="form-control" id="addressLastName" required>
                             </div>
                             <div class="form-group">
                                 <label for="addressContact" class="text-dark font-weight-medium pt-3 mb-2">Contact Number</label>
-                                <input type="number" class="form-control" id="addressContact">
+                                <input type="text" class="form-control" id="addressContact" value="+63 " oninput="preventErasePrefix(this)" required>
                             </div>
                             <div class="form-group">
-                                <label for="addressBuilding" class="text-dark font-weight-medium pt-3 mb-2"> Building,Number </label>
-                                <input type="text" class="form-control" id="addressBuilding">
+                                <label for="addressBuilding" class="text-dark font-weight-medium pt-3 mb-2"> House/Unit/Flr #, Bldg Name, Blk or Lot # </label>
+                                <input type="text" class="form-control" id="addressBuilding" required>
                             </div>
                             <div class="form-group">
                                 <label for="addressStreet" class="text-dark font-weight-medium pt-3 mb-2"> Street </label>
-                                <input type="text" class="form-control" id="addressStreet">
+                                <input type="text" class="form-control" id="addressStreet" required>
                             </div>
                             <div class="form-group">
                                 <label for="provinceSelect">Province</label>
-                                <select class="form-select" id="provinceSelect">
+                                <select class="form-select" id="provinceSelect" required>
                                     <option value="" disabled selected hidden>Select Province</option>
                                 </select>
                             </div>
@@ -418,7 +476,7 @@ if ($_SESSION["isCustomer"] == true) {
                             </div>
                             <div class="form-group">
                                 <label for="addressCountry" class="text-dark font-weight-medium pt-3 mb-2">Country</label>
-                                <input type="text" class="form-control" id="addressCountry">
+                                <input type="text" class="form-control" id="addressCountry" value="Philippines" required>
                             </div>
                             <button type="button" class="btn btn-primary mt-4" id="submitBtn">Submit</button>
 
@@ -455,7 +513,7 @@ if ($_SESSION["isCustomer"] == true) {
                             <div class="form-group">
 
                                 <label for="addressContact" class="text-dark font-weight-medium pt-3 mb-2">Contact Number</label>
-                                <input type="text" class="form-control" id="addressContact2" value="<?php echo $address['phone']; ?>">
+                                <input type="text" class="form-control" id="addressContact2" value="<?php echo $address['phone']; ?>" oninput="preventEraseThePrefix(this)">
 
                                 
                                 <!-- <label for="addressContact" class="text-dark font-weight-medium pt-3 mb-2">Contact Number</label>
@@ -463,7 +521,7 @@ if ($_SESSION["isCustomer"] == true) {
                             </div>
                             <div class="form-group">
 
-                                <label for="addressBuilding" class="text-dark font-weight-medium pt-3 mb-2">Building,Number</label>
+                                <label for="addressBuilding" class="text-dark font-weight-medium pt-3 mb-2">House/Unit/Floor #, Bldg Name, Block or Lot #</label>
                                 <input type="text" class="form-control" id="addressBuilding2" value="<?php echo $address['address_1']; ?>">
 
                                 <!-- <label for="addressBuilding" class="text-dark font-weight-medium pt-3 mb-2"> Building,Number </label>
@@ -513,7 +571,6 @@ if ($_SESSION["isCustomer"] == true) {
             </div>
         </div>
 
-
         <!-- Bank -->
         <div class="modal fade" id="vendorBankModal" tabindex="-1" role="dialog" aria-hidden="true">
             <div class="modal-dialog modal-dialog-centered modal-sm" role="document" style="max-width: 800px;">
@@ -530,16 +587,34 @@ if ($_SESSION["isCustomer"] == true) {
                                         <div class="card-body">
                                             <div class="container">
                                                 <div class="row">
-                                                    <div class="col-md-12 mx-auto">
-                                                        <label class="form-check-label" for="address_<?php echo $vendor_index; ?>_<?php echo $bank_index; ?>">
-                                                           <strong style="font-weight: bold;">Bank Name: </strong><?php echo $bank['bank_name']; ?> <br>
-                                                           <strong style="font-weight: bold;">Bank Account Number: </strong><?php echo $bank['bank_account_number']; ?> <br>
-                                                           <strong style="font-weight: bold;">Bank Account Name: </strong><?php echo $bank['bank_account_name']; ?>
-                                                           <div class="selectWrap" style="display: flex; justify-content: center; align-items: center; width: 50%;">
-                                                           <input type="radio" name="payout_bank" id="payout_bank_<?php echo $vendor_index; ?>_<?php echo $bank_index; ?>" value="<?php echo $vendor_index; ?>_<?php echo $bank_index; ?>" onchange="setPayoutBank('<?php echo $vendor['_id']; ?>', <?php echo $bank_index; ?>, true)" <?php echo $bank['bank_payout'] ? 'checked' : ''; ?>>
-                                                            <label for="payout_bank_<?php echo $vendor_index; ?>_<?php echo $bank_index; ?>">Set as Payout Bank</label>
+                                                    <div class="col-md-10 mx-auto">
+                                                        <div class="form-check" style="display: flex; align-items: center;">
+                                                            <label class="form-check-label" for="address_<?php echo $vendor_index; ?>_<?php echo $bank_index; ?>">
+                                                                <strong style="font-weight: bold;">Bank Name: </strong><?php echo $bank['bank_name']; ?> <br>
+                                                                <strong style="font-weight: bold;">Bank Account Number: </strong><?php echo $bank['bank_account_number']; ?> <br>
+                                                                <strong style="font-weight: bold;">Bank Account Name: </strong><?php echo $bank['bank_account_name']; ?>                              
+                                                            </label>
+                                                            <div class="selectWrap" style="margin-left: auto; display: flex; align-items: center;">
+                                                                <input type="radio" style="height:15px !important; width: 15px !important;" name="payout_bank" id="payout_bank_<?php echo $vendor_index; ?>_<?php echo $bank_index; ?>" value="<?php echo $vendor_index; ?>_<?php echo $bank_index; ?>" onchange="setPayoutBank('<?php echo $vendor['_id']; ?>', <?php echo $bank_index; ?>, true)" <?php echo $bank['bank_payout'] ? 'checked' : ''; ?>>
+                                                                <label for="payout_bank_<?php echo $vendor_index; ?>_<?php echo $bank_index; ?>" style="margin-bottom: 0; margin-left: 5px;">Set as Payout Bank</label>
                                                             </div>
-                                                        </label>
+                                                        </div>
+                                                    </div>
+                                                    <div class="col-md-2 mx-auto">
+                                                        <div id="editDelete" style="display:flex; float:right; width:20px; margin-right:-10px;" > 
+                                                        <?php
+                                                        $bank['id'] =$bank_index;
+                                                        $jsonBank = json_encode($bank)?>
+                                                            <a href="javascript:0" data-bs-toggle="modal" data-value=' <?php echo $jsonBank; ?>' data-bs-target="#editBankModal">
+                                                            <i class="fa-regular fa-pen-to-square" style="font-size:15px; float:right;"></i></a>
+                                                            <!-- <i class="fa-regular fa-trash-can" style="font-size:15px; float:right;"></i> -->
+                                                        </div>
+                                                        <div id="editDelete" style="display:flex; float:right; width:20px; margin-top:20px; margin-right:-20px; margin-top:30px;"> 
+                                                            <!-- <i class="fa-solid fa-pen" style="font-size:15px; float:right;"></i></a> -->
+                                                            
+                                                            <i onclick="deleteBank('<?php echo $vendor['_id']; ?>', <?php echo $bank_index; ?>, true)"
+                                                                class="fa-regular fa-trash-can" style="font-size:15px; float:right;"></i>
+                                                        </div>
                                                     </div>
                                                 </div>
                                             </div>
@@ -564,13 +639,12 @@ if ($_SESSION["isCustomer"] == true) {
                             </div>
                             <div class="form-group">
                                 <label for="bankAccountNumber" class="text-dark font-weight-medium pt-3 mb-2">Bank Account Number</label>
-                                <input type="text" class="form-control" id="bankAccountNumber">
+                                <input type="number" class="form-control" id="bankAccountNumber">
                             </div>
                             <div class="form-group">
                                 <label for="bankAccountName" class="text-dark font-weight-medium pt-3 mb-2">Bank Account Name</label>
                                 <input type="text" class="form-control" id="bankAccountName">
                             </div>
-                          
                             <button type="button" class="btn btn-primary mt-4" id="submitBankBtn">Add Bank</button>
 
                         </form>
@@ -579,6 +653,94 @@ if ($_SESSION["isCustomer"] == true) {
                 </div>
             </div>
         </div>
+
+        <!-- Louie Added Edit Bank Modal -->
+        <div class="modal fade" id="editBankModal" tabindex="-1" role="dialog" aria-hidden="true">
+            <div class="modal-dialog modal-dialog-centered modal-sm" role="document" style="max-width: 800px;">
+                <div class="modal-content">
+                    <div class="modal-body" style="overflow-y: auto; max-height: 90vh;">
+                    <form>
+                            <div class="form-group">
+                                <label for="bankName" class="text-dark font-weight-medium pt-3 mb-2">Bank Name</label>
+                                <input type="text" class="form-control" 
+                                id="bankName2" 
+                                value="<?php echo $bank['bank_name']; ?>">
+                                <!-- <label for="addressFirstName" class="text-dark font-weight-medium pt-3 mb-2">First Name</label>-->
+                                <input type="hidden" class="form-control" id="bankId" >
+                                <input type="hidden" class="form-control" id="bankPayoutStatus" >
+
+                            </div>
+                            <div class="form-group">
+                                <label for="bankAccNum" class="text-dark font-weight-medium pt-3 mb-2">Bank Account Number</label>
+                                <input min="0" type="number" class="form-control" id="bankAccNum" value="<?php echo $bank['bank_account_number']; ?>">
+                                <!-- <label for="addressLastName" class="text-dark font-weight-medium pt-3 mb-2">Last Name</label>
+                                <input type="text" class="form-control" id="addressLastName"> -->
+                            </div>
+                            <div class="form-group">
+                                <label for="bankAccName" class="text-dark font-weight-medium pt-3 mb-2">Bank Account Name</label>
+                                <input type="text" class="form-control" id="bankAccName" value="<?php echo $bank['bank_account_name']; ?>" >
+                                <!-- <label for="addressContact" class="text-dark font-weight-medium pt-3 mb-2">Contact Number</label>
+                                <input type="number" class="form-control" id="addressContact"> -->
+                            </div>
+                            
+                            <button type="button" class="btn btn-primary mt-4" id="editBankBtn">Submit</button>
+                            
+                        </form>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        
+
+        <script>
+            function preventErasePrefix(input) { /* secondmodal */
+
+                var numericValue = input.value.replace(/\D/g, '');
+                    if (numericValue.startsWith('63')) {
+                        input.value = "+63 " + numericValue.substring(2);
+                    } else {
+                        input.value = "+63 " + numericValue;
+                    }
+
+            if (input.value.length > 14) {
+                input.value = input.value.slice(0, 14);
+            }
+
+            }
+
+            function preventEraseThePrefix(input) { /* thirdmodal */
+                
+                var numericValue = input.value.replace(/\D/g, '');
+                    if (numericValue.startsWith('63')) {
+                        input.value = "+63 " + numericValue.substring(2);
+                    } else {
+                        input.value = "+63 " + numericValue;
+                    }
+
+            if (input.value.length > 14) {
+                input.value = input.value.slice(0, 14);
+            }       
+
+            }
+
+            function preventEraseInPrefix(input) { /* edit details */
+                
+                var numericValue = input.value.replace(/\D/g, '');
+                    if (numericValue.startsWith('63')) {
+                        input.value = "+63 " + numericValue.substring(2);
+                    } else {
+                        input.value = "+63 " + numericValue;
+                    }
+
+            if (input.value.length > 14) {
+                input.value = input.value.slice(0, 14);
+            }       
+
+            }
+            
+        </script>
+
         <script>
             function editUser() {
                 // var fileInput = document.getElementById('fileInput' + vendorId);
@@ -607,11 +769,11 @@ if ($_SESSION["isCustomer"] == true) {
                     })
                     .then(response => {
                         if (response.ok) {
-                            console.log('Email update successful');
+                            console.log('Profile updated successful');
                             location.reload();
                             // Handle any other actions after the successful email update
                         } else {
-                            console.error('Email update failed');
+                            console.error('Profile failed to update');
                             // Handle errors or display a message to the user
                         }
                     })
@@ -654,7 +816,7 @@ if ($_SESSION["isCustomer"] == true) {
                         })
                         .then(response => {
                             if (response.ok) {
-                                // location.reload();
+                                location.reload();
                                 // filter the delete action
                                 document.getElementById('form-check-' + addressIndex).remove();
                             } else {
@@ -833,6 +995,8 @@ if ($_SESSION["isCustomer"] == true) {
             });
         </script>
 
+        
+
         <script>
             const vendorid = `<?php echo $_SESSION["LoggedInVendorId"]; ?>`;
             document.addEventListener('DOMContentLoaded', function() {
@@ -865,7 +1029,6 @@ if ($_SESSION["isCustomer"] == true) {
                         }
                     })
                     .then(provincesData => {
-                       
                         provincesData.forEach(province => {
                             const option = new Option(province.name, province.code);
                             provinceSelect.append(option);
@@ -942,62 +1105,66 @@ if ($_SESSION["isCustomer"] == true) {
                 });
 
 
-
                 $('#submitBtn').on('click', function() {
-                    console.log('clickkkkkkkk')
-                    fetch('https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/vendors/' + vendorid)
-                        .then(response => response.json())
-                        .then(data => {
-                            const existingAddresses = data.address || [];
+    console.log('clickkkkkkkk')
+    fetch('https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/vendors/' + vendorid)
+        .then(response => response.json())
+        .then(data => {
+            const existingAddresses = data.address || [];
 
-                            const firstName = $('#addressFirstName').val();
-                            const lastName = $('#addressLastName').val();
-                            const contact = $('#addressContact').val();
-                            const buildingNumber = $('#addressBuilding').val();
-                            const street = $('#addressStreet').val();
-                            const province = $('#provinceSelect :selected').text();
-                            const city = $('#citySelect :selected').text();
-                            const barangay = $('#barangaySelect :selected').text();
-                            const country = $('#addressCountry').val();
+            const firstName = $('#addressFirstName').val();
+            const lastName = $('#addressLastName').val();
+            const contact = $('#addressContact').val();
+            const buildingNumber = $('#addressBuilding').val();
+            const street = $('#addressStreet').val();
+            const province = $('#provinceSelect :selected').text();
+            const city = $('#citySelect :selected').text();
+            const barangay = $('#barangaySelect :selected').text();
+            const country = $('#addressCountry').val();
 
+            const newAddress = {
+                first_name: firstName,
+                last_name: lastName,
+                phone: contact,
+                address_1: buildingNumber,
+                address_2: street,
+                city: city,
+                province: province,
+                barangay: barangay,
+                country: country,
+            };
 
-                            const newAddress = {
-                                first_name: firstName,
-                                last_name: lastName,
-                                phone: contact,
-                                address_1: buildingNumber,
-                                address_2: street,
-                                city: city,
-                                province: province,
-                                barangay: barangay,
-                                country: country,
-                            };
+            // Check if it's the first address
+            if (existingAddresses.length === 0) {
+                newAddress.shipping = true; // Set shipping to true
+            }
 
-                            existingAddresses.push(newAddress);
+            existingAddresses.push(newAddress);
+
+            return fetch('https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/vendors/' + vendorid, {
+                method: 'PATCH',
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify({
+                    address: existingAddresses
+                }),
+            });
+        })
+        .then(response => {
+            if (response.ok) {
+                location.reload();
+            } else {
+                console.error('Failed to submit data');
+                alert('Failed to submit data');
+            }
+        })
+        .catch(error => {
+            console.error('Error:', error);
+            alert('Error submitting data');
+        });
+});
 
-                            return fetch('https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/vendors/' + vendorid, {
-                                method: 'PATCH',
-                                headers: {
-                                    'Content-Type': 'application/json'
-                                },
-                                body: JSON.stringify({
-                                    address: existingAddresses
-                                }),
-                            });
-                        })
-                        .then(response => {
-                            if (response.ok) {
-                                location.reload();
-                            } else {
-                                console.error('Failed to submit data');
-                                alert('Failed to submit data');
-                            }
-                        })
-                        .catch(error => {
-                            console.error('Error:', error);
-                            alert('Error submitting data');
-                        });
-                });
 
 
             });
@@ -1099,7 +1266,6 @@ if ($_SESSION["isCustomer"] == true) {
                             const bankName = $('#bankName').val();
                             const bankAccountNumber = $('#bankAccountNumber').val();
                             const bankAccountName = $('#bankAccountName').val();
-                         
                             const newBank = {
                                 bank_name: bankName,
                                 bank_account_number: bankAccountNumber,
@@ -1132,7 +1298,7 @@ if ($_SESSION["isCustomer"] == true) {
                         });
                 });
         </script>
-          <script>
+        <script>
             async function updateAddressBilling(vendorid, addressIndex, isBilling) {
                 try {
                     const apiUrl = `https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/vendors/${vendorid}`;
@@ -1180,6 +1346,27 @@ if ($_SESSION["isCustomer"] == true) {
                     if (!updateResponse.ok) {
                         throw new Error(`Failed to update address: ${updateResponse.status}`);
                     }
+                    // console.log(`Address updated successfully for vendor ${vendorid}`);
+                    const selectedBillingElement = document.getElementById('selectedBillingFName');
+                    const selectedBillingLNameElement = document.getElementById('selectedBillingLName');
+                    const selectedBillingContactElement = document.getElementById('selectedBillingContact');
+                    const sBillingBuildingElement = document.getElementById('sBillingBuilding');
+                    const sBillingStreetElement = document.getElementById('sBillingStreet');
+                    const sBillingBarangayElement = document.getElementById('sBillingBarangay');
+                    const sBillingCityElement = document.getElementById('sBillingCity');
+                    const sBillingProvinceElement = document.getElementById('sBillingProvince');
+                    const sBillingCountryElement = document.getElementById('sBillingCountry');
+                    if (selectedBillingElement) {
+                        selectedBillingElement.textContent = vendorsData.address[addressIndex].first_name;
+                        selectedBillingLNameElement.textContent = vendorsData.address[addressIndex].last_name;
+                        selectedBillingContactElement.textContent = 'Contact #: ' + vendorsData.address[addressIndex].phone;
+                        sBillingBuildingElement.textContent = vendorsData.address[addressIndex].address_1;
+                        sBillingStreetElement.textContent = vendorsData.address[addressIndex].address_2;
+                        sBillingBarangayElement.textContent = vendorsData.address[addressIndex].barangay;
+                        sBillingCityElement.textContent = vendorsData.address[addressIndex].city;
+                        sBillingProvinceElement.textContent = vendorsData.address[addressIndex].province;
+                        sBillingCountryElement.textContent = vendorsData.address[addressIndex].country;
+                    }
                     console.log(`Address updated successfully for vendor ${vendorid}`);
                 } catch (error) {
                     console.error('Error updating address:', error.message);
@@ -1310,6 +1497,128 @@ if ($_SESSION["isCustomer"] == true) {
             }
 
         </script>
+
+
+        <!-- Script added by Louie for Dynamic Edit Modal Box. May 08, 2024 -->
+        <script>
+            $('#editBankModal').on('shown.bs.modal', function (event) {
+            var jsonString = $(event.relatedTarget).data('value');
+            var jsonObject = JSON.parse(jsonString);
+            console.log("This is the data", jsonObject)
+            // shows inputed data by the vendor
+            document.querySelector('input[id="bankName2"]').value = jsonObject.bank_name;
+            document.querySelector('input[id="bankAccNum"]').value = jsonObject.bank_account_number;
+            document.querySelector('input[id="bankAccName"]').value = jsonObject.bank_account_name;
+            document.querySelector('input[id="bankPayoutStatus"]').value = jsonObject.bank_payout;
+            document.querySelector('input[id="bankId"]').value = jsonObject.id;
+            })
+
+            $('#editBankBtn').on('click', function() {
+
+            const vendorid = `<?php echo $_SESSION["LoggedInVendorId"]; ?>`;
+            console.log("The vendorid is", vendorid)
+            // fetch('https://api.obanana.shop/api/v1/customers/65482e8d209ff8d348bd30fd')
+            fetch('https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/vendors/' + vendorid)
+                .then(response => response.json())
+                .then(data => {
+                    // Get the existing addresses array
+                    const existingBankDetails = data.bank_acount_details || [];
+                    
+                    
+                    console.log("This is the existing data", existingBankDetails)
+                    // Get the new bank details
+                    const editedbankName = $('#bankName2').val();
+                    const editedAccNum = $('#bankAccNum').val();
+                    const editedAccName = $('#bankAccName').val();
+                    const editedPayout = $('#bankPayoutStatus').val() === "true"; 
+                    const id = $('#bankId').val();
+                    console.log('this is the bank id '+ id)
+                    console.log(typeof editedPayout);
+                    console.log(editedPayout);
+
+                    // Create a new address object
+                    let bankDetails = existingBankDetails
+
+                    bankDetails[id]={
+                        bank_name: editedbankName,
+                        bank_account_number: editedAccNum,
+                        bank_account_name: editedAccName,
+                        bank_payout: editedPayout,
+                    };
+                    console.log( bankDetails[id])
+                    // Make a PATCH request to update the addresses array
+                    return fetch('https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/vendors/' + vendorid, {
+                        method: 'PATCH',
+                        headers: {
+                            'Content-Type': 'application/json'
+                        },
+                        body: JSON.stringify({
+                            bank_acount_details: bankDetails
+                        }),
+                    });
+                })
+                .then(response => {
+                    if (response.ok) {
+                        // Handle success (e.g., show a success message)
+                        location.reload();
+                    } else {
+                        // Handle error
+                        console.error('Failed to submit data');
+                        alert('Failed to submit data');
+                    }
+                })
+                .catch(error => {
+                    // Handle network or other errors
+                    console.error('Error:', error);
+                    alert('Error submitting data');
+                });
+            });
+        </script>
+
+        <!-- Script added by Louie for Deleting Bank Information. May 08, 2024 -->
+        <script>
+            const vendorId = `<?php echo $_SESSION["LoggedInVendorId"]; ?>`;
+            
+            function deleteBank(vendorId, bankIndex) {
+                fetch('https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/vendors/' + vendorId)
+                .then(response => response.json())
+                .then(data => {
+                    let existingBank = data.bank_acount_details || [];
+                    if (bankIndex >= 0 && bankIndex < existingBank.length) {
+                        existingBank.splice(bankIndex, 1);
+                        fetch('https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/vendors/' + vendorId, {
+                            method: 'PATCH',
+                            headers: {
+                                'Content-Type': 'application/json'
+                            },
+                            body: JSON.stringify({
+                                bank_acount_details: existingBank
+                            }),
+                        })
+                        .then(response => {
+                            if (response.ok) {
+                                location.reload();
+                                // filter the delete action
+                                document.getElementById('form-check-' + bankIndex).remove();
+                            } else {
+                                console.error('Failed to submit data');
+                                alert('Failed to submit data');
+                            }
+                        })
+                        .catch(error => {
+                            console.error('Error:', error);
+                            alert('Error submitting data');
+                        });
+                    } else {
+                        console.log("Invalid address index.");
+                    }
+                })
+                .catch(error => {
+                    console.error('Error:', error);
+                    alert('Error fetching vendor data');
+                });
+            }
+        </script>
     </section>
     <!-- End Vendor setting section -->
 
@@ -1337,7 +1646,7 @@ if ($_SESSION["isCustomer"] == true) {
                                             $banner_style2 = 'background-color: orange !important; background-image: none !important;  width: 100% !important; height: 200px !important; background-size: cover !important; background-position: center !important; border-radius: 5px !important;';
                                             echo '<div class="image-thumb-preview ec-image-preview v-img" style="' . $banner_style2 . '"></div>';
                                         } else {
-                                            echo '<img class="image-thumb-preview ec-image-preview v-img" src="' . $vendorData['vendor_banner'] . '" alt="edit" />';
+                                            echo '<img loading="lazy" class="image-thumb-preview ec-image-preview v-img" src="' . $vendorData['vendor_banner'] . '" alt="edit" />';
                                         }
                                         ?>
                                     </div>
@@ -1353,9 +1662,9 @@ if ($_SESSION["isCustomer"] == true) {
                                     <div class="thumb-preview ec-preview">
                                     <div class="image-thumb-preview">
                                         <?php if (!empty($vendorData['vendor_image'])): ?>
-                                            <img class="image-thumb-preview ec-image-preview v-img" src="<?php echo $vendorData['vendor_image']; ?>" alt="edit" />
+                                            <img loading="lazy" class="image-thumb-preview ec-image-preview v-img" src="<?php echo $vendorData['vendor_image']; ?>" alt="edit" />
                                         <?php else: ?>
-                                            <img class="image-thumb-preview ec-image-preview v-img" src="https://yourteachingmentor.com/wp-content/uploads/2020/12/istockphoto-1223671392-612x612-1.jpg" alt="edit" />
+                                            <img loading="lazy" class="image-thumb-preview ec-image-preview v-img" src="https://yourteachingmentor.com/wp-content/uploads/2020/12/istockphoto-1223671392-612x612-1.jpg" alt="edit" />
                                         <?php endif; ?>
                                     </div>
                                     </div>
@@ -1434,10 +1743,10 @@ if ($_SESSION["isCustomer"] == true) {
                                                         })
                                                         .then(secondResponse => {
                                                             if (secondResponse.ok) {
-                                                                console.log('Second request successful');
-                                                                location.reload();
+                                                                console.log('Profile Image Uploaded Successful');
+                                                                // location.reload();
                                                             } else {
-                                                                console.error('Second request failed');
+                                                                console.error('Profile Image Failed to Upload');
                                                             }
                                                         })
                                                         .catch(error => {
@@ -1527,10 +1836,10 @@ if ($_SESSION["isCustomer"] == true) {
                                                         })
                                                         .then(secondResponse => {
                                                             if (secondResponse.ok) {
-                                                                console.log('Second request successful');
-                                                                location.reload();
+                                                                console.log('Profile Banner Uploaded Successful');
+                                                                // location.reload();
                                                             } else {
-                                                                console.error('Second request failed');
+                                                                console.error('Profile Banner Failed to Upload');
                                                             }
                                                         })
                                                         .catch(error => {
@@ -1567,7 +1876,7 @@ if ($_SESSION["isCustomer"] == true) {
                                     </div>
                                     <div class="form-group">
                                         <label for="cphone-" class="text-dark font-weight-medium pt-3 mb-2">Contact Number</label>
-                                        <input type="text" class="form-control" id="cphone-" value="<?php echo $vendorData['phone'] ?>">
+                                        <input type="text" class="form-control" id="cphone-" value="<?php echo $vendorData['phone'] ?>" oninput="preventEraseInPrefix(this)">
                                     </div>
                                         <!-- 02-23-2023 Jun Jihad Vendor Description Field-->
                                      <div class="form-group">
@@ -1593,7 +1902,7 @@ if ($_SESSION["isCustomer"] == true) {
     <!-- Modal end -->
 
     <!-- Footer navigation panel for responsive display -->
-    <div class="ec-nav-toolbar">
+   <!--  <div class="ec-nav-toolbar">
         <div class="container">
             <div class="ec-nav-panel">
                 <div class="ec-nav-panel-icons">
@@ -1614,13 +1923,13 @@ if ($_SESSION["isCustomer"] == true) {
 
             </div>
         </div>
-    </div>
+    </div> -->
     <!-- Footer navigation panel for responsive display end -->
 
     <!-- raymart remove popup feb 20 2024 -->
     <!-- Recent Purchase Popup  -->
     <!-- <div class="recent-purchase">
-        <img src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -1640,121 +1949,7 @@ if ($_SESSION["isCustomer"] == true) {
     </div>
     <!-- Cart Floating Button end -->
 
-    <!-- Whatsapp -->
-    <div class="ec-style ec-right-bottom">
-        <!-- Start Floating Panel Container -->
-        <div class="ec-panel">
-            <!-- Panel Header -->
-            <div class="ec-header">
-                <strong>Need Help?</strong>
-                <p>Chat with us on WhatsApp</p>
-            </div>
-            <!-- Panel Content -->
-            <div class="ec-body">
-                <ul>
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Sahar Darya</span>
-                                    <p>Sahar left 7 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-online"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Yolduz Rafi</span>
-                                    <p>Yolduz is online</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Nargis Hawa</span>
-                                    <p>Nargis left 30 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Khadija Mehr</span>
-                                    <p>Khadija left 50 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                </ul>
-            </div>
-        </div>
-        <!--/ End Floating Panel Container -->
-        <!-- Start Right Floating Button-->
-        <div class="ec-right-bottom">
-            <div class="ec-box">
-                <div class="ec-button rotateBackward">
-                    <img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
-                </div>
-            </div>
-        </div>
-        <!--/ End Right Floating Button-->
-    </div>
-    <!-- Whatsapp end -->
+    
 
     <!-- Feature tools -->
     <div class="ec-tools-sidebar-overlay"></div>
@@ -1763,7 +1958,7 @@ if ($_SESSION["isCustomer"] == true) {
             <h3>Features</h3>
         </div>
         <a href="#" class="ec-tools-sidebar-toggle in-out">
-            <img alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">

vendor-uploads-add-product-action.php

@@ -31,19 +31,19 @@ $token = $_SESSION["token"];
 
 
 $response = addProduct(
-          $vendorId,
-          $productName, 
-          $stock,
-          $price, 
-          $salePrice,
-          $weight,
-          $length,
-          $width,
-          $height,
-          $specifications,
-          $productType,
-          $parentId,
-          $token);
+    $vendorId,
+    $productName, 
+    $stock,
+    $price, 
+    $salePrice,
+    $weight,
+    $length,
+    $width,
+    $height,
+    $specifications,
+    $productType,
+    $parentId,
+    $token);
 $array = json_decode($response,true);
 $_SESSION['newProductId'] = $array['_id'];
 header("location: vendor-uploads.php");

vendor-uploads-edit-product-action.php

@@ -54,32 +54,32 @@ for ($i = 0; $i < count($quantities); $i++) {
 
 
 $response = editProduct(
-          $productId,
-          $vendorId,
-          $productName, 
-          $stock,
-          $ndd,
-          $sdd,
-          $freeSf,
-          $price, 
-          $salePrice,
-          $weight,
-          $length,
-          $width,
-          $height,
-          $description,
-          $specifications,
-          $productType,
-          $productCategory,
-          $productSf,
-          $productStatus,
-          $parentId,
-          $minimumOrder,
-          $color,
-          $material,
-          $size,
-          $priceMatrix,
-          $token);
+    $productId,
+    $vendorId,
+    $productName, 
+    $stock,
+    $ndd,
+    $sdd,
+    $freeSf,
+    $price, 
+    $salePrice,
+    $weight,
+    $length,
+    $width,
+    $height,
+    $description,
+    $specifications,
+    $productType,
+    $productCategory,
+    $productSf,
+    $productStatus,
+    $parentId,
+    $minimumOrder,
+    $color,
+    $material,
+    $size,
+    $priceMatrix,
+    $token);
 $array = json_decode($response,true);
 $_SESSION['newProdictId'] = $array['_id'];
 header("location: vendor-all-product-list.php");

vendor-uploads.php

@@ -47,7 +47,10 @@ if ($_SESSION["isCustomer"] == true) {
 
 
     <!-- css Icon Font -->
-    <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+     <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
+        integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A=="
+        crossorigin="anonymous" referrerpolicy="no-referrer" />
 
     <!-- css All Plugins Files -->
     <link rel="stylesheet" href="assets/css/plugins/animate.css" />
@@ -131,14 +134,14 @@ if ($_SESSION["isCustomer"] == true) {
                                 <!-- <div class="ec-vendor-block-bg" style="background-image: url(<?php #echo $vendorData['vendor_banner'] 
                                                                                                     ?>) !important;"></div> -->
                                 <div class="ec-vendor-block-detail">
-                                    <!-- <img class="v-img" src=<?php #echo $vendorData['vendor_image'] 
+                                    <!-- <img loading="lazy" class="v-img" src=<?php #echo $vendorData['vendor_image'] 
                                                                 ?> alt="vendor image"> -->
                                     <!-- 03-12-2024 Stacy added placeholder for vendor profile -->
                                     <?php
                                     if (!empty($vendorData['vendor_image'])) { ?>
-                                        <img class="v-img" src=<?php echo $vendorData['vendor_image'] ?> alt="vendor image">
+                                        <img loading="lazy" class="v-img" src=<?php echo $vendorData['vendor_image'] ?> alt="vendor image">
                                     <?php } else { ?>
-                                        <img class="v-img" src="https://yourteachingmentor.com/wp-content/uploads/2020/12/istockphoto-1223671392-612x612-1.jpg" alt="vendor image">
+                                        <img loading="lazy" class="v-img" src="https://yourteachingmentor.com/wp-content/uploads/2020/12/istockphoto-1223671392-612x612-1.jpg" alt="vendor image">
                                     <?php } ?>
                                     <h5 class="name"><?php echo $vendorData['user_login'] ?></h5>
                                 </div>
@@ -177,12 +180,12 @@ if ($_SESSION["isCustomer"] == true) {
                                                             if (!empty($image_urls)) {
                                                                 $first_image_url = trim($image_urls[0]);
                                                         ?>
-                                                                <img class="ec-image-preview" src="<?php echo $first_image_url; ?>" alt="edit" />
+                                                                <img loading="lazy" class="ec-image-preview" src="<?php echo $first_image_url; ?>" alt="edit" />
                                                             <?php
                                                             }
                                                         } else {
                                                             ?>
-                                                            <img class="ec-image-preview" src="assets/images/product-image/vender-upload-preview.jpg" alt="edit" />
+                                                            <img loading="lazy" class="ec-image-preview" src="assets/images/product-image/vender-upload-preview.jpg" alt="edit" />
                                                         <?php
                                                         }
                                                         ?>
@@ -205,7 +208,7 @@ if ($_SESSION["isCustomer"] == true) {
                                                             </div>
                                                             <div class="thumb-preview ec-preview">
                                                                 <div class="image-thumb-preview">
-                                                                    <img class="image-thumb-preview ec-image-preview" src="<?php echo $image_url; ?>" alt="edit" />
+                                                                    <img loading="lazy" class="image-thumb-preview ec-image-preview" src="<?php echo $image_url; ?>" alt="edit" />
                                                                     <button class="delete-image-button" onclick="deleteImage('<?php echo $array['_id']; ?>', <?php echo $index; ?>)">Delete</button>
                                                                 </div>
                                                             </div>
@@ -221,7 +224,7 @@ if ($_SESSION["isCustomer"] == true) {
                                                         </div>
                                                         <div class="thumb-preview ec-preview">
                                                             <div class="image-thumb-preview">
-                                                                <img class="image-thumb-preview ec-image-preview" src="assets/images/product-image/vender-upload-thumb-preview.jpg" alt="edit" />
+                                                                <img loading="lazy" class="image-thumb-preview ec-image-preview" src="assets/images/product-image/vender-upload-thumb-preview.jpg" alt="edit" />
                                                             </div>
                                                         </div>
                                                     </div>
@@ -278,11 +281,11 @@ if ($_SESSION["isCustomer"] == true) {
                                             <div class="row g-3">
                                                 <div class="col-md-6">
                                                     <label for="inputEmail4" class="form-label">Product name</label>
-                                                    <input type="text" class="form-control slug-title" id="inputEmail4" name="product_name" value="<?php echo $array['product_name']; ?>">
+                                                    <input type="text" class="form-control slug-title" id="inputEmail4" name="product_name" value="<?php echo $array['product_name']; ?>" required>
                                                 </div>
                                                 <div class="col-md-6">
                                                     <label class="form-label">Product Type</label>
-                                                    <select id="Categories" class="form-select" name="product_type" onchange="variables()">
+                                                    <select id="Categories" class="form-select" name="product_type" onchange="variables()" >
                                                         <option value="simple" <?php if ($array['product_type'] == 'simple') {
                                                                                     echo 'selected';
                                                                                 } ?>>Simple</option>
@@ -342,32 +345,32 @@ if ($_SESSION["isCustomer"] == true) {
                                                 <div class="col-md-12">
                                                     <label for="slug" class="col-12 col-form-label">Slug</label>
                                                     <div class="col-12">
-                                                        <input id="slug" name="slug" class="form-control here set-slug" type="text">
+                                                        <input id="slug" name="slug" class="form-control here set-slug" type="text" required>
                                                     </div>
                                                 </div>
                                                 <div class="col-md-6">
                                                     <!-- <label for="weight" class="form-label">Weight</label> -->
                                                     <!-- raymart edit weight -->
                                                     <label for="weight" class="form-label">Weight(grams)</label>
-                                                    <input type="number" class="form-control slug-title" id="width" name="weight" value="<?php echo $array['weight']; ?>">
+                                                    <input type="number" class="form-control slug-title" id="width" name="weight" value="<?php echo $array['weight']; ?>" required>
                                                 </div>
                                                 <div class="col-md-6">
                                                     <!-- <label for="length" class="form-label">Length</label> -->
                                                     <!-- raymart edit length -->
                                                     <label for="length" class="form-label">Length(cm)</label>
-                                                    <input type="number" class="form-control slug-title" id="width" name="length" value="<?php echo $array['length']; ?>">
+                                                    <input type="number" class="form-control slug-title" id="width" name="length" value="<?php echo $array['length']; ?>" required>
                                                 </div>
                                                 <div class="col-md-6">
                                                     <!-- <label for="width" class="form-label">Width</label> -->
                                                     <!-- raymart edit width -->
                                                     <label for="width" class="form-label">Width(cm)</label>
-                                                    <input type="number" class="form-control slug-title" id="width" name="width" value="<?php echo $array['width']; ?>">
+                                                    <input type="number" class="form-control slug-title" id="width" name="width" value="<?php echo $array['width']; ?>" required>
                                                 </div>
                                                 <div class="col-md-6">
                                                     <!-- <label for="height" class="form-label">Height</label> -->
                                                     <!-- raymart edit height -->
                                                     <label for="height" class="form-label">Height(cm)</label>
-                                                    <input type="number" class="form-control slug-title" id="height" name="height" value="<?php echo $array['height']; ?>">
+                                                    <input type="number" class="form-control slug-title" id="height" name="height" value="<?php echo $array['height']; ?>" required>
                                                 </div>
                                                 <!-- raymart added short des feb 21 2024 -->
                                                 <div class="col-md-12">
@@ -467,7 +470,7 @@ if ($_SESSION["isCustomer"] == true) {
                                                 </div> -->
                                                 <div class="col-md-6">
                                                     <label class="form-label">Product Category</label>
-                                                    <select class="form-select" name="product_category" id="product_category">
+                                                    <select class="form-select" name="product_category" id="product_category" required>
                                                         <option value="">Select Category</option>
                                                         <option value="Electronics" <?php echo ($array['product_category'] === 'Electronics') ? 'selected' : ''; ?>>Electronics</option>
                                                         <option value="Solar" <?php echo ($array['product_category'] === 'Solar') ? 'selected' : ''; ?>>Solar</option>
@@ -486,7 +489,7 @@ if ($_SESSION["isCustomer"] == true) {
                                                 </div>
                                                 <div class="col-md-6">
                                                     <label class="form-label">Product Status</label>
-                                                    <select class="form-select" name="status" id="status">
+                                                    <select class="form-select" name="status" id="status" required>
                                                         <option value="">Select Product Status</option>
                                                         <option value="Active" <?php echo ($array['status'] === 'Active') ? 'selected' : ''; ?>>Active</option>
                                                         <option value="Inactive" <?php echo ($array['status'] === 'Inactive') ? 'selected' : ''; ?>>Inactive</option>
@@ -790,36 +793,36 @@ if ($_SESSION["isCustomer"] == true) {
                             <!-- Swiper -->
                             <div class="qty-product-cover">
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
                                 </div>
                             </div>
                             <div class="qty-nav-thumb">
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
                                 </div>
                             </div>
                         </div>
@@ -912,7 +915,7 @@ if ($_SESSION["isCustomer"] == true) {
     <!-- raymart remove popup feb 20 2024 -->
     <!-- Recent Purchase Popup  -->
     <!-- <div class="recent-purchase">
-        <img src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -932,121 +935,7 @@ if ($_SESSION["isCustomer"] == true) {
     </div>
     <!-- Cart Floating Button end -->
 
-    <!-- Whatsapp -->
-    <div class="ec-style ec-right-bottom">
-        <!-- Start Floating Panel Container -->
-        <div class="ec-panel">
-            <!-- Panel Header -->
-            <div class="ec-header">
-                <strong>Need Help?</strong>
-                <p>Chat with us on WhatsApp</p>
-            </div>
-            <!-- Panel Content -->
-            <div class="ec-body">
-                <ul>
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Sahar Darya</span>
-                                    <p>Sahar left 7 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-online"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Yolduz Rafi</span>
-                                    <p>Yolduz is online</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Nargis Hawa</span>
-                                    <p>Nargis left 30 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Khadija Mehr</span>
-                                    <p>Khadija left 50 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                </ul>
-            </div>
-        </div>
-        <!--/ End Floating Panel Container -->
-        <!-- Start Right Floating Button-->
-        <div class="ec-right-bottom">
-            <div class="ec-box">
-                <div class="ec-button rotateBackward">
-                    <img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
-                </div>
-            </div>
-        </div>
-        <!--/ End Right Floating Button-->
-    </div>
-    <!-- Whatsapp end -->
+    
 
     <!-- Feature tools -->
     <div class="ec-tools-sidebar-overlay"></div>
@@ -1055,7 +944,7 @@ if ($_SESSION["isCustomer"] == true) {
             <h3>Features</h3>
         </div>
         <a href="#" class="ec-tools-sidebar-toggle in-out">
-            <img alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">

vendor-user-tabs.php

@@ -7,7 +7,7 @@ $current_page = basename($_SERVER['PHP_SELF']);
     <ul>
         <li <?php if ($current_page == 'vendor-dashboard.php') echo 'class="active"'; ?>><a href="vendor-dashboard.php" id="vendor-dashboard-link">Dashboards</a></li>
         <li <?php if ($current_page == 'vendor-uploads.php') echo 'class="active"'; ?>><a onclick="addProduct();" id="vendor-uploads-link">Uploads</a></li>
-        <li <?php if ($current_page == 'vendor-settings.php') echo 'class="active"'; ?>><a href="vendor-settings.php" id="vendor-settings-link">Settings (edit)</a></li>
+        <li <?php if ($current_page == 'vendor-settings.php') echo 'class="active"'; ?>><a href="vendor-settings.php" id="vendor-settings-link">Vendor Profile</a></li>
         <li <?php if ($current_page == 'vendor-refund-history.php') echo 'class="active"'; ?>><a href="vendor-refund-history.php" id="vendor-refund-history-link">Vendor Refund History</a></li>
         <li <?php if ($current_page == 'vendor-payments.php') echo 'class="active"'; ?>><a href="vendor-payments.php" id="vendor-payments-link">Payments</a></li>
         <li <?php if ($current_page == 'vendor-payouts.php') echo 'class="active"'; ?>><a href="vendor-payouts.php" id="vendor-payouts-link">Payouts</a></li>

wishlist.php

@@ -41,7 +41,10 @@ if ($_SESSION["isVendor"] == true) {
 
 
     <!-- css Icon Font -->
-    <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+     <link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
+        integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A=="
+        crossorigin="anonymous" referrerpolicy="no-referrer" />
 
 
     <!-- css All Plugins Files -->
@@ -151,7 +154,7 @@ if ($_SESSION["isVendor"] == true) {
     <!-- <section class="labels section-space-p">
         <div class="container">
             <div class="row">
-                <img src="./assets/images/comingsoon.png" alt="">
+                <img loading="lazy" src="./assets/images/comingsoon.png" alt="">
             </div>
         </div>
     </section> -->
@@ -174,229 +177,244 @@ if ($_SESSION["isVendor"] == true) {
                             </div>
                         
                             <div class="row margin-minus-b-30">
-                                <?php foreach ($customer['favorites']['products'] as $product) {
-                                    //  raymart added vendorproduct feb 14 2024
-                                     $vendorOfProduct = getVendorbyId($product['vendor_api_id']);
-                                     ?>
-                                    <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 mb-6 pro-gl-content">
-                                        <div class="ec-product-inner">
-                                            <!-- raymart added style for checkboxes feb 19 2024 -->
-                                        <input type="checkbox" class="product-checkbox" style="width: 20px; height: 20px; "value="<?php echo $product["_id"]; ?>">
-                                            <div class="ec-pro-image-outer">
-                                                <div class="ec-pro-image">
-                                                    <a href="product-left-sidebar.php?id=<?php echo $product["_id"]; ?>" class="image">
-                                                    <!-- <a href="shop-left-sidebar-col-4.php" class="image"> -->
-                                                        <img class="main-image" src="<?php echo $product["product_image"]; ?>" alt="Product" />
-                                                        <!-- <img class="hover-image" src="<?php echo $product["product_image"]; ?>" alt="Product" /> -->
-                                                    </a>
-                                                    <span class="ec-com-remove ec-remove-wishlist">
-                                                        <a href="javascript:void(0)" class="remove-product" data-product-id="<?php echo $product["_id"]; ?>" id="removeItem<?php echo $product["_id"]; ?>">×</a>
-                                                    </span>
-                                                    <!-- raymart edit action feb 14 2024 -->
-                                                    <div class="ec-pro-actions">
-                                                        <button title="Add To Cart" onclick="popupAddToCart(`<?php echo htmlspecialchars(json_encode($product), ENT_QUOTES, 'UTF-8'); ?>`,`<?php echo htmlspecialchars($vendorOfProduct, ENT_QUOTES, 'UTF-8'); ?>`,  `<?php echo isset($_SESSION['token']) ? $_SESSION['token'] : ''; ?>` , `<?php echo isset($_SESSION['email']) ? $_SESSION['email'] : ''; ?>` ,  `<?php echo isset($_SESSION['password']) ? $_SESSION['password'] : ''; ?>` , `<?php echo htmlspecialchars(json_encode($customer_data), ENT_QUOTES, 'UTF-8'); ?>`);" class="add-to-cart"><i class="fi-rr-shopping-basket"></i> Add To Cart</button>
-                                                        <a class="ec-btn-group wishlist" title="Wishlist" onclick="popupWishlist('<?php echo htmlspecialchars(json_encode($product), ENT_QUOTES, 'UTF-8'); ?>', '<?php echo htmlspecialchars(json_encode($customer_data), ENT_QUOTES, 'UTF-8'); ?>');"><i class="fi-rr-heart"></i></a>
+                                <?php 
+                                    if (empty($customer['favorites']['products'])) {
+                                        echo '<div class="col-12 text-center fs-2"><p>No wishlist</p></div>'; // Display "No wishlist" message if wishlist is empty
+                                    } else {
+                                        foreach ($customer['favorites']['products'] as $product) {
+                                        //  raymart added vendorproduct feb 14 2024
+                                        $vendorOfProduct = getVendorbyId($product['vendor_api_id']);
+                                        ?>
+                                        <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 mb-6 pro-gl-content">
+                                            <div class="ec-product-inner">
+                                                <!-- raymart added style for checkboxes feb 19 2024 -->
+                                            <input type="checkbox" class="product-checkbox" style="width: 20px; height: 20px; "value="<?php echo $product["_id"]; ?>">
+                                                <div class="ec-pro-image-outer" style="max-width: 290px; height: 350px;">
+                                                    <div class="ec-pro-image">
+                                                        <a href="product-left-sidebar.php?id=<?php echo $product["_id"]; ?>" class="image">
+                                                        <!-- <a href="shop-left-sidebar-col-4.php" class="image"> -->
+                                                        
+                                                            <img loading="lazy" class="main-image" src="<?php echo $product["images"]; ?>" alt="Product" style="border: 1px solid #eeeeee; height: 330px; object-fit: cover;"/>
+                                                            <!-- <img loading="lazy" class="hover-image" src="<?php echo $product["images"]; ?>" alt="Product" /> -->
+                                                        </a>
+                                                        <span class="ec-com-remove ec-remove-wishlist">
+                                                            <a href="javascript:void(0)" class="remove-product" data-product-id="<?php echo $product["_id"]; ?>" id="removeItem<?php echo $product["_id"]; ?>">×</a>
+                                                        </span>
+                                                        <!-- raymart edit action feb 14 2024 -->
+                                                        <div class="ec-pro-actions" style="bottom: -70px;">
+                                                            <!-- <button title="Add To Cart" onclick="popupAddToCart(`<?php echo htmlspecialchars(json_encode($product), ENT_QUOTES, 'UTF-8'); ?>`,`<?php echo htmlspecialchars($vendorOfProduct, ENT_QUOTES, 'UTF-8'); ?>`,  `<?php echo isset($_SESSION['token']) ? $_SESSION['token'] : ''; ?>` , `<?php echo isset($_SESSION['email']) ? $_SESSION['email'] : ''; ?>` ,  `<?php echo isset($_SESSION['password']) ? $_SESSION['password'] : ''; ?>` , `<?php echo htmlspecialchars(json_encode($customer_data), ENT_QUOTES, 'UTF-8'); ?>`);" class="add-to-cart"><i class="fi-rr-shopping-basket"></i> Add To Cart</button> -->
+                                                            <!-- <a class="ec-btn-group wishlist" title="Wishlist" onclick="popupWishlist('<?php echo htmlspecialchars(json_encode($product), ENT_QUOTES, 'UTF-8'); ?>', '<?php echo htmlspecialchars(json_encode($customer_data), ENT_QUOTES, 'UTF-8'); ?>');"><i class="fi-rr-heart"></i></a> -->
+                                                            <?php if (isset($product["sale_price"]) && $product["sale_price"] > 0) : ?>
+                                                                    <button title="Add To Cart" onclick="popupAddToCart(`<?php echo htmlspecialchars(json_encode($product), ENT_QUOTES, 'UTF-8'); ?>`,`<?php echo htmlspecialchars($vendorOfProduct, ENT_QUOTES, 'UTF-8'); ?>`,  `<?php echo isset($_SESSION['token']) ? $_SESSION['token'] : ''; ?>` , `<?php echo isset($_SESSION['email']) ? $_SESSION['email'] : ''; ?>` ,  `<?php echo isset($_SESSION['password']) ? $_SESSION['password'] : ''; ?>` , `<?php echo htmlspecialchars(json_encode($customer_data), ENT_QUOTES, 'UTF-8'); ?>`);" class="add-to-cart"><i class="fi-rr-shopping-basket"></i> Add To Cart</button>
+                                                                    
+                                                            <?php elseif (isset($product["regular_price"]) && $product["regular_price"] != "") : ?>
+                                                                <button title="Add To Cart" onclick="popupAddToCart(`<?php echo htmlspecialchars(json_encode($product), ENT_QUOTES, 'UTF-8'); ?>`,`<?php echo htmlspecialchars($vendorOfProduct, ENT_QUOTES, 'UTF-8'); ?>`,  `<?php echo isset($_SESSION['token']) ? $_SESSION['token'] : ''; ?>` , `<?php echo isset($_SESSION['email']) ? $_SESSION['email'] : ''; ?>` ,  `<?php echo isset($_SESSION['password']) ? $_SESSION['password'] : ''; ?>` , `<?php echo htmlspecialchars(json_encode($customer_data), ENT_QUOTES, 'UTF-8'); ?>`);" class="add-to-cart"><i class="fi-rr-shopping-basket"></i> Add To Cart</button>
+                                                                
+                                                            <?php else : ($product["regular_price"] == "" || $product["regular_price"] == null) ?>
+                                                            
+                                                            <?php endif; ?>
+                                                        
+                                                        </div>
                                                     </div>
                                                 </div>
-                                            </div>
-                                            <div class="ec-pro-content">
-                                                <h5 class="ec-pro-title"><a href="product-left-sidebar.php?id=<?php echo $product["_id"]; ?>"><?php echo $product["product_name"]; ?></a></h5>
-                                                <!-- <div class="ec-pro-rating">
-                                                    <i class="ecicon eci-star fill"></i>
-                                                    <i class="ecicon eci-star fill"></i>
-                                                    <i class="ecicon eci-star fill"></i>
-                                                    <i class="ecicon eci-star fill"></i>
-                                                    <i class="ecicon eci-star"></i>
-                                                </div> -->
-                                                <!-- <div class="ec-pro-list-desc">Lorem Ipsum is simply dummy text of the
-                                                    printing and typesetting industry. Lorem Ipsum is simply dutmmy text
-                                                    ever since the 1500s, when an unknown printer took a galley.</div> -->
-                                                <?php if ($product['product_type'] === 'variable') {
-                                                    $variation_products = getProductVariations($product['_id']);
-                                                    if ($variation_products) {
-                                                        $variation_details = json_decode($variation_products, true);
-                                                    }
-                                                } ?>
-                                                <!-- <span class="ec-price">
-                                                    <span class="old-price">$12.00 <?php echo $product["regular_price"]; ?></span>
-                                                    <span class="new-price">$10.00</span>
-                                                </span> -->
-                                                <?php
-                                                if ($product['product_type'] === "simple") {
-                                                    if (isset($product['sale_price']) && $product['sale_price'] > 0) {
-                                                       echo '<span class="ec-price">';
-                                                        echo '<span class="old-price">' . $product['regular_price'] . '</span>';
-                                                        echo '<span class="new-price">' . $product['sale_price'] . '</span>';
-                                                        echo '</span>';
-                                                    } else {
-                                                        echo '<span class="new-price">' . $product['regular_price'] . '</span>';
-                                                    }
-                                                } elseif ($product['product_type'] === "variable") {
-                                                    $lowest_regular_price = null;
-                                                    $highest_regular_price = null;
-                                                    $lowest_sale_price = null;
-                                                    $highest_sale_price = null;
+                                                <div class="ec-pro-content">
+                                                    <h5 class="ec-pro-title"><a href="product-left-sidebar.php?id=<?php echo $product["_id"]; ?>"><?php echo $product["product_name"]; ?></a></h5>
+                                                    <!-- <div class="ec-pro-rating">
+                                                        <i class="ecicon eci-star fill"></i>
+                                                        <i class="ecicon eci-star fill"></i>
+                                                        <i class="ecicon eci-star fill"></i>
+                                                        <i class="ecicon eci-star fill"></i>
+                                                        <i class="ecicon eci-star"></i>
+                                                    </div> -->
+                                                    <!-- <div class="ec-pro-list-desc">Lorem Ipsum is simply dummy text of the
+                                                        printing and typesetting industry. Lorem Ipsum is simply dutmmy text
+                                                        ever since the 1500s, when an unknown printer took a galley.</div> -->
+                                                    <?php if ($product['product_type'] === 'variable') {
+                                                        $variation_products = getProductVariations($product['_id']);
+                                                        if ($variation_products) {
+                                                            $variation_details = json_decode($variation_products, true);
+                                                        }
+                                                    } ?>
+                                                    <!-- <span class="ec-price">
+                                                        <span class="old-price">$12.00 <?php echo $product["regular_price"]; ?></span>
+                                                        <span class="new-price">$10.00</span>
+                                                    </span> -->
+                                                    <?php
+                                                    if ($product['product_type'] === "simple") {
+                                                        if (isset($product['sale_price']) && $product['sale_price'] > 0) {
+                                                        echo '<span class="ec-price">';
+                                                            echo '<span class="old-price">' . $product['regular_price'] . '</span>';
+                                                            echo '<span class="new-price">' . $product['sale_price'] . '</span>';
+                                                            echo '</span>'; 
+                                                        } else {
+                                                            echo '<span class="new-price">' . $product['regular_price'] . '</span>';
+                                                        }
+                                                    } elseif ($product['product_type'] === "variable") {
+                                                        $lowest_regular_price = null;
+                                                        $highest_regular_price = null;
+                                                        $lowest_sale_price = null;
+                                                        $highest_sale_price = null;
 
 
-                                                    if (isset($variation_details) && is_array($variation_details)) {
-                                                        foreach ($variation_details as $index => $variation) {
-                                                            $regular_price = isset($variation['regular_price']) ? $variation['regular_price'] : 0;
-                                                            $sale_price = isset($variation['sale_price']) ? $variation['sale_price'] : 0;
+                                                        if (isset($variation_details) && is_array($variation_details)) {
+                                                            foreach ($variation_details as $index => $variation) {
+                                                                $regular_price = isset($variation['regular_price']) ? $variation['regular_price'] : 0;
+                                                                $sale_price = isset($variation['sale_price']) ? $variation['sale_price'] : 0;
 
 
-                                                            // Update the minimum and maximum prices only if they are not null
-                                                            if ($lowest_regular_price === null || $regular_price < $lowest_regular_price) {
-                                                                $lowest_regular_price = $regular_price;
-                                                            }
+                                                                // Update the minimum and maximum prices only if they are not null
+                                                                if ($lowest_regular_price === null || $regular_price < $lowest_regular_price) {
+                                                                    $lowest_regular_price = $regular_price;
+                                                                }
 
 
-                                                            if ($highest_regular_price === null || $regular_price > $highest_regular_price) {
-                                                                $highest_regular_price = $regular_price;
-                                                            }
+                                                                if ($highest_regular_price === null || $regular_price > $highest_regular_price) {
+                                                                    $highest_regular_price = $regular_price;
+                                                                }
 
 
-                                                            if ($lowest_sale_price === null || $sale_price < $lowest_sale_price) {
-                                                                $lowest_sale_price = $sale_price;
-                                                            }
+                                                                if ($lowest_sale_price === null || $sale_price < $lowest_sale_price) {
+                                                                    $lowest_sale_price = $sale_price;
+                                                                }
 
 
-                                                            if ($highest_sale_price === null || $sale_price > $highest_sale_price) {
-                                                                $highest_sale_price = $sale_price;
+                                                                if ($highest_sale_price === null || $sale_price > $highest_sale_price) {
+                                                                    $highest_sale_price = $sale_price;
+                                                                }
                                                             }
                                                         }
-                                                    }
 
 
-                                                    // Display the range of prices based on the presence of sale prices
-                                                    if ($lowest_sale_price !== null && $highest_sale_price !== null && $lowest_sale_price > 0 && $highest_sale_price > 0) {
-                                                        echo '<span id="productPrice" class="new-price">' . '&#8369;' . $lowest_sale_price . ' - &#8369;' . $highest_sale_price . '</span>';
-                                                    } elseif ($lowest_regular_price !== null && $highest_regular_price !== null) {
-                                                        echo '<span id="productPrice" class="new-price">' . '&#8369;' . $lowest_regular_price . ' - &#8369;' . $highest_regular_price . '</span>';
+                                                        // Display the range of prices based on the presence of sale prices
+                                                        if ($lowest_sale_price !== null && $highest_sale_price !== null && $lowest_sale_price > 0 && $highest_sale_price > 0) {
+                                                            echo '<span id="productPrice" class="new-price">' . '&#8369;' . $lowest_sale_price . ' - &#8369;' . $highest_sale_price . '</span>';
+                                                        } elseif ($lowest_regular_price !== null && $highest_regular_price !== null) {
+                                                            echo '<span id="productPrice" class="new-price">' . '&#8369;' . $lowest_regular_price . ' - &#8369;' . $highest_regular_price . '</span>';
+                                                        }
                                                     }
-                                                }
-                                                ?>
+                                                    ?>
+                                                </div>
                                             </div>
                                         </div>
-                                    </div>
-                                    <script>
-                                        customerId = '<?php echo $_SESSION['customerId']; ?>'
-                                        // Add event listener to remove button
-                                        document.addEventListener('DOMContentLoaded', function() {
-                                            var removeButtons = document.querySelectorAll('.remove-product');
-                                            removeButtons.forEach(function(removeButton) {
-                                                removeButton.addEventListener('click', function() {
-                                                    var productId = removeButton.getAttribute('data-product-id');
-                                                    removeProduct(productId);
+                                        <script>
+                                            customerId = '<?php echo $_SESSION['customerId']; ?>'
+                                            // Add event listener to remove button
+                                            document.addEventListener('DOMContentLoaded', function() {
+                                                var removeButtons = document.querySelectorAll('.remove-product');
+                                                removeButtons.forEach(function(removeButton) {
+                                                    removeButton.addEventListener('click', function() {
+                                                        var productId = removeButton.getAttribute('data-product-id');
+                                                        removeProduct(productId);
+                                                    });
+                                                });
+                                                var deleteButton = document.getElementById('delete-button');
+                                                deleteButton.addEventListener('click', function() {
+                                                    var selectedProducts = [];
+                                                    var checkboxes = document.querySelectorAll('.product-checkbox');
+                                                    checkboxes.forEach(function(checkbox) {
+                                                        if (checkbox.checked) {
+                                                            selectedProducts.push(checkbox.value);
+                                                        } 
+                                                    });
+                                                    deleteProducts(selectedProducts);
                                                 });
                                             });
-                                            var deleteButton = document.getElementById('delete-button');
-                                            deleteButton.addEventListener('click', function() {
-                                                var selectedProducts = [];
-                                                var checkboxes = document.querySelectorAll('.product-checkbox');
-                                                checkboxes.forEach(function(checkbox) {
-                                                    if (checkbox.checked) {
-                                                        selectedProducts.push(checkbox.value);
-                                                    } 
+                                                var selectAllButton = document.querySelector('#select-button');
+                                                selectAllButton.addEventListener('click', function() {
+                                                    var selectedProducts = [];
+                                                    var checkboxes = document.querySelectorAll('.product-checkbox');
+                                                    // checkboxes.forEach(function(checkbox) {
+                                                    // }
+                                                    console.log('clicked')
+                                                    for (let i = 0; i < checkboxes.length; i++ ) {
+                                                        checkboxes[i].checked = selectAllButton.checked
+                                                        // checkboxes[i].checked = true
+                                                    }})
+                                                    
+                                        
+                                        
+                                            // Function to remove product
+                                            function removeProduct(productId) {
+                                                // Get all product IDs except the one to remove
+                                                var remainingProductIds = Array.from(document.querySelectorAll('.remove-product')).map(function(button) {
+                                                    return button.getAttribute('data-product-id');
+                                                }).filter(function(id) {
+                                                    return id !== productId;
                                                 });
-                                                deleteProducts(selectedProducts);
-                                            });
-                                        });
-                                            var selectAllButton = document.querySelector('#select-button');
-                                            selectAllButton.addEventListener('click', function() {
-                                                var selectedProducts = [];
-                                                var checkboxes = document.querySelectorAll('.product-checkbox');
-                                                // checkboxes.forEach(function(checkbox) {
-                                                // }
-                                                console.log('clicked')
-                                                for (let i = 0; i < checkboxes.length; i++ ) {
-                                                    checkboxes[i].checked = selectAllButton.checked
-                                                    // checkboxes[i].checked = true
-                                                }})
-                                                  
-                                      
-                                    
-                                        // Function to remove product
-                                        function removeProduct(productId) {
-                                            // Get all product IDs except the one to remove
-                                            var remainingProductIds = Array.from(document.querySelectorAll('.remove-product')).map(function(button) {
-                                                return button.getAttribute('data-product-id');
-                                            }).filter(function(id) {
-                                                return id !== productId;
-                                            });
 
 
-                                            // Make an AJAX request to update the favorites with the remaining products
-                                            var xhr = new XMLHttpRequest();
-                                            // xhr.open('PATCH', 'https://api.obanana.shop/api/v1/customers/' + customerId, true);
-                                            xhr.open('PATCH', 'https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/customers/' + customerId, true);
-                                            xhr.setRequestHeader('Content-Type', 'application/json');
-                                            xhr.onreadystatechange = function() {
-                                                if (xhr.readyState === XMLHttpRequest.DONE) {
-                                                    if (xhr.status === 200) {
-                                                        // Product removed successfully, you can handle the UI update here if needed
-                                                        console.log('Product removed successfully');
-                                                        // location.reload(); // Refresh the page after removing the product
-                                                    } else {
-                                                        // Handle error response
-                                                        console.error('Error removing product:', xhr.responseText);
+                                                // Make an AJAX request to update the favorites with the remaining products
+                                                var xhr = new XMLHttpRequest();
+                                                // xhr.open('PATCH', 'https://api.obanana.shop/api/v1/customers/' + customerId, true);
+                                                xhr.open('PATCH', 'https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/customers/' + customerId, true);
+                                                xhr.setRequestHeader('Content-Type', 'application/json');
+                                                xhr.onreadystatechange = function() {
+                                                    if (xhr.readyState === XMLHttpRequest.DONE) {
+                                                        if (xhr.status === 200) {
+                                                            // Product removed successfully, you can handle the UI update here if needed
+                                                            console.log('Product removed successfully');
+                                                            location.reload(); // Refresh the page after removing the product
+                                                        } else {
+                                                            // Handle error response
+                                                            console.error('Error removing product:', xhr.responseText);
+                                                        }
                                                     }
-                                                }
-                                            };
-                                            // Construct data object with the remaining product IDs
-                                            var data = JSON.stringify({
-                                                favorites: {
-                                                    products: remainingProductIds.map(function(id) {
-                                                        // Find the product object with the corresponding ID
-                                                        var remainingProduct = <?php echo json_encode($customer['favorites']['products']); ?>.find(function(product) {
-                                                            return product['_id'] === id;
-                                                        });
+                                                };
+                                                // Construct data object with the remaining product IDs
+                                                var data = JSON.stringify({
+                                                    favorites: {
+                                                        products: remainingProductIds.map(function(id) {
+                                                            // Find the product object with the corresponding ID
+                                                            var remainingProduct = <?php echo json_encode($customer['favorites']['products']); ?>.find(function(product) {
+                                                                return product['_id'] === id;
+                                                            });
 
 
-                                                        // Return the entire product object
-                                                        return remainingProduct;
-                                                    })
-                                                }
-                                            });
-
-                                            xhr.send(data);
-                                        }
-                                                    // Function to delete multiple products
-                                        function deleteProducts(productIds) {
-                                            var xhr = new XMLHttpRequest();
-                                            // xhr.open('PATCH', 'https://api.obanana.shop/api/v1/customers/' + customerId, true);
-                                            xhr.open('PATCH', 'https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/customers/' + customerId, true);
-                                            xhr.setRequestHeader('Content-Type', 'application/json');
-                                            xhr.onreadystatechange = function() {
-                                                if (xhr.readyState === XMLHttpRequest.DONE) {
-                                                    if (xhr.status === 200) {
-                                                        console.log('Products removed successfully');
-                                                        // location.reload(); 
-                                                    } else {
-                                                        console.error('Error removing products:', xhr.responseText);
+                                                            // Return the entire product object
+                                                            return remainingProduct;
+                                                        })
                                                     }
-                                                }
-                                            };
-                                            var remainingProductIds = Array.from(document.querySelectorAll('.remove-product')).map(function(button) {
-                                                return button.getAttribute('data-product-id');
-                                            }).filter(function(id) {
-                                                return !productIds.includes(id);
-                                            });
-                                            var data = JSON.stringify({
-                                                favorites: {
-                                                    products: remainingProductIds.map(function(id) {
-                                                        var remainingProduct = <?php echo json_encode($customer['favorites']['products']); ?>.find(function(product) {
-                                                            return product['_id'] === id;
-                                                        });
-                                                        return remainingProduct;
-                                                    })
-                                                }
-                                            });
-                                            xhr.send(data);
-                                        }
+                                                });
+
+                                                xhr.send(data);
+                                            }
+                                                        // Function to delete multiple products
+                                            function deleteProducts(productIds) {
+                                                var xhr = new XMLHttpRequest();
+                                                // xhr.open('PATCH', 'https://api.obanana.shop/api/v1/customers/' + customerId, true);
+                                                xhr.open('PATCH', 'https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/customers/' + customerId, true);
+                                                xhr.setRequestHeader('Content-Type', 'application/json');
+                                                xhr.onreadystatechange = function() {
+                                                    if (xhr.readyState === XMLHttpRequest.DONE) {
+                                                        if (xhr.status === 200) {
+                                                            console.log('Products removed successfully');
+                                                            location.reload(); 
+                                                        } else {
+                                                            console.error('Error removing products:', xhr.responseText);
+                                                        }
+                                                    }
+                                                };
+                                                var remainingProductIds = Array.from(document.querySelectorAll('.remove-product')).map(function(button) {
+                                                    return button.getAttribute('data-product-id');
+                                                }).filter(function(id) {
+                                                    return !productIds.includes(id);
+                                                });
+                                                var data = JSON.stringify({
+                                                    favorites: {
+                                                        products: remainingProductIds.map(function(id) {
+                                                            var remainingProduct = <?php echo json_encode($customer['favorites']['products']); ?>.find(function(product) {
+                                                                return product['_id'] === id;
+                                                            });
+                                                            return remainingProduct;
+                                                        })
+                                                    }
+                                                });
+                                                xhr.send(data);
+                                            }
 
 
                                     </script>
-                                <?php } ?>
+                                <?php } }?>
                             </div>
                          </div>
                         
@@ -424,7 +442,7 @@ if ($_SESSION["isVendor"] == true) {
                 <div class="col-lg-4 col-md-6 col-sm-12 col-12 margin-b-30">
                     <div class="ec-offer-coupon">
                         <div class="ec-cpn-brand">
-                            <img class="ec-brand-img" src="assets/images/offer-image/2.jpg" alt="" />
+                            <img loading="lazy" class="ec-brand-img" src="assets/images/offer-image/2.jpg" alt="" />
                         </div>
                         <div class="ec-cpn-title">
                             <h2 class="coupon-title">Get 15% off on branded Shoes</h2>
@@ -441,7 +459,7 @@ if ($_SESSION["isVendor"] == true) {
                 <div class="col-lg-4 col-md-6 col-sm-12 col-12 margin-b-30">
                     <div class="ec-offer-coupon">
                         <div class="ec-cpn-brand">
-                            <img class="ec-brand-img" src="assets/images/offer-image/3.jpg" alt="" />
+                            <img loading="lazy" class="ec-brand-img" src="assets/images/offer-image/3.jpg" alt="" />
                         </div>
                         <div class="ec-cpn-title">
                             <h2 class="coupon-title">Get 30% off on branded chair</h2>
@@ -458,7 +476,7 @@ if ($_SESSION["isVendor"] == true) {
                 <div class="col-lg-4 col-md-6 col-sm-12 col-12 m-auto">
                     <div class="ec-offer-coupon">
                         <div class="ec-cpn-brand">
-                            <img class="ec-brand-img" src="assets/images/offer-image/4.jpg" alt="" />
+                            <img loading="lazy" class="ec-brand-img" src="assets/images/offer-image/4.jpg" alt="" />
                         </div>
                         <div class="ec-cpn-title">
                             <h2 class="coupon-title">Get 50% off on branded Hand Bags</h2>
@@ -516,7 +534,7 @@ if ($_SESSION["isVendor"] == true) {
 
 
     <!-- Footer navigation panel for responsive display -->
-    <div class="ec-nav-toolbar">
+   <!--  <div class="ec-nav-toolbar">
         <div class="container">
             <div class="ec-nav-panel">
                 <div class="ec-nav-panel-icons">
@@ -538,13 +556,13 @@ if ($_SESSION["isVendor"] == true) {
 
             </div>
         </div>
-    </div>
+    </div> -->
     <!-- Footer navigation panel for responsive display end -->
 
 
     <!-- Recent Purchase Popup  -->
     <!-- <div class="recent-purchase">
-        <img src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -566,121 +584,7 @@ if ($_SESSION["isVendor"] == true) {
     <!-- Cart Floating Button end -->
 
 
-    <!-- Whatsapp -->
-    <div class="ec-style ec-right-bottom">
-        <!-- Start Floating Panel Container -->
-        <div class="ec-panel">
-            <!-- Panel Header -->
-            <div class="ec-header">
-                <strong>Need Help?</strong>
-                <p>Chat with us on WhatsApp</p>
-            </div>
-            <!-- Panel Content -->
-            <div class="ec-body">
-                <ul>
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Sahar Darya</span>
-                                    <p>Sahar left 7 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-online"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Yolduz Rafi</span>
-                                    <p>Yolduz is online</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Nargis Hawa</span>
-                                    <p>Nargis left 30 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                    <!-- Start Single Contact List -->
-                    <li>
-                        <a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
-                            <div class="d-flex bd-highlight">
-                                <!-- Profile Picture -->
-                                <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
-                                    <span class="ec-status-icon ec-offline"></span>
-                                </div>
-                                <!-- Display Name & Last Seen -->
-                                <div class="ec-user-info">
-                                    <span>Khadija Mehr</span>
-                                    <p>Khadija left 50 mins ago</p>
-                                </div>
-                                <!-- Chat iCon -->
-                                <div class="ec-chat-icon">
-                                    <i class="fa fa-whatsapp"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </li>
-                    <!--/ End Single Contact List -->
-                </ul>
-            </div>
-        </div>
-        <!--/ End Floating Panel Container -->
-        <!-- Start Right Floating Button-->
-        <div class="ec-right-bottom">
-            <div class="ec-box">
-                <div class="ec-button rotateBackward">
-                    <img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
-                </div>
-            </div>
-        </div>
-        <!--/ End Right Floating Button-->
-    </div>
-    <!-- Whatsapp end -->
+    
 
 
     <!-- Feature tools -->
@@ -690,7 +594,7 @@ if ($_SESSION["isVendor"] == true) {
             <h3>Features</h3>
         </div>
         <a href="#" class="ec-tools-sidebar-toggle in-out">
-            <img alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">
@@ -777,7 +681,7 @@ if ($_SESSION["isVendor"] == true) {
     <!-- <script src="assets/js/tester10.js"></script> -->
     <?php 
     if ($_SESSION["is_test"]==true) {
-        echo '<script src="assets/js/tester10.js"></script>';
+        echo '<script src="assets/js/tester11.js"></script>';
     } else {
         echo '<script src="assets/js/produc3.js"></script>';
     }