<h2>Order Confirmation</h2>

<p>Dear {{ member.billing_firstname }},</p>

<p>Your order has been placed on your trade account. No payment has been taken at this time.</p>

<table style="width: 100%; border-collapse: collapse; margin: 20px 0;">
    <tr>
        <td style="padding: 8px; border: 1px solid #ddd; font-weight: bold; width: 150px;">PO Number</td>
        <td style="padding: 8px; border: 1px solid #ddd;"><strong>{{ account_order.po_number }}</strong></td>
    </tr>
    <tr>
        <td style="padding: 8px; border: 1px solid #ddd; font-weight: bold;">Order Reference</td>
        <td style="padding: 8px; border: 1px solid #ddd;">{{ order.id }}</td>
    </tr>
    <tr>
        <td style="padding: 8px; border: 1px solid #ddd; font-weight: bold;">Amount Due</td>
        <td style="padding: 8px; border: 1px solid #ddd;">&pound;{{ account_order.amount_due|number_format(2) }}</td>
    </tr>
    <tr>
        <td style="padding: 8px; border: 1px solid #ddd; font-weight: bold;">Company</td>
        <td style="padding: 8px; border: 1px solid #ddd;">{{ trade_customer.company_name }}</td>
    </tr>
</table>

<p><strong>Payment is due for this order.</strong> You can pay online at any time by visiting your account orders page:</p>

<p>
    <a href="{{ settings.SITE_URL }}/trade/account/orders"
       style="display: inline-block; padding: 10px 20px; background: #007bff; color: #fff; text-decoration: none; border-radius: 4px;">
        Pay Now
    </a>
</p>
