<div class="container order">

    <h1>{{ 'general.customers.orders.order_number' | t }}</h1>

    <div class="order-details">

        <div>
            <h2>{{ 'general.order.billing_address' | t }}</h2>
            <p><span>{{ 'general.order.payment_status' | t }}:</span> <span class="status_{{ order.financial_status }}">{{ order.financial_status }}</span></p>
            <p>{{ order.billing_address.name }}</p>
            <p>{{ order.billing_address.company }}</p>
            <p>{{ order.billing_address.street }}</p>
            <p>{{ order.billing_address.city }}, {{ order.billing_address.province }}</p>
            <p>{{ order.billing_address.country }} {{ order.billing_address.zip }}</p>
            <p>{{ order.billing_address.phone }}</p>
        </div>

        <div>
            <h2>{{ 'general.order.shipping_address' | t }}</h2>
            <p><span>{{ 'general.order.fulfillment_status' | t }}:</span><span class="status_{{ order.fulfillment_status }}">{{ order.fulfillment_status }}</span></p>
            <p>{{ order.shipping_address.name }}</p>
            <p>{{ order.shipping_address.company }}</p>
            <p>{{ order.shipping_address.street }}</p>
            <p>{{ order.shipping_address.city }}, {{ order.shipping_address.province }}</p>
            <p>{{ order.shipping_address.country }} {{ order.shipping_address.zip }}</p>
            <p>{{ order.shipping_address.phone }}</p>
        </div>

        <div>
            <h2>{{ 'general.order.order_items' | t }}</h2>
            <table>
                {% for line_item in order.line_items %}
                <tr>
                    <td>{{ line_item.title | link_to: line_item.product.url }}</td>
                    <td>{{ line_item.line_price | money }}</td>
                </tr>
                {% endfor %}
            </table>
        </div>

    </div>

</div>