{% set steps = {
    "sylius_shop_checkout_address" : ["sylius.shop.checkout.address.steps","address"],
    "sylius_shop_checkout_select_shipping" : ["sylius.shop.checkout.select_shipping.steps","select_shipping"],
    "sylius_shop_checkout_select_payment" : ["sylius.shop.checkout.select_payment.steps","select_payment"],
    "sylius_shop_checkout_complete" : ["sylius.shop.checkout.complete.steps","complete"]
 }%}
<header class="header_wrap fixed-top header_with_topbar">
	<div class="bottom_header dark_skin main_menu_uppercase">
		<div class="py-5vh">
			<div class="row">
				<div class="col-2">
					<a href="{{ path('sylius_shop_homepage') }}"><img class="w-25 mx-auto" src="{{ asset('assets/shop/img/v4.png') }}"/></a>
				</div>
				<div class="col-8">
					{{ sylius_template_event([steps[app.request.attributes.get('_route')][0], 'sylius.shop.checkout.steps'], _context|merge({'active': steps[app.request.attributes.get('_route')][1], 'orderTotal': order.total})) }}
				</div>
				<div class="col-2">
					{% if order.customer.id|default(null) is not null %}
						<div class="item" id="purchaser-email" {{ sylius_test_html_attribute('purchaser-name-or-email') }}>{{ 'sylius.ui.checking_out_as'|trans }}
							{{ app.user is null ? order.customer.email : order.customer.fullName|default(order.customer.email) }}.</div>
					{% else %}
						<a href="{{ path('sylius_shop_login') }}" class="item">{{ 'sylius.ui.sign_in'|trans }}</a>
					{% endif %}
				</div>
			</div>
		</div>
	</div>
</header>