Update templates/cart.html

templates/cart.html

@@ -119,35 +119,34 @@
 
             <h4 class="mb-4">Your Cart</h4>
 
-           <!-- Cart Items -->
-{% for item in cart_items %}
-<div class="cart-item">
-    <img src="{{ item.Image1__c }}" alt="{{ item.Name }}" onerror="this.src='/static/placeholder.jpg';">
-    <div class="cart-item-details">
-        <div class="cart-item-title">{{ item.Name }}</div> 
-        <div class="cart-item-addons">
-            <small class="text-muted">Add-ons: {{ item.Add_Ons__c }}</small>
-        </div>
-        <div class="cart-item-instructions">
-            <small class="text-muted">Instructions: {{ item.Instructions__c or "None" }}</small>
-        </div>
-        <div class="cart-item-quantity mt-2">
-            <!-- Decrease button -->
-            <button onclick="updateQuantity('decrease', '{{ item.Name }}', '{{ customer_email }}')">-</button>
-            <!-- Quantity input field -->
-            <input type="text" value="{{ item.Quantity__c }}" readonly data-item-name="{{ item.Name }}">
-            <!-- Increase button -->
-            <button onclick="updateQuantity('increase', '{{ item.Name }}', '{{ customer_email }}')">+</button>
-        </div>
-    </div>
-   <div class="cart-item-actions">
-        <div class="text-primary">
-            $<span class="base-price">{{ item.Price__c }}</span> 
-        </div>
-        <button class="btn btn-danger btn-sm" onclick="removeItemFromCart('{{ item.Name }}')">Remove</button>
-    </div>
-</div>
-{% endfor %}
+            <!-- Cart Items -->
+            {% for item in cart_items %}
+            <div class="cart-item">
+                <img src="{{ item.Image1__c }}" alt="{{ item.Name }}" onerror="this.src='/static/placeholder.jpg';">
+                <div class="cart-item-details">
+                    <div class="cart-item-title">{{ item.Name }}</div> 
+                    <div class="cart-item-addons">
+                        <small class="text-muted">Add-ons: {{ item.Add_Ons__c }}</small>
+                    </div>
+                    <div class="cart-item-instructions">
+                        <small class="text-muted">Instructions: {{ item.Instructions__c or "None" }}</small>
+                    </div>
+                    <div class="cart-item-quantity mt-2">
+                       <!-- Decrease button -->
+                       <button onclick="updateQuantity('decrease', '{{ item.Name }}', '{{ customer_email }}')">-</button>
+                       <!-- Quantity input field -->
+                       <input type="text" value="{{ item.Quantity__c }}" readonly data-item-name="{{ item.Name }}">
+                       <!-- Increase button -->
+                       <button onclick="updateQuantity('increase', '{{ item.Name }}', '{{ customer_email }}')">+</button>
+                    </div>
+                </div>
+               <div class="cart-item-actions">
+                    <div class="text-primary">
+                        $<span class="base-price">{{ item.Price__c }}</span> 
+                    </div>
+                    <button class="btn btn-danger btn-sm" onclick="removeItemFromCart('{{ item.Name }}')">Remove</button>
+                </div>
+            </div>
             {% else %}
             <p class="text-center">Your cart is empty.</p>
             {% endfor %}
@@ -204,13 +203,11 @@
             } else if (action === 'decrease' && quantity > 1) {
                 quantity--;
             }
-
             // Validate quantity
             if (isNaN(quantity) || quantity < 1) {
                 alert("Invalid quantity!");
                 return;
             }
-
             // Send updated quantity to the server
             fetch('/cart/update_quantity', {
                 method: 'POST',
@@ -226,12 +223,10 @@
                     if (itemElement) {
                         let basePriceElement = itemElement.querySelector(".base-price");
                         let addonsPriceElement = itemElement.querySelector(".addons-price");
-
                         // Update the base price
                         if (basePriceElement) {
                             basePriceElement.innerText = data.new_item_price.toFixed(2); // Assuming backend sends this
                         }
-
                         // Update add-ons price if needed (optional)
                         if (addonsPriceElement && data.addons_price !== undefined) {
                             addonsPriceElement.innerText = data.addons_price.toFixed(2);
@@ -240,7 +235,6 @@
                         console.error(`Parent cart item element not found for item: ${itemName}`);
                     }
                     location.reload();
-
                     // Recalculate subtotal dynamically
                     
                 } else {
@@ -252,22 +246,18 @@
         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() {
             let couponCheckbox = document.getElementById('couponCheckbox');
             let couponDropdown = document.getElementById('couponDropdown');
             let subtotal = parseFloat("{{ subtotal }}");
-
             // If checkbox is selected
             if (couponCheckbox.checked) {
                 let selectedCoupon = couponDropdown.value.trim();
@@ -277,29 +267,23 @@
                     document.getElementById("totalBillText").innerText = `Total Bill: $${subtotal.toFixed(2)}`;
                     return;
                 }
-
                 
-
                 // 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() {
             let couponCheckbox = document.getElementById('couponCheckbox');
             let couponDropdown = document.getElementById('couponDropdown');
             let selectedCoupon = ""; // Default to empty coupon
-
             if (couponCheckbox && couponCheckbox.checked) {
                 if (couponDropdown) {
                     selectedCoupon = couponDropdown.value.trim();
@@ -330,7 +314,6 @@
             })
             .catch(err => console.error('Error during checkout:', err));
         }
-
         function calculateSubtotal() {
             let subtotal = 0;
             document.querySelectorAll('.cart-item').forEach(item => {
@@ -339,7 +322,6 @@
                 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;
@@ -419,7 +401,6 @@
         }
         function addToCartSuggestion(itemName, itemPrice, itemImage, itemId) {
             const customerEmail = "{{ customer_email }}"; // Get customer email from session
-
             // Create the data object to send to the server
             const data = {
                 item_name: itemName,
@@ -430,7 +411,6 @@
                 instructions: "", // Default to empty, you can adjust if needed
                 customer_email: customerEmail
             };
-
             // Send the data to the backend via a POST request
             fetch('/cart/add_suggestion_to_cart', {
                 method: 'POST',
@@ -450,8 +430,6 @@
             })
             .catch(err => console.error('Error adding item:', err));
         }
-
-
         
         
     </script>