{% sw_extends '@Storefront/storefront/page/product-detail/configurator.html.twig' %}
{% block page_product_detail_configurator %}
<div class="product-detail-configurator">
{% set config = {
url: url('frontend.detail.switch', { productId: page.product.parentId })
} %}
{% block page_product_detail_configurator_form %}
<form class="product-detail-configurator-form" data-variant-switch="true" data-variant-switch-options="{{ config|json_encode }}">
{% block page_product_detail_configurator_csrf %}
{{ sw_csrf('frontend.detail.switch') }}
{% endblock %}
{% block page_product_detail_configurator_groups %}
{% for group in page.configuratorSettings %}
{% block page_product_detail_configurator_group %}
<div class="product-detail-configurator-group">
<div class="product-detail-configurator-options justify-content-between">
<div class="form-group">
{% sw_include '@Storefront/storefront/page/product-detail/configurator/select.html.twig' %}
</div>
</div>
</div>
{% endblock %}
{% endfor %}
{% endblock %}
</form>
{% endblock %}
</div>
{% endblock %}