<div {{ attributes }}>
   <div>
      {% for variation in this.variations %}
         {% if not this.hide_soldout or (this.hide_soldout and not variation.soldOut) %}
            <input type="radio"
                   name="variation[{{ this.id_product }}]"
                   value="{{ variation.id }}"
                   id="variation_{{ variation.id }}"
                   data-id-variation="{{ variation.id }}"
                  {{ stimulus_action('product-variations', 'selectVariation', 'click', {
                     id_variation: variation.id,
                  }) }}
                  {{ stimulus_target('product-variations', 'variationItemInput') }}
            >
            <label for="variation_{{ variation.id }}">

               <span class="custom-control-indicator"></span>
               <span class="title">{{ variation.title }}</span>
               {% if this.show_delivery_time %}
                  <twig:Product:DeliveryTime:Availability id_product="{{ this.id_product }}" id_variation="{{ variation.id }}" />
               {% endif %}
            </label>
         {% endif %}
      {% endfor %}
   </div>
</div>
