Update templates/cart.html

templates/cart.html

@@ -387,26 +387,41 @@
 
         function calculateDiscount() {
             let couponDropdown = document.getElementById('couponDropdown');
-            let subtotal = parseFloat("{{ subtotal }}");
-
-            // Check if a coupon is selected
             let selectedCoupon = couponDropdown.value.trim();
-
-            if (!selectedCoupon || selectedCoupon === "") {
-                // No coupon selected, reset the discount and total to the original values
-                document.getElementById("discountText").innerText = `Discount: $0`;
-                document.getElementById("totalBillText").innerText = `Total Bill: $${subtotal.toFixed(2)}`;
+    
+            // Send the selected coupon to the backend for processing
+            if (selectedCoupon) {
+                // Perform AJAX request to send the selected coupon to the backend
+                fetch('/checkout', {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                    },
+                    body: JSON.stringify({
+                        selectedCoupon: selectedCoupon
+                    })
+                })
+                .then(response => response.json())
+                .then(data => {
+                    // Update the UI with the response (success or error)
+                    if (data.success) {
+                        document.getElementById("discountText").innerText = `$${data.discount.toFixed(2)}`;
+                        document.getElementById("totalBillText").innerText = `$${data.totalBill.toFixed(2)}`;
+                    } else {
+                        alert(data.message);
+                    }
+                })
+                .catch(error => {
+                    console.error('Error:', error);
+                    alert('There was an error applying the coupon.');
+                });
             } else {
-                // Apply a 10% discount (or your desired logic here)
-                let discount = subtotal * 0.10;
-                let total = subtotal - discount;
-
-                // Update the UI with discount and new total
-                document.getElementById("discountText").innerText = `$${discount.toFixed(2)}`;
-                document.getElementById("totalBillText").innerText = `$${total.toFixed(2)}`;
+                // No coupon selected, handle reward points or reset discount
+                alert('Please select a valid coupon or apply rewards points.');
             }
         }
 
+
         function proceedToOrder() {
             let couponCheckbox = document.getElementById('couponCheckbox');
             let couponDropdown = document.getElementById('couponDropdown');