{% sw_extends '@Storefront/storefront/page/product-detail/buy-widget-form.html.twig' %}
{% block page_product_detail_buy_quantity_container %}
{% if config('AcrisQuantityAdvancedCS.config.quantityActive') == "true" %}
<div class="acris-quantity-advanced col-4">
{% block page_product_detail_buy_quantity %}
{% if config('AcrisQuantityAdvancedCS.config.quantityActive') == "true" %}
{% block page_product_detail_acris_advanced_quanitiy %}
<div class="acris-quantity-advanced d-flex flex-wrap h-100 pb-xs-2"
data-acris-advanced-quantity="true">
{% block page_product_detail_acris_advanced_quanitiy_select %}
<div class="acris-quantity-wrapper d-inline-flex justify-content-between"
id="quantityData"
data-maxPurchase="{{ product.calculatedMaxPurchase }}"
data-minPurchase="{{ product.minPurchase }}"
data-purchaseSteps="{{ product.purchaseSteps }}"
data-autoSubmit="0">
{% block page_product_detail_acris_advanced_quanitiy_select_button_minus %}
<button type="button"
class="btn-secondary acris-quantity-button is-minus flex-column align-content-center"
aria-label="lineItemBtnMinus[{{ product.id }}]">
{% sw_icon 'minus' style { 'size': 'sm' } %}
</button>
{% endblock %}
{% block page_product_detail_acris_advanced_quanitiy_select_input_field %}
<label class="mb-0 btn-lg pl-0 pr-0 pt-0 pb-0">
<input id="lineItems[{{ product.id }}][quantity]"
class="acris-quantity-input h-100"
name="lineItems[{{ product.id }}][quantity]" type="text"
value="{{ page.product.minPurchase }}">
</label>
{% endblock %}
{% block page_product_detail_acris_advanced_quanitiy_select_button_plus %}
<button type="button"
class="btn-secondary acris-quantity-button is-plus flex-column align-content-center"
aria-label="lineItemBtnPlus[{{ product.id }}]">
{% sw_icon 'plus' style { 'size': 'sm' } %}</button>
{% endblock %}
</div>
{% endblock %}
{% block page_product_detail_acris_advanced_quanitiy_packunit %}
{% if config('AcrisQuantityAdvancedCS.config').hidePackunit != true %}
{% if product.packUnit is not null %}
<div class="acris-quantity-packunit w-100 text-center">
{{ product.packUnit }}
</div>
{% endif %}
{% endif %}
{% endblock %}
</div>
{% endblock %}
{% else %}
{{ parent() }}
{% endif %}
{% endblock %}
</div>
{% else %}
{{ parent() }}
{% endif %}
{% endblock %}