Spaces:
Sleeping
Sleeping
| <html> | |
| <head> | |
| <title>Menu</title> | |
| </head> | |
| <body> | |
| <h1>Biryani Hub - Menu</h1> | |
| <a href="/cart">View Cart</a> | |
| <div> | |
| {% for item in menu_items %} | |
| <div> | |
| <img src="{{ item.Image1__c }}" alt="Food Image" style="width: 100px; height: 100px;"> | |
| <h3>{{ item.Name }}</h3> | |
| <p>{{ item.Description__c }}</p> | |
| <p>${{ item.Price__c }}</p> | |
| <button onclick="addToCart('{{ item.Name }}', {{ item.Price__c }})">Add</button> | |
| </div> | |
| {% endfor %} | |
| </div> | |
| <script> | |
| function addToCart(name, price) { | |
| fetch("/add_to_cart", { | |
| method: "POST", | |
| headers: { "Content-Type": "application/json" }, | |
| body: JSON.stringify({ name: name, price: price }) | |
| }) | |
| .then(response => response.json()) | |
| .then(data => alert(data.message)) | |
| .catch(error => console.error("Error:", error)); | |
| } | |
| </script> | |
| </body> | |
| </html> | |