{% sw_extends '@Storefront/storefront/component/product/card/action.html.twig' %}

{% block component_product_box_action_buy_button %}
    <button class="btn btn-buy">
        {% block page_product_detail_product_buy_button_label %}
            {{ parent() }}
        {% endblock %}
    </button>
{% endblock %}



{#    {% block component_product_box_action_buy_redirect_input %}#}
{#        #}{# fallback redirect back to detail page is deactivated via js #}
{#        <input type="hidden"#}
{#               name="redirectTo"#}
{#               value="frontend.detail.page">#}

{#        <input type="hidden"#}
{#               name="redirectParameters"#}
{#               data-redirect-parameters="true"#}
{#                #}{# ludtwig-ignore html-string-quotation #}
{#               value='{"productId": "{{ product.id }}"}'>#}
{#    {% endblock %}#}

{#    {% block page_product_detail_buy_product_buy_info %}#}
{#        <input type="hidden"#}
{#               name="lineItems[{{ id }}][id]"#}
{#               value="{{ id }}">#}
{#        <input type="hidden"#}
{#               name="lineItems[{{ id }}][referencedId]"#}
{#               value="{{ id }}">#}
{#        <input type="hidden"#}
{#               name="lineItems[{{ id }}][type]"#}
{#               value="product">#}
{#        <input type="hidden"#}
{#               name="lineItems[{{ id }}][stackable]"#}
{#               value="1">#}
{#        <input type="hidden"#}
{#               name="lineItems[{{ id }}][removable]"#}
{#               value="1">#}

{#    {% endblock %}#}

{#    {% block page_product_detail_product_buy_meta %}#}
{#        <input type="hidden"#}
{#               name="product-name"#}
{#               value="{{ product.translated.name }}">#}
{#    {% endblock %}#}

{#    {% block page_product_detail_product_buy_button %}#}
{#        <div class="row gx-3 flex-nowrap">#}
{#            <div class="col-auto">#}

{#                <select class="form-select" name="lineItems[{{ id }}][quantity]">#}
{#                    <option selected="selected" value="{{ product.minPurchase }}">{{ product.minPurchase }}</option>#}
{#                    {% for i in range(product.minPurchase + 1, product.minPurchase + 5) %}#}
{#                        <option value="{{ i }}">{{ i }}</option>#}
{#                    {% endfor %}#}
{#                </select>#}
{#            </div>#}
{#            <div class="col">#}
{#                <button class="btn btn-buy w-100 h-100" title="{{ "listing.boxAddProduct"|trans|striptags }}">#}
{#                    <i class="fa-kit d-xl-none d-xxl-inline-block fa-cart"></i> {{ "listing.boxAddProduct"|trans|sw_sanitize }}#}
{#                </button>#}
{#            </div>#}
{#        </div>#}
{#    {% endblock %}#}
{#{% endblock %}#}