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

{% if order.customer.id|default(null) is not null %}
    <div class="col-12 col-md-auto" {{ sylius_test_html_attribute('purchaser-name-or-email') }}>
        {{ 'sylius.ui.checking_out_as'|trans }}
        <a class="link-reset" href="{{ path('sylius_shop_account_dashboard') }}">
            {{ app.user is null ? order.customer.email : order.customer.fullName|default(order.customer.email) }}.
        </a>
    </div>
{% else %}
    <div class="col-auto">
        <a class="btn btn-icon btn-transparent px-2" href="{{ path('sylius_shop_login') }}">
            <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler" width="28" height="28" viewBox="0 0 24 24" stroke-width="1.1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
                <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
                <circle cx="12" cy="7" r="4"></circle>
            </svg>
            <div class="d-none d-lg-block ps-2">{{ 'sylius.ui.sign_in'|trans }}</div>
        </a>
    </div>
{% endif %}