{% from '@SyliusAdmin/order/macro/order_state_label.html.twig' import label %}

{% set order = hookable_metadata.context.resource %}

<div class="col-12 col-md-6">
    <div class="d-md-flex gap-2 align-items-center">
        <h1 class="page-title">
            {{ 'sylius.ui.order'|trans }}
            #{{ order.number }}
        </h1>
        {{ label(order.state) }}
    </div>
</div>