{% sw_extends '@Storefront/storefront/page/product-detail/buy-widget-form.html.twig' %}
{% block page_product_detail_buy_container %}
{% if buyable %}
<div class="buy-widget-container {% if page.product.unit.translated.name != null %}fourtwosix-qm-unit{% else %}{{ formRowClass }}{% endif %}" {% if page.product.unit.translated.name != null %} data-buybyqmunit-plugin="true" {% endif %}>
{% block page_product_detail_buy_quantity_container %}
{% if page.product.unit.translated.name != null %}
{% set sellingUnit = product.purchaseUnit * product.purchaseUnit %}
{% sw_include '@Storefront/storefront/component/product/card/price-qm-unit.html.twig' with {
'isCloseout': page.product.isCloseout,
'stock': page.product.calculatedMaxPurchase,
'priceUnit': page.product.calculatedPrice.unitPrice,
'quantityUnit': product.purchaseUnit,
'quantityPack': product.minPurchase,
'sellingUnit': sellingUnit,
'minPurchase': product.minPurchase,
'purchaseSteps': page.product.purchaseSteps,
'sellingStep': page.product.purchaseSteps * product.purchaseUnit,
'quantityInputName': "lineItems[" ~ page.product.id ~ "][quantity]",
'translatedUnitName': page.product.unit.translated.name
} %}
{% else %}
{{parent()}}
{% endif %}
{% endblock %}
{% block page_product_detail_buy_redirect_input %}
{# fallback redirect back to detail page is deactivated via js #}
{{parent()}}
{% endblock %}
{% block page_product_detail_buy_product_buy_info %}
{{parent()}}
{% endblock %}
{% block page_product_detail_buy_button_container %}
{% if page.product.unit.translated.name != null %}
<div class="row mt-4 align-items-center">
<div class="col-12 col-md-6">
{{ "fourtwosix-qm.totalLabel"|trans}}
<b class="totalPrice">{{page.product.calculatedPrice.unitPrice|currency(page.product.price|first.currency.currencyId)}}</b>
</div>
<div class="col-12 col-md-6">
<button
class="btn btn-primary btn-block btn-buy"
title="{{ "detail.addProduct"|trans|striptags }}"
aria-label="{{ "detail.addProduct"|trans|striptags }}">
{{ "detail.addProduct"|trans|sw_sanitize }}
</button>
</div>
</div>
{% else %}
{{parent()}}
{% endif %}
{% endblock %}
</div>
{% endif %}
{% endblock %}