#set ( $store = $session.getAttribute( "store" ) )
#set ( $customer = $cart.getCustomer() )
#set ( $paymentMethod = $customer.getPaymentMethod() )
#if( !$order )
#set ( $order = $cart.getCurrentOrder() )
#end

#if( !$customer )
	#set ( $customer = $order.getCustomer() )
#end
<div style="width: 80%; margin: 0 auto; padding: 20px; border: 1px solid #ddd; background-color: #f9f9f9; font-family: Arial, sans-serif; color: #333; line-height: 1.6;">
    <div style="background-color: #3a3a3a; color: white; padding: 10px; text-align: center; font-size: 1.2em; margin-bottom: 20px;">
        Thank you for your order!
    </div>
    <div>
        <p>Please note the items, quantities, and prices below.</p>
        <hr style="border: 0; border-top: 1px solid #ddd; margin: 20px 0;">

        <p>Here are the order details:</p>

        <table style="width: 100%; border-collapse: collapse; margin-top: 20px;">
            <thead>
                <tr style="background-color: #f1f1f1;">
                    <th style="padding: 10px; border: 1px solid #ddd; text-align: left;">Code</th>
                    <th style="padding: 10px; border: 1px solid #ddd; text-align: left;">Product</th>
                    <th style="padding: 10px; border: 1px solid #ddd; text-align: left;">Quantity</th>
                    <th style="padding: 10px; border: 1px solid #ddd; text-align: left;">Price</th>
                    <th style="padding: 10px; border: 1px solid #ddd; text-align: left;">Subtotal</th>
                </tr>
            </thead>
            <tbody>
                #foreach( $item in $order.getNonZeroItems() )
                <tr>
                    <td style="padding: 10px; border: 1px solid #ddd;">$item.id</td>
                    <td style="padding: 10px; border: 1px solid #ddd;">$item.getName()</td>
                    <td style="padding: 10px; border: 1px solid #ddd;">$item.getQuantity()</td>
                    <td style="padding: 10px; border: 1px solid #ddd;">$item.getProduct().getYourPrice()</td>
                    <td style="padding: 10px; border: 1px solid #ddd;">$item.getTotalPrice()</td>
                </tr>
                #end
            </tbody>
        </table>

        <p style="font-weight: bold; margin-top: 20px;">Total: $order.getTotalPrice()</p>
    </div>
</div>