Orders chevron_right Order #<%= order.id %>

Order #<%= order.id %>

Placed on <%= new Date(order.created_at || order.createdAt).toLocaleDateString('en-US', {weekday:'long', year:'numeric', month:'long', day:'numeric'}) %>

<% const statusClasses = { 'pending': 'bg-surface-container-high text-on-surface-variant', 'processing':'bg-primary-fixed text-on-primary-fixed', 'shipped': 'bg-surface-container text-primary', 'delivered': 'bg-primary text-white', 'cancelled': 'bg-error-container text-error' }; %> <%= order.status %>

Order Items

<% if (items && items.length > 0) { %> <% items.forEach(item => { %>

inventory_2

<%= item.product_name || 'Product #' + item.product_id %>

SKU: <%= item.sku || 'N/A' %> • Qty: <%= item.quantity %>

$<%= parseFloat(item.unit_price || item.price || 0).toFixed(2) %>

each

$<%= (parseFloat(item.unit_price || item.price || 0) * item.quantity).toFixed(2) %>

subtotal

<% }); %> <% } else { %>

shopping_bag

No items found for this order.

<% } %>

Subtotal $<%= parseFloat(order.total_amount || 0).toFixed(2) %>

Shipping Free

Tax $0.00

Total $<%= parseFloat(order.total_amount || 0).toFixed(2) %>

Payment

credit_card

Credit Card •••• 4242

<% const payStatus = order.payment_status || 'paid'; %> <%= payStatus %> • $<%= parseFloat(order.total_amount || 0).toFixed(2) %>

Customer

<%= order.customer_name ? order.customer_name.charAt(0).toUpperCase() : 'C' %>

<%= order.customer_name || 'Unknown Customer' %>

<%= order.customer_email || '' %>

<% if (order.customer_id) { %> View profile arrow_forward <% } %>

Shipping Address

<% if (order.shipping_address) { %>

<%= order.shipping_address %>

<% } else { %>

No shipping address provided

<% } %>

Timeline

Order placed

<%= new Date(order.created_at || order.createdAt).toLocaleString('en-US', {month:'short', day:'numeric', year:'numeric', hour:'numeric', minute:'2-digit'}) %>

<% if (['processing','shipped','delivered'].includes(order.status)) { %>

Processing

Order is being prepared

<% } %> <% if (['shipped','delivered'].includes(order.status)) { %>

Shipped

Package is on the way

<% } %> <% if (order.status === 'delivered') { %>

Delivered

Package delivered successfully

<% } %>