{% sw_extends '@Storefront/storefront/page/checkout/cart/index.html.twig' %}
{% block page_checkout_cart_product_table %}
<div class="col-md-4 cart-add-product-container">
<form action="{{ path('frontend.checkout.product.add-by-number') }}"
data-form-csrf-handler="true"
class="cart-add-product"
method="post">
{% block page_checkout_cart_add_product_csrf %}
{{ sw_csrf('frontend.checkout.product.add-by-number') }}
{% endblock %}
{% block page_checkout_cart_add_product_redirect %}
<input type="hidden"
name="redirectTo"
value="frontend.checkout.cart.page">
{% endblock %}
<div class="cart-add-product-container-text">
<p>{{ "twigel_quad.shopping_card.forgot_product"|trans }}</p>
</div>
{% block page_checkout_cart_add_product_input_group %}
<div class="input-group">
{% block page_checkout_cart_add_product_label %}
<label class="{{ visuallyHiddenClass }}" for="addProductInput">
{{ "checkout.addProductLabel"|trans|sw_sanitize }}
</label>
{% endblock %}
{% block page_checkout_cart_add_product_input %}
<input type="text"
name="number"
class="form-control"
id="addProductInput"
placeholder="{{ "checkout.addProductPlaceholder"|trans|striptags }}"
aria-label="{{ "checkout.addProductLabel"|trans|striptags }}"
aria-describedby="addProductButton"
required="required">
{% endblock %}
{% block page_checkout_cart_add_product_submit %}
{# @deprecated tag:v6.5.0 - Bootstrap v5 removes `input-group-append` wrapper and uses elements as direct childs of `input-group` #}
{% if feature('v6.5.0.0') %}
<button class="btn btn-secondary"
type="submit"
id="addProductButton">
{% sw_icon 'checkmark' %}
</button>
{% else %}
<div class="input-group-append">
<button class="btn btn-secondary"
type="submit"
id="addProductButton">
{% sw_icon 'checkmark' %}
</button>
</div>
{% endif %}
{% endblock %}
</div>
{% endblock %}
</form>
</div>
{{ parent() }}
{% endblock %}
{% block page_checkout_cart_add_product_and_shipping %}
<div class="row">
{% block page_checkout_cart_add_product %}
{% endblock %}
{% block page_checkout_cart_shipping_costs %}
{{ parent() }}
{% endblock %}
</div>
{% endblock %}