<div class="combinationGenerator" data-attributes="{{attributesDatas}}" data-attributes-values="{{attributesValuesDatas}}">
<div class="input_group input_group--button">
<label for="attributsUsed">{{'page.product.combination.AttributsUsed'|trans}}</label>
<select name="combinationGeneratorAttributes[]" multiple class="customTomSelect tomSelect combinationGenerator__select">
{# <option value="">{{"page.product.combination.Select attributes"|trans}}</option>
{% for attribute in attributes %}
{% for attributeLang in attribute.attributeLang %}
{% if attributeLang.lang == userInterfaceLang%}
<optgroup label="{{attributeLang.name}}">
{% endif %}
{% endfor %}
{% for attributeValue in attribute.attributeValues %}
{% for attributeValueLang in attributeValue.attributeValueLangs %}
{% if attributeValueLang.lang == userInterfaceLang%}
<option value="{{attributeValue.id}}">{{attributeValueLang.value}}</option>
{% endif %}
{% endfor %}
{% endfor %}
</optgroup>
{% endfor %} #}
</select>
<span class="btn btn__primary combinationGenerator__button clearTS" data-route="{{url('app_product_generateCombination',{id:product.id})}}">{{'page.product.combination.Generate'|trans}}</span>
</div>
<div class="productCombinationsList__Wrapper">
{% include "product/_combinationList.html.twig" %}
</div>
</div>