templates/menu.html

{% extends 'base.html' %}
{% block content %}
<div class="menu">
    <h1>Menu</h1>
    <div class="items">
        {% for item in items %}
        <div class="item">
            <img src="{{ item.Image_URL__c }}" alt="{{ item.Dish_Name__c }}">
            <h2>{{ item.Dish_Name__c }}</h2>
            <p>{{ item.Description__c }}</p>
            <p>Price: ${{ item.Price__c }}</p>
            <button onclick="addToCart('{{ item.Dish_Name__c }}', {{ item.Price__c }})">Add to Cart</button>
        </div>
        {% endfor %}
    </div>
</div>
<div id="cart"></div>
{% endblock %}