{% sw_extends '@Storefront/storefront/layout/navigation/offcanvas/navigation.html.twig' %}
{% block utilities_offcanvas_close %}
<div class="language-close-btn-container">
<div class="language-btn-container">
{% sw_include '@Storefront/storefront/layout/header/actions/language-widget.html.twig' with {position: 'offcanvas'} %}
</div>
{{ parent() }}
</div>
{% endblock %}
{% block utilities_offcanvas_content %}
{% block layout_navigation_offcanvas_navigation_actions %}{% endblock %}
{% sw_include '@Storefront/storefront/layout/navigation/offcanvas/categories.html.twig' with { navigation: navigation } %}
{% block layout_header_actions_account %}
<div class="account-icon">
{% if not context.customer.id %}
<div class="account-menu">
<a href="{{ path('frontend.account.login.page') }}"
title="{{ "account.loginSubmit"|trans|striptags }}"
class="account-menu-login-button">
<img src="{{ asset('storefront/img/Icon-Avatar-Blue.svg', '@HBCTheme') }}">
<p class="account-menu-login-button-text">{{ "account.loginSubmit"|trans|sw_sanitize }}</p>
</a>
</div>
{% else %}
<div class="account-menu isLoggedIn">
<div class="account-overview">
<img src="{{ asset('storefront/img/Icon-Avatar-Orange.svg', '@HBCTheme') }}">
<div class="account-overview-title-name">
<p>{{ "hbc.hbcDashboard"|trans|sw_sanitize }}</p>
<p>{{ context.customer.firstName }} {{ context.customer.lastName }}</p>
</div>
</div>
{% sw_include '@Storefront/storefront/page/account/sidebar.html.twig' with {'headerWidget': true} %}
<a href="{{ path('frontend.account.logout.page') }}"
title="{{ "account.loginSubmit"|trans|striptags }}"
class="btn btn-primary account-menu-login-button">
</a>
</div>
{% endif %}
</div>
</div>
{% endblock %}
{% endblock %}