Update templates/cart.html

templates/cart.html

@@ -256,6 +256,11 @@
             })
             .catch(err => console.error("Error:", err));
         }
+        function toggleCouponDropdown() {
+            let couponCheckbox = document.getElementById('couponCheckbox');
+            let couponDropdown = document.getElementById('couponDropdown');
+            couponDropdown.disabled = !couponCheckbox.checked;
+        }
         function calculateDiscount() {
             const subtotal = parseFloat("{{ subtotal }}");
             const discountElement = document.getElementById('discountText');
@@ -286,26 +291,27 @@
             document.querySelector('.cart-summary p').innerText = `Subtotal: $${subtotal.toFixed(2)}`;
             return subtotal;
         }
-
-   
         function proceedToOrder() {
-             const checkbox = document.getElementById('rewardCheckbox');
-             let useRewardPoints = false;
-            if (checkbox) {
-               // If the checkbox exists, get its checked status
-               useRewardPoints = checkbox.checked;
-            }
+            const rewardCheckbox = document.getElementById('rewardCheckbox');
+            let useRewardPoints = rewardCheckbox ? rewardCheckbox.checked : false;
+
+            const couponCheckbox = document.getElementById('couponCheckbox');
+            const couponDropdown = document.getElementById('couponDropdown');
+            let selectedCoupon = couponCheckbox.checked ? couponDropdown.value : "";
 
             fetch('/checkout', {
                 method: 'POST',
                 headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({ useRewardPoints: useRewardPoints })
+                body: JSON.stringify({ 
+                    useRewardPoints: useRewardPoints,
+                    selectedCoupon: selectedCoupon  // Send selected coupon to backend
+                })
             })
             .then(response => response.json())
             .then(data => {
                 if (data.success) {
                     alert(data.message);
-                    window.location.href = '/order'; // Redirect to menu or order confirmation page
+                    window.location.href = '/order'; // Redirect to order confirmation
                 } else {
                     alert(data.error || data.message);
                 }