<div {{ attributes.defaults({'data-id-label': this.id_label}) }}>
   <div>
      {% for value in this.fetchValues %}
         {% if (this.isHidden and value.inStore > 0) or not this.isHidden or this.allSoldout %}
            <input
                  type="radio"
                  name="variation[{{ this.id_label }}]"
                  value="{{ value.id }}"
                  id="variation_{{ value.id }}_{{ this.id_product }}"
                  data-id-label="{{ this.id_label }}"
                  data-id-variation="{{ value.id }}"
                  {{ stimulus_target('product-variations', 'variationItemInput') }}
            >
            <label
                  for="variation_{{ value.id }}_{{ this.id_product }}"
                  {{ stimulus_action('product-variations', 'select', 'click', {
                     id_value: value.id,
                     id_label: this.id_label,
                  }) }}
            >
               <span class="title">{{ value.title }}</span>
               {% if this.labelsCount == 1 %}
                  <twig:Product:DeliveryTime:Availability id_product="{{ this.id_product }}"
                                                          id_variation="{{ this.getIdVariation(value.id) }}"
                                                          show_in_store="{{ this.show_in_store }}"/>
               {% endif %}
            </label>
         {% endif %}
      {% endfor %}
   </div>
   {% if not this.allInStore and not this.allSoldout %}
      <button type="button"{% if not this.isHidden %} class="active"{% endif %} data-action="live#action"
              data-live-action-param="toggleAction">
         <twig:ux:icon name="caret-down" class="c-icon"/> {{ this.toggleText }}</button>
   {% endif %}
</div>
