Rename templates/popup_card.html to templates/card.html

templates/card.html

@@ -0,0 +1,7 @@
+<div class="popup-card">
+  <h3>{{ dish_name }}</h3>
+  <img src="{{ image_path }}" alt="{{ dish_name }}">
+  <p><strong>Portion Size:</strong> {{ portion_size }}</p>
+  <textarea placeholder="Add your custom preferences here"></textarea>
+  <button>Add to Cart</button>
+</div>

templates/popup_card.html

@@ -1,13 +0,0 @@
-<div class="popup-container">
-    <h3>{{ item_name }}</h3>
-    <model-viewer src="{{ model_path }}" alt="3D Model of {{ item_name }}" auto-rotate camera-controls></model-viewer>
-    <textarea placeholder="Special Instructions"></textarea>
-    <input type="number" min="10" max="20" placeholder="Quantity">
-    <button>Add to Cart</button>
-    <button onclick="closePopup()">Close</button>
-</div>
-<script>
-    function closePopup() {
-        document.querySelector('.popup-container').style.display = 'none';
-    }
-</script>