Update templates/reward_status.html

templates/reward_status.html

@@ -137,20 +137,28 @@
 
                 <!-- 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 %}
+                    {% if item.ingredients %}
+                        {% 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 %}
+                    {% else %}
+                        <p>No ingredients found for {{ item.name }}</p>
+                    {% endif %}
                 </div>
 
                 <!-- Debugging the items and ingredients in console -->
                 <script>
                     console.log("Rendering item: {{ item.name }}");
-                    {% for ingredient in item.ingredients %}
-                        console.log("Ingredient: {{ ingredient.name }} - Image: {{ ingredient.image }}");
-                    {% endfor %}
+                    {% if item.ingredients %}
+                        {% for ingredient in item.ingredients %}
+                            console.log("Ingredient: {{ ingredient.name }} - Image: {{ ingredient.image }}");
+                        {% endfor %}
+                    {% else %}
+                        console.log("No ingredients for {{ item.name }}");
+                    {% endif %}
                 </script>
             {% endfor %}
         </div>