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

<header class="order-show-header">
    {% set subtitle %}
        {{ order.checkoutCompletedAt|format_date }} -
        {{ order.totalQuantity }} {{ 'sylius.ui.items'|trans|lower }} -
        <span class="product-price text-dark">{{ money.convertAndFormat(order.total) }}</span>
    {% endset %}
    {{ headers.shop('sylius.ui.summary_of_your_order'|trans~' #'~order.number, null, subtitle) }}
</header>
