{% sw_extends '@Storefront/storefront/utilities/offcanvas.html.twig' %}
{% block utilities_offcanvas_close %}
<div class="sticky-top offcanvas-cart-top-header">
<div class="row cart-header-row">
<div class="col-9 row">
<div class="col-12 header-title">Warenkorb</div>
{% if page.cart is defined && page.cart != null %}
{% set cartProductAmount = page.cart.lineItems|length %}
{% set formattedTotalPrice = page.cart.price.totalPrice|currency %}
<div class="col-12 header-bold">
{{ cartProductAmount }} {{ cartProductAmount == 1 ? "Produkt" : "Produkte" }} | {{ formattedTotalPrice }}
</div>
{% endif %}
</div>
<div class="col-4 js-offcanvas-close offcanvas-cart-top-close-button">
{% sw_icon 'schliessen' style {'pack': 'grimmtheme', 'namespace': 'GrimmTheme', 'size': 'sm'} %}
</div>
</div>
</div>
{# <button class="btn btn-light btn-block offcanvas-close js-offcanvas-close sticky-top">
{% block utilities_offcanvas_close_icon %}
{% sw_icon 'schliessen' style {'pack': 'grimmtheme', 'namespace': 'GrimmTheme', 'size': 'xs'} %}
{% endblock %}
{% block utilities_offcanvas_close_text %}
<span class="offcanvas-close__title"></span>
{% endblock %}
</button> #}
{% endblock %}