update-address

shop-routes/order.js

@@ -45,9 +45,11 @@ router.get('/history', isAuthenticated, async (req, res) => {
 // ดูรายละเอียดออเดอร์ (เฉพาะผู้ที่ Login)
 router.get('/detail/:orderId', isAuthenticated, async (req, res) => {
     try {
+        const sessionId = req.session.id;
+
         const [orders] = await pool.query(
-            'SELECT * FROM orders WHERE id = ? AND session_id = ?',
-            [req.params.orderId, req.session.id]
+            `SELECT * FROM orders WHERE id = ? AND session_id = ?`,
+            [req.params.orderId, sessionId]
         );
 
         if (orders.length === 0) {
@@ -57,8 +59,7 @@ router.get('/detail/:orderId', isAuthenticated, async (req, res) => {
         const order = orders[0];
 
         const [items] = await pool.query(
-            `SELECT 
-                order_items.*, products.name, products.image_url
+            `SELECT order_items.*, products.name, products.image_url
              FROM order_items
              JOIN products ON order_items.product_id = products.id
              WHERE order_items.order_id = ?`,

views/checkout.ejs

@@ -8,6 +8,7 @@
     <% } else { %>
         <div class="order-summary">
             <h3>Order Summary</h3>
+            <% if (cartItems.length > 0) { %>
                 <% cartItems.forEach(item => { %>
                     <div class="order-item">
                         <span><%= item.name %> x <%= item.quantity %></span>
@@ -18,6 +19,9 @@
                     <strong>Total:</strong>
                     <strong>฿<%= total.toLocaleString() %></strong>
                 </div>
+            <% } else { %>
+                <p>Your cart is empty.</p>
+            <% } %>
         </div>
         
         <form action="/order/create" method="POST" class="checkout-form">
@@ -27,6 +31,34 @@
             </div>
             <button type="submit" style="margin: 0; padding: 0.5rem 1rem;">Place Order</button>
         </form>
+
+        <h3>Your Orders</h3>
+        <% if (orders.length > 0) { %>
+            <table border="1">
+                <thead>
+                    <tr>
+                        <th>Order ID</th>
+                        <th>Total Amount</th>
+                        <th>Status</th>
+                        <th>Shipping Address</th>
+                        <th>Created At</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <% orders.forEach(order => { %>
+                        <tr>
+                            <td><%= order.id %></td>
+                            <td>฿<%= order.total_amount.toLocaleString() %></td>
+                            <td><%= order.status %></td>
+                            <td><%= order.shipping_address %></td>
+                            <td><%= order.created_at %></td>
+                        </tr>
+                    <% }) %>
+                </tbody>
+            </table>
+        <% } else { %>
+            <p>No orders found.</p>
+        <% } %>
     <% } %>
 </div>