Update templates/cart.html

templates/cart.html

@@ -177,19 +177,22 @@
         </div>
 
         <!-- Suggestions Section -->
-        <div class="suggestion-section">
-
-            {% for suggestion in suggestions %}
-            <div class="suggestion-item">
-                <img src="{{ suggestion.Image1__c }}" alt="{{ suggestion.Name }}" onerror="this.src='/static/placeholder.jpg';">
-                <div>
-                    <div>{{ suggestion.Name }}</div>
-                    <div class="text-muted">${{ suggestion.Price__c }}</div>
+        {% if suggestions %}
+            <div class="suggestion-section">
+                <h5>Complete Your Meal</h5>
+                {% for suggestion in suggestions %}
+                <div class="suggestion-item">
+                    <img src="{{ suggestion.Image1__c }}" alt="{{ suggestion.Name }}" onerror="this.src='/static/placeholder.jpg';">
+                    <div>
+                        <div>{{ suggestion.Name }}</div>
+                        <div class="text-muted">₹{{ suggestion.Price__c }}</div>
+                    </div>
+                    <button class="add-back-button" onclick="addSuggestion('{{ suggestion.Id }}')">Add</button>
                 </div>
-                <button class="add-back-button" onclick="addSuggestion('{{ suggestion.Id }}')">Add</button>
+                {% endfor %}
             </div>
-            {% endfor %}
-        </div>
+        {% endif %}
+
     </div>
 
     <script>
@@ -399,6 +402,24 @@
             })
             .catch(err => console.error("Error adding item to cart:", err));
         }
+        function addSuggestion(itemId) {
+            fetch(`/cart/add_suggestion/${itemId}`, {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({})
+            })
+            .then(response => response.json())
+            .then(data => {
+                if (data.success) {
+                    alert('Item added to cart!');
+                    location.reload();
+                } else {
+                    alert(data.error);
+                }
+            })
+            .catch(err => console.error('Error adding suggestion:', err));
+        }
+
         
         
     </script>