{% import "@SyliusShop/Common/Macro/money.html.twig" as money %}

<section id="page-title">
    <div class="container">
        <div class="page-title">
            <h1>{{ 'sylius.ui.personal_information'|trans }}</h1>
        </div>
        <div class="breadcrumb justify-content-center" style="background-color: transparent">
            <ul>
                <li><a href="{{ path('sylius_shop_homepage') }}"><i class="fa fa-home"></i></a> </li>
                <li><a href="{{ path('sylius_shop_account_dashboard') }}">{{ 'sylius.ui.my_account'|trans }}</a> </li>
                <li><a href="{{ path('sylius_shop_account_order_index') }}">{{ 'sylius.ui.order_history'|trans }}</a> </li>
                <li class="active" aria-current="page">#{{ order.number }}</li>
            </ul>
        </div>
    </div>
</section>

<div class="container pt-4 pb-4">
    <div class="col-lg-12 text-center">
        <h2><span>{{ 'sylius.ui.order'|trans }}</span></h2>
        <p>{{ order.checkoutCompletedAt|format_date }} - {{ order.totalQuantity }} {{ 'sylius.ui.items'|trans|lower }}</p>
    </div>
</div>