{{ header }}

<div class="bb-main-content">
    <table class="bb-box" cellpadding="0" cellspacing="0">
        <tbody>
            <tr>
                <td class="bb-content bb-pb-0" align="center">
                    <table class="bb-icon bb-icon-lg bb-bg-blue" cellspacing="0" cellpadding="0">
                        <tbody>
                            <tr>
                                <td valign="middle" align="center">
                                    <img src="{{ 'shopping-cart' | icon_url }}" class="bb-va-middle" width="40" height="40" alt="Icon" />
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <h1 class="bb-text-center bb-m-0 bb-mt-md">Order successfully!</h1>
                </td>
            </tr>
            <tr>
                <td class="bb-content">
                    <div>Dear {{ store_name }},</div>
                    <div>You got a new order on {{ site_title}}!</div>
                </td>
            </tr>
            <tr>
                <td class="bb-content bb-pt-0">
                    <table class="bb-row bb-mb-md" cellpadding="0" cellspacing="0">
                        <tbody>
                            <tr>
                                <td class="bb-bb-col">
                                    <h4 class="bb-m-0">Customer Information</h4>
                                    <div>Name: <strong>{{ customer_name }}</strong></div>
                                    {% if customer_phone %}
                                    <div>Phone: <strong>{{ customer_phone }}</strong></div>
                                    {% endif %}
                                    {% if customer_email %}
                                    <div>Email: <strong>{{ customer_email }}</strong></div>
                                    {% endif %}
                                    {% if customer_address %}
                                    <div>Address: <strong>{{ customer_address }}</strong></div>
                                    {% endif %}
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </td>
            </tr>
            <tr>
                <td class="bb-content bb-pt-0">
                    <h4>Here's what you ordered:</h4>
                    {{ product_list }}

                    {% if order_note %}
                        <div>Note: {{ order_note }}</div>
                    {% endif %}
                </td>
            </tr>
            <tr>
                <td class="bb-content bb-border-top">
                    <table class="bb-row bb-mb-md" cellpadding="0" cellspacing="0">
                        <tbody>
                            <tr>
                                <td class="bb-bb-col">
                                    <h4 class="bb-m-0">Order number</h4>
                                    <div>{{ order.code }}</div>
                                </td>
                                <td class="bb-col-spacer"></td>
                                <td class="bb-col">
                                    <h4 class="bb-mb-0">Order date</h4>
                                    <div>{{ order.created_at }}</div>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <table class="bb-row" cellpadding="0" cellspacing="0">
                        <tbody>
                            <tr>
                                <td class="bb-col">
                                    {% if shipping_method %}
                                    <h4 class="bb-m-0">Shipping Method</h4>
                                    <div>
                                        {{ shipping_method }}
                                    </div>
                                    {% endif %}
                                </td>

                                <td class="bb-col-spacer"></td>
                                <td class="bb-col">
                                    <h4 class="bb-m-0">Payment Method</h4>
                                    <div>
                                        {{ payment_method }}
                                    </div>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </td>
            </tr>
        </tbody>
    </table>
</div>

{{ footer }}
