{% sw_extends '@Storefront/storefront/layout/header/actions/cart-widget.html.twig' %}

{% block layout_header_actions_cart_widget %}
    <span class="header-cart-icon">
       
    <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22.24 18.9"><defs><style>.cls-1{fill:#fff;}</style></defs><path id="Group_105" data-name="Group 105" class="cls-1" d="M18.49,15.8H7.24L3.6,1.8H0V0H5L6.09,4.22,22.24,4.1ZM8.64,14h8.54l2.58-8.08L6.56,6Zm.65,3.69a1.21,1.21,0,1,1-1.21-1.21,1.21,1.21,0,0,1,1.21,1.21h0m9.35,0a1.21,1.21,0,1,1-1.21-1.21,1.21,1.21,0,0,1,1.21,1.21h0"/></svg>
    </span>
    {% if page.cart.lineItems|length > 0 %}
        <span class="badge badge-primary header-cart-badge">{{ page.cart.lineItems|length }}</span>
    {% endif %}
    <span class="header-cart-total">
          {{ page.cart.price.positionPrice|currency }}{{ "general.star"|trans|sw_sanitize }}
    </span>
{% endblock %}
