Update templates/cart.html

templates/cart.html

@@ -164,6 +164,8 @@
                         </label>
                     </div>
                 {% endif %}
+                <p class="fw-bold" id="discountText">Discount: $0</p>
+                <p class="fw-bold" id="totalBillText">Total Bill: ${{ subtotal }}</p>
                 <button class="checkout-button" onclick="proceedToOrder()">Proceed to Order</button>
             </div>
         </div>
@@ -240,7 +242,22 @@
             })
             .catch(err => console.error("Error:", err));
         }
+        function calculateDiscount() {
+            const subtotal = parseFloat("{{ subtotal }}");
+            const discountElement = document.getElementById('discountText');
+            const totalElement = document.getElementById('totalBillText');
+            
+            const checkbox = document.getElementById('rewardCheckbox');
+            let discount = 0;
 
+            if (checkbox.checked) {
+                discount = subtotal * 0.10; // 10% discount if the checkbox is selected
+            }
+
+            // 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;