{% sw_extends '@Storefront/storefront/component/product/card/action.html.twig' %}
{% set buyable = product.available and product.childCount <= 0 and product.calculatedMaxPurchase > 0 %}
{% block component_product_box_action_inner %}
{% set id = product.id %}
<div class="product-action">
<a href="{{ seoUrl('frontend.detail.page', {'productId': id}) }}"
class="btn btn-block btn-light btn-hover"
title="{{ "listing.boxProductDetails"|trans|striptags }}">
{{ "listing.boxProductDetails"|trans|sw_sanitize }}
{% if buyable %}
<span class="cart-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="29.934" height="25.078">
<g data-name="Gruppe 4126" fill="#fff">
<path data-name="Pfad 3" d="M29.933 4.986l-5.271 13.9H6.792L4.45 5.325 3.393 2.664H-.001V0h5.13l1.935 4.986z"></path>
<circle data-name="Ellipse 1" cx="2.494" cy="2.494" r="2.494" transform="translate(5.939 20.089)"></circle>
<circle data-name="Ellipse 2" cx="2.494" cy="2.494" r="2.494" transform="translate(21.73 20.089)"></circle>
</g>
</svg>
</span>
{% else %}
{% endif %}
</a>
</div>
{% endblock %}