Update templates/cart.html

templates/cart.html

@@ -156,21 +156,13 @@
             <!-- Subtotal -->
             <div class="cart-summary">
                 <p class="fw-bold">Subtotal: ${{ subtotal }}</p>
-                {% if reward_points >= 500 %}
-                    <div class="reward-points-checkbox">
-                        <label>
-                             <input type="checkbox" id="rewardCheckbox" value="500" onchange="calculateDiscount()">
-                             Apply Reward Points ({{ reward_points }} points available)
-                        </label>
-                    </div>
-                {% endif %}
                 {% if coupons %}
                     <div class="coupon-selection">
                         <label>
                             <input type="checkbox" id="couponCheckbox" onchange="toggleCouponDropdown()">
                             Apply Coupon Code
                         </label>
-                        <select id="couponDropdown" class="form-select mt-2" disabled>
+                        <select id="couponDropdown" class="form-select mt-2" disabled onchange="calculateDiscount()">
                             <option value="">Select a coupon</option>
                             {% for coupon in coupons %}
                                 <option value="{{ coupon }}">{{ coupon }}</option>
@@ -259,65 +251,89 @@
         function toggleCouponDropdown() {
             let couponCheckbox = document.getElementById('couponCheckbox');
             let couponDropdown = document.getElementById('couponDropdown');
+
+            // Enable or disable the dropdown based on checkbox status
             couponDropdown.disabled = !couponCheckbox.checked;
+
+            // If unchecked, reset discount and total
+            if (!couponCheckbox.checked) {
+                document.getElementById("discountText").innerText = `Discount: $0`;
+                document.getElementById("totalBillText").innerText = `Total Bill: ${{ subtotal }}`;
+            }
         }
+
         function calculateDiscount() {
-            const subtotal = parseFloat("{{ subtotal }}");
-            const discountElement = document.getElementById('discountText');
-            const totalElement = document.getElementById('totalBillText');
-            
-            const checkbox = document.getElementById('rewardCheckbox');
-            let discount = 0;
+            let couponCheckbox = document.getElementById('couponCheckbox');
+            let couponDropdown = document.getElementById('couponDropdown');
+            let subtotal = parseFloat("{{ subtotal }}");
 
-            if (checkbox.checked) {
-                discount = subtotal * 0.10; // 10% discount if the checkbox is selected
-            }
+            // If checkbox is selected
+            if (couponCheckbox.checked) {
+                let selectedCoupon = couponDropdown.value;
 
-            // Update the discount and total bill text
-            discountElement.innerText = `Discount: $${discount.toFixed(2)}`;
-            totalElement.innerText = `Total Bill: $${(subtotal - discount).toFixed(2)}`;
-        }
-        
-        function calculateSubtotal() {
-            let subtotal = 0;
-            document.querySelectorAll('.cart-item').forEach(item => {
-                const quantity = parseInt(item.querySelector('input').value);
-                const basePrice = parseFloat(item.querySelector('.base-price').innerText.replace('$', '')); // Base Price
-                const addonsPrice = parseFloat(item.querySelector('.addons-price').innerText.replace('$', '')) || 0; // Add-ons Price
-                subtotal += (basePrice * quantity) + addonsPrice; // Include add-ons price in subtotal
-            });
+                // If no coupon is selected, show error and reset values
+                if (!selectedCoupon) {
+                    alert("Please select a coupon to apply.");
+                    document.getElementById("discountText").innerText = `Discount: $0`;
+                    document.getElementById("totalBillText").innerText = `Total Bill: $${subtotal.toFixed(2)}`;
+                    return;
+                }
 
-            // Update the subtotal in the HTML
-            document.querySelector('.cart-summary p').innerText = `Subtotal: $${subtotal.toFixed(2)}`;
-            return subtotal;
+                // Apply 10% discount
+                let discount = subtotal * 0.10;
+                let total = subtotal - discount;
+
+                // Update UI
+                document.getElementById("discountText").innerText = `Discount: $${discount.toFixed(2)}`;
+                document.getElementById("totalBillText").innerText = `Total Bill: $${total.toFixed(2)}`;
+
+            } else {
+                // If checkbox is not selected, reset discount
+                document.getElementById("discountText").innerText = `Discount: $0`;
+                document.getElementById("totalBillText").innerText = `Total Bill: $${subtotal.toFixed(2)}`;
+            }
         }
-        function proceedToOrder() {
-            const rewardCheckbox = document.getElementById('rewardCheckbox');
-            let useRewardPoints = rewardCheckbox ? rewardCheckbox.checked : false;
 
-            const couponCheckbox = document.getElementById('couponCheckbox');
-            const couponDropdown = document.getElementById('couponDropdown');
+        function proceedToOrder() {
+            let couponCheckbox = document.getElementById('couponCheckbox');
+            let couponDropdown = document.getElementById('couponDropdown');
             let selectedCoupon = couponCheckbox.checked ? couponDropdown.value : "";
 
+            if (couponCheckbox.checked && !selectedCoupon) {
+                alert("Please select a coupon before proceeding.");
+                return;
+            }
+
             fetch('/checkout', {
                 method: 'POST',
                 headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({ 
-                    useRewardPoints: useRewardPoints,
-                    selectedCoupon: selectedCoupon  // Send selected coupon to backend
-                })
+                body: JSON.stringify({ selectedCoupon: selectedCoupon })
             })
             .then(response => response.json())
             .then(data => {
                 if (data.success) {
                     alert(data.message);
-                    window.location.href = '/order'; // Redirect to order confirmation
+                    window.location.href = '/order';
                 } else {
                     alert(data.error || data.message);
                 }
             })
             .catch(err => console.error('Error during checkout:', err));
         }
+
+        function calculateSubtotal() {
+            let subtotal = 0;
+            document.querySelectorAll('.cart-item').forEach(item => {
+                const quantity = parseInt(item.querySelector('input').value);
+                const basePrice = parseFloat(item.querySelector('.base-price').innerText.replace('$', '')); // Base Price
+                const addonsPrice = parseFloat(item.querySelector('.addons-price').innerText.replace('$', '')) || 0; // Add-ons Price
+                subtotal += (basePrice * quantity) + addonsPrice; // Include add-ons price in subtotal
+            });
+
+            // Update the subtotal in the HTML
+            document.querySelector('.cart-summary p').innerText = `Subtotal: $${subtotal.toFixed(2)}`;
+            return subtotal;
+        }
         function addSuggestion(itemId) {
             fetch(`/cart/add_suggestion/${itemId}`, {
                 method: 'POST',