BiryaniHubflaskSalesTeam7

Sleeping

App Files Files Community

nagasurendra commited on Mar 27

Commit

e8e2040

verified ·

1 Parent(s): 05bad50

Update templates/reward_status.html

Browse files

Files changed (1) hide show

templates/reward_status.html +20 -19

templates/reward_status.html CHANGED Viewed

@@ -133,6 +133,7 @@
 </head>
 <body>
 <div class="container">
     <div class="order-confirmed">
         <h1>Order Confirmed!</h1>
@@ -140,25 +141,24 @@
     </div>
     <div class="reward-status">
-        <!-- First section: Item info -->
-        <div class="item-section">
-            <img class="item-image" src="{{ item.image_url }}" alt="{{ item.name }}" onerror="this.src='/static/placeholder.jpg';">
-            <div class="item-info">
-                <h3>{{ item.name }}</h3>
-                <p>Price: ${{ "%.2f"|format(item.price) }}</p>
-            </div>
-        </div>
-        <!-- Second section: Ingredients -->
         <div class="item-section">
-            <div class="ingredient-card">
-                {% for ingredient in item.ingredients %}
-                    <div class="ingredient" onclick="showIngredientDetails('{{ ingredient.name }}', '{{ ingredient.image }}', '{{ ingredient.health_benefits }}', '{{ ingredient.fun_facts }}')">
-                        <img src="{{ ingredient.image }}" alt="{{ ingredient.name }}" onerror="this.src='/static/placeholder.jpg';">
-                        <p>{{ ingredient.name }}</p>
-                    </div>
-                {% endfor %}
-            </div>
         </div>
     </div>
 </div>
@@ -181,6 +181,7 @@
 </div>
 <script>
     function showIngredientDetails(name, image, healthBenefits, funFacts) {
         const healthBenefitsList = healthBenefits.split(',');
         const funFactsList = funFacts.split(',');
@@ -212,4 +213,4 @@
 </script>
 </body>
-</html>

 </head>
 <body>
 <div class="container">
     <div class="order-confirmed">
         <h1>Order Confirmed!</h1>
     </div>
     <div class="reward-status">
         <div class="item-section">
+            {% for item in order_items %}
+                <img class="item-image" src="{{ item.image_url }}" alt="{{ item.name }}" onerror="this.src='/static/placeholder.jpg';">
+                <div class="item-info">
+                    <h3>{{ item.name }}</h3>
+                    <p>Price: ${{ "%.2f"|format(item.price) }}</p>
+                </div>
+                <!-- Ingredients -->
+                <div class="ingredient-card">
+                    {% for ingredient in item.ingredients %}
+                        <div class="ingredient" onclick="showIngredientDetails('{{ ingredient.name }}', '{{ ingredient.image }}', '{{ ingredient.health_benefits }}', '{{ ingredient.fun_facts }}')">
+                            <img src="{{ ingredient.image }}" alt="{{ ingredient.name }}" onerror="this.src='/static/placeholder.jpg';">
+                            <p>{{ ingredient.name }}</p>
+                        </div>
+                    {% endfor %}
+                </div>
+            {% endfor %}
         </div>
     </div>
 </div>
 </div>
 <script>
+    // JavaScript for showing ingredient details in modal
     function showIngredientDetails(name, image, healthBenefits, funFacts) {
         const healthBenefitsList = healthBenefits.split(',');
         const funFactsList = funFacts.split(',');
 </script>
 </body>
+</html>