{% import '@SyliusShop/Common/Macro/custom_buttons.html.twig' as buttons %}
{% import '@SyliusUi/Macro/flags.html.twig' as flags %}

<div class="col-lg-12 text-center">
    <h2><span>{{ 'sylius.ui.order'|trans }}</span></h2>
    <p>n° {{ order.number }} -- {{ order.checkoutCompletedAt|format_date }}</p>
</div>
{% if order.paymentState in ['awaiting_payment'] %}
    {{ buttons.default(path('sylius_shop_order_show', {'tokenValue': order.tokenValue}), 'sylius.ui.pay', null, 'credit card alternative', 'fluid blue') }}
{% endif %}