{% sw_extends '@Storefront/storefront/component/checkout/offcanvas-cart.html.twig' %}

{% block component_offcanvas_cart_header %}
    <div class="offcanvas-cart-header rz-oc-header">
        <h4 data-id="off-canvas-headline" class="rz-oc-title">Dein Warenkorb</h4>
        {% if isCartNotEmpty %}
            <span class="rz-oc-count" aria-label="{{ 'checkout.itemCounter'|trans({'%count%': page.cart.lineItems|length})|striptags }}">{{ page.cart.lineItems|length }}</span>
        {% endif %}
    </div>
    {% if isCartNotEmpty %}
        {% sw_include '@RiccardoTheme/storefront/rz/cart-progress.html.twig' %}
    {% endif %}
{% endblock %}

{% block component_offcanvas_cart_actions_checkout %}
    <div class="d-grid">
        <a href="{{ path('frontend.checkout.confirm.page') }}"
           class="btn begin-checkout-btn{% if isCartNotEmpty %} btn-primary{% else %} btn-light disabled{% endif %}"
           title="{{ 'checkout.proceedToCheckout'|trans|striptags }}">
            Zur Kasse
        </a>
    </div>
{% endblock %}

{# Eigener Warenkorb-Link plus parent(), damit die Ergänzungen anderer Plugins
   (PayPal-Express, Ratenbanner) im Flyout erhalten bleiben. Der Standard-Link
   darunter wird per CSS ausgeblendet (.rz-oc-actions .btn-link). #}
{% block component_offcanvas_cart_actions_cart %}
    <div class="d-grid rz-oc-actions">
        <a href="{{ path('frontend.checkout.cart.page') }}" class="btn btn-light rz-oc-cartlink" title="{{ 'checkout.proceedToCart'|trans|striptags }}">
            Warenkorb ansehen
        </a>
    </div>
    {{ parent() }}
{% endblock %}