{% if fields|default %}
{# {% set children="" %}
{% set classSearchChildren="" %}
{% if fields.form_input_children|default %}
   {% set children=fields.form_input_children %}
   {% set classSearchChildren="search-children" %}
{% endif %} #}
<div class="col-lg-{{ 12 / (settings.setting_form_cols|default > 0 ? settings.setting_form_cols|default : 1) }}">
   <div class="form-group">
      {% if fields.form_input_label|default %}<label for="{{ fields.form_input_name }}">{{ fields.form_input_label|default }}</label>{% endif %}
      <div class="select-option-div mb-0 position-relative select-option">
         <div class="option-arrow transition"><span class="datepicker-label" data-original="{{ fields.form_input_label }}">{{ fields.form_input_label }}</span></div>
         <input type="text" {% if settings.form_required %} required {% endif %} name="{{ fields.form_input_name }}" id="{{ fields.form_input_name }}" value="" class="position-absolute opacity-0" children="{{children}}">
         <div class="hidden-option mb-3 mb-lg-0 border" style="border-top:none !important">
            <ul>
               {% for option in repeatable %}
                  <li class="transition {{classSearchChildren}}" data-value="{{option.form_select_value}}" data-combo-name="{{ fields.form_input_name }}" data-parent-relation="{{option.form_select_parent_relation|default}}">{{option.form_select_label}}</li>
               {% endfor %}
            </ul>
         </div>
      </div>
   </div>
</div>
{% endif %}