{% sw_extends "@MoorlForms/plugin/moorl-fb/component/element/field.html.twig" %}
{% block input_el %}
<select name="{{ elementTechnicalName }}"
id="{{ elementId }}"
{% if element.required %}required{% endif %}
class="custom-select">
{% if element.translated.placeholder %}
<option value="" selected>{{ element.translated.placeholder }}</option>
{% endif %}
{% for treeItem in children %}
<option
value="{{ treeItem.element.technicalName }}"
data-fb-conditions='{{ treeItem.element.conditions|json_encode|raw }}'
data-moorl-fb-option-price="{{ treeItem.element.calculatedPrice.unitPrice }}"
{% if treeItem.element.disabled %}readonly{% endif %}
{% if treeItem.element.technicalName in elementValue %}selected{% endif %}
>
{{ treeItem.element.translated.name }}
{% sw_include "@MoorlForms/plugin/moorl-fb/component/wrapper/price-label-plain.html.twig" ignore missing with {
element: treeItem.element
} %}
</option>
{% endfor %}
</select>
{% endblock %}