<h2>Payment Reminder</h2>

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

<p>This is a reminder that you have an outstanding payment on your trade account.</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;">{{ account_order.po_number }}</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;">Order Date</td>
        <td style="padding: 8px; border: 1px solid #ddd;">{{ account_order.created_at|date('d/m/Y') }}</td>
    </tr>
</table>

<p>Please make payment at your earliest convenience:</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>

<p>If you have already made this payment, please disregard this reminder.</p>
