Gitlab@Informatics

Skip to content
Snippets Groups Projects
Select Git revision
  • 19c023e37fccf38f4a83bc2c80d6a6f1f4887906
  • master default
  • main protected
3 results

README.md

Blame
  • checkout.ejs 2.32 KiB
    <%- include('partials/header') %>
    
    <div class="checkout">
        <h2>Checkout</h2>
    
        <% if (!user) { %>
            <p>You need to <a href="/login">log in</a> to proceed with checkout.</p>
        <% } 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>
                            <span>฿<%= (item.price * item.quantity).toLocaleString() %></span>
                        </div>
                    <% }); %>
                    <div class="total">
                        <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">
                <div class="form-group">
                    <label for="address">Shipping Address:</label>
                    <textarea name="address" required></textarea>
                </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>
    
    <%- include('partials/footer') %>