Update templates/order_history.html

templates/order_history.html

@@ -107,7 +107,8 @@
 
         <!-- Reorder and Rate buttons -->
         <div class="order-buttons">
-            <button class="reorder-btn">Reorder</button>
+            <button class="reorder-btn" onclick="reorder('{{ order.Id }}')">Reorder</button>
+
             <button class="rate-order-btn">Rate Order</button>
         </div>
     </div>
@@ -120,6 +121,30 @@
     </div>
     {% endif %}
 </div>
+<script>
+  function reorder(orderId) {
+    fetch(`/reorder/${orderId}`, {
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/json',
+        },
+        body: JSON.stringify({ orderId: orderId }),
+    })
+    .then(response => response.json())
+    .then(data => {
+        if (data.success) {
+            // Redirect to the cart page after adding the items
+            window.location.href = '/cart';  // Or any cart page URL
+        } else {
+            alert("Error reordering: " + data.error);
+        }
+    })
+    .catch(error => {
+        console.error('Error:', error);
+    });
+}
+
+</script>
 
 </body>
 </html>