{# {% sw_extends '@Storefront/storefront/utilities/offcanvas.html.twig' %} #}
{% block utilities_offcanvas_content %}
<div class="account-menu">
<div class="close-btn label-round-btn">
<div>
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50">
<g transform="translate(-345 -358.107)">
<rect width="2" height="23" transform="translate(377.515 373.707) rotate(45)" fill="#fff"/>
<rect width="2" height="8" transform="translate(368.464 379.364) rotate(135)" fill="#fff"/>
<rect width="2" height="11.5" transform="translate(379.07 389.971) rotate(135)" fill="#fff"/>
</g>
<g fill="none" stroke="#fff" stroke-width="1.5">
<circle cx="25" cy="25" r="25" stroke="none"/>
<circle cx="25" cy="25" r="24.25" fill="none"/>
</g>
</svg>
</div>
<div>schließen</div>
</div>
{% block layout_header_actions_account_widget_dropdown_header %}
{% if context.customer and not context.customer.guest %}
<div class="dropdown-header account-menu-header">Hallo, {{ context.customer.firstName }} {{ context.customer.lastName }}{# {{ 'account.myAccount'|trans|sw_sanitize }} #}</div>
{% endif %}
{% endblock %}
{% block layout_header_actions_account_widget_dropdown_login %}
{% if not context.customer %}
<div class="account-menu-login list-group">
<a id="loginButton" href="{{ path('frontend.account.login.page', {'loginregister': 'login'}) }}" title="{{ 'account.loginSubmit'|trans|striptags }}" class="list-group-item menu-list">{{ 'account.loginSubmit'|trans|sw_sanitize }}</a>
<div class="account-menu-register list-group-item menu-list">
<span><a id="registerButton" class="registerButton" href="{{ path('frontend.account.login.page', {'loginregister': 'register'}) }}" title="{{ 'account.orRegisterLink'|trans|striptags }}">{{ 'account.orRegisterLink'|trans|striptags }}</a></span>
</div>
</div>
{% endif %}
{% endblock %}
{% block layout_header_actions_account_widget_dropdown_links %}
<div class="account-menu-links">
{% sw_include '@Storefront/storefront/page/account/sidebar.html.twig' with { headerWidget: true } %}
</div>
{% endblock %}
</div>
{% endblock %}