<fieldset>
  {% if (!ctx.component.hideLabel) { %}
    <legend class="{% if (ctx.component.validate.required) { %}field-required{% } %}">
      {{ ctx.tk('label') }}
    </legend>
  {% } %}

  {% const desc = ctx.tk('description') %}
  {% if (desc) { %}
    <div class="fg-light-slate mt-1">
      {{ desc }}
    </div>
  {% } %}

  {% for (const item of ctx.values) { %}
    <label class="d-flex flex-items-center fs-inherit my-2">
      <span class="flex-shrink-0">
        <{{ctx.input.type}}
          ref="input"
          class="input-{{ ctx.input.attr.type }} position-relative d-block mr-2 mb-0"
          {% for (var attr in ctx.input.attr) { %}
            {{attr}}="{{ctx.input.attr[attr]}}"
          {% } %}
          value="{{item.value}}"
          {% if (ctx.value && (ctx.value === item.value || (typeof ctx.value === 'object' && ctx.value.hasOwnProperty(item.value) && ctx.value[item.value]))) { %}
            checked
          {% } %}
          {% if (item.disabled) { %}
            disabled
          {% } %}
          id="{{ctx.id}}{{ctx.row}}-{{item.value}}">
      </span>
      <span class="flex-auto">
        {{ ctx.t([`${ctx.component.key}.values.${item.value}`, item.label]) }}
      </span>
    </label>
  {% } %}
</fieldset>
