<div class="custom-options-wrapper">
    <span class="button button--text button--text_small reset-options-btn">
        Reset Options
    </span>

    {% comment %} Hand {% endcomment %}
    {% if product.metafields.custom.hand != blank %}
        {% assign option_meta = product.metafields.custom.hand.value %}
        {% assign option_name = "Hand" %}
    
        {% render 'custom-radio', option_meta: option_meta, option_name: option_name %}
    {% endif %}

    {% comment %} Heads {% endcomment %}
    {% if product.metafields.custom.heads != blank %}
        {% assign option_meta = product.metafields.custom.heads.value %}
        {% assign option_name = "Heads" %}

        <input type="hidden" name="properties[{{ option_name }}]" value="" id="hidden-{{ option_name | handleize }}">

        <fieldset class="product-form__input product-form__input-radio product-form__input-{{ option_name | handleize }}">
          <legend class="form__label">{{ option_name }}</legend>
          {%- for option in option_meta -%}
            <input 
              type="checkbox"
              id="{{ section.id }}-{{ option_name | handleize }}-{{ forloop.index }}"
              value="{{ option.title | escape }}"
              class="option-{{ option_name | handleize }}"
            >
            <label for="{{ section.id }}-{{ option_name | handleize }}-{{ forloop.index }}" class="variant_label">
              <span>{{ option.title }}</span>
            </label>
          {%- endfor -%}
        </fieldset>
    {% endif %}

    {% comment %} Loft {% endcomment %}
    {% if product.metafields.custom.loft != blank %}
        {% assign option_meta = product.metafields.custom.loft.value %}
        {% assign option_name = "Loft" %}
    
        {% render 'custom-dropdown', option_meta: option_meta, option_name: option_name %}
    {% endif %}

    {% comment %} Set Composition {% endcomment %}
    {% if product.metafields.custom.set_composition != blank %}
        {% assign option_meta = product.metafields.custom.set_composition.value %}
        {% assign option_name = "Set Composition" %}
        
        {% render 'custom-dropdown', option_meta: option_meta, option_name: option_name %}
    {% endif %}

    {% comment %} Set Makeup {% endcomment %}
    {% if product.metafields.custom.set_makeup != blank %}
        {% assign option_meta = product.metafields.custom.set_makeup.value %}
        {% assign option_name = "Set Makeup" %}
        
        {% render 'custom-dropdown', option_meta: option_meta, option_name: option_name %}
    {% endif %}

    {% comment %} Club {% endcomment %}
    {% if product.metafields.custom.club != blank %}
        {% assign option_meta = product.metafields.custom.club.value %}
        {% assign option_name = "Club" %}
    
        {% render 'custom-dropdown', option_meta: option_meta, option_name: option_name %}
    {% endif %}

    {% comment %} Putting Style {% endcomment %}
    {% if product.metafields.custom.putting_style != blank %}
        {% assign option_meta = product.metafields.custom.putting_style.value %}
        {% assign option_name = "Putting Style" %}
        
        {% render 'custom-dropdown', option_meta: option_meta, option_name: option_name %}
    {% endif %}

    {% comment %} Head Weight {% endcomment %}
    {% if product.metafields.custom.head_weight != blank %}
        {% assign option_meta = product.metafields.custom.head_weight.value %}
        {% assign option_name = "Head Weight" %}
    
        {% render 'custom-dropdown', option_meta: option_meta, option_name: option_name %}
    {% endif %}

    {% comment %} Loft Adjustment {% endcomment %}
    {% if product.metafields.custom.loft_adjustment != blank %}
        {% assign option_meta = product.metafields.custom.loft_adjustment.value %}
        {% assign option_name = "Loft Adjustment" %}
    
        {% render 'custom-dropdown', option_meta: option_meta, option_name: option_name %}
    {% endif %}

    {% comment %} Loft Angle {% endcomment %}
    {% if product.metafields.custom.loft_angle != blank %}
        {% assign option_meta = product.metafields.custom.loft_angle.value %}
        {% assign option_name = "Loft Angle" %}
    
        {% render 'custom-dropdown', option_meta: option_meta, option_name: option_name %}
    {% endif %}

    {% comment %} Loft Adjustment (Irons) {% endcomment %}
    {% if product.metafields.custom.loft_adjustment_irons != blank %}
        {% assign option_meta = product.metafields.custom.loft_adjustment_irons.value %}
        {% assign option_name = "Loft Adjustment (Irons)" %}
    
        {% render 'custom-dropdown', option_meta: option_meta, option_name: option_name %}
    {% endif %}

    {% comment %} Lie Adjustment {% endcomment %}
    {% if product.metafields.custom.lie_adjustment != blank %}
        {% assign option_meta = product.metafields.custom.lie_adjustment.value %}
        {% assign option_name = "Lie Adjustment" %}

        {% render 'custom-dropdown', option_meta: option_meta, option_name: option_name %}
    {% endif %}

    {% comment %} Lie (Dot Color) {% endcomment %}
    {% if product.metafields.custom.lie_dot_color != blank %}
        {% assign option_meta = product.metafields.custom.lie_dot_color.value %}
        {% assign option_name = "Lie (Dot Color)" %}

        {% render 'custom-dropdown', option_meta: option_meta, option_name: option_name %}
    {% endif %}

    {% comment %} Lie {% endcomment %}
    {% if product.metafields.custom.lie != blank %}
        {% assign option_meta = product.metafields.custom.lie.value %}
        {% assign option_name = "Lie" %}

        {% render 'custom-dropdown', option_meta: option_meta, option_name: option_name %}
    {% endif %}


{% comment %} Combined Shafts {% endcomment %}
{% assign option_name = "Shaft" %}

{% comment %} Load all shaft data into memory first {% endcomment %}
{% if product.metafields.custom.shaft != blank %}
    {% paginate product.metafields.custom.shaft.value by 250 %}
        {% for shaft in product.metafields.custom.shaft.value %}
            {% comment %} This loop loads all items into memory {% endcomment %}
        {% endfor %}
        {% assign shaft_1 = product.metafields.custom.shaft.value %}
    {% endpaginate %}
{% endif %}

{% if product.metafields.custom.shaft_2 != blank %}
    {% paginate product.metafields.custom.shaft_2.value by 250 %}
        {% for shaft in product.metafields.custom.shaft_2.value %}
            {% comment %} This loop loads all items into memory {% endcomment %}
        {% endfor %}
        {% assign shaft_2 = product.metafields.custom.shaft_2.value %}
    {% endpaginate %}
{% endif %}

{% if product.metafields.custom.shaft_3 != blank %}
    {% paginate product.metafields.custom.shaft_3.value by 250 %}
        {% for shaft in product.metafields.custom.shaft_3.value %}
            {% comment %} This loop loads all items into memory {% endcomment %}
        {% endfor %}
        {% assign shaft_3 = product.metafields.custom.shaft_3.value %}
    {% endpaginate %}
{% endif %}

{% comment %} Render combined dropdown {% endcomment %}
<div class="product-form__input product-form__input--dropdown">
    <label class="form__label" for="Option-{{ section.id }}-{{ option_name | handleize }}">
      {{ option_name }}
    </label>
    <div class="select">
      <select
        id="Option-{{ section.id }}-{{ option_name | handleize }}"
        class="select__select"
        form="{{ 'product-form-' | append: section.id }}"
        name="properties[{{ option_name }}]"
        required
      >
        <option value="">Choose an Option</option>
        
        {% for option in shaft_1 %}
          <option value="{{ option.title | escape }}">
            {{ option.title }}
          </option>
        {% endfor %}
        
        {% for option in shaft_2 %}
          <option value="{{ option.title | escape }}">
            {{ option.title }}
          </option>
        {% endfor %}
        
        {% for option in shaft_3 %}
          <option value="{{ option.title | escape }}">
            {{ option.title }}
          </option>
        {% endfor %}
      </select>
      {% render 'icon-caret' %}
    </div>
</div>


    {% comment %} Length {% endcomment %}
    {% if product.metafields.custom.length != blank %}
        {% assign option_meta = product.metafields.custom.length.value %}
        {% assign option_name = "Length" %}
    
        {% render 'custom-dropdown', option_meta: option_meta, option_name: option_name %}
    {% endif %}

    {% comment %} Shaft Length {% endcomment %}
    {% if product.metafields.custom.shaft_length != blank %}
        {% assign option_meta = product.metafields.custom.shaft_length.value %}
        {% assign option_name = "Shaft Length" %}
        
        {% render 'custom-dropdown', option_meta: option_meta, option_name: option_name %}
    {% endif %}

    {% comment %} Lie Angle {% endcomment %}
    {% if product.metafields.custom.lie_angle != blank %}
        {% assign option_meta = product.metafields.custom.lie_angle.value %}
        {% assign option_name = "Lie Angle" %}

        {% render 'custom-dropdown', option_meta: option_meta, option_name: option_name %}
    {% endif %}

    {% comment %} Shaft Lean {% endcomment %}
    {% if product.metafields.custom.shaft_lean != blank %}
        {% assign option_meta = product.metafields.custom.shaft_lean.value %}
        {% assign option_name = "Shaft Lean" %}
        
        {% render 'custom-dropdown', option_meta: option_meta, option_name: option_name %}
    {% endif %}

    {% comment %} Stroke Type {% endcomment %}
    {% if product.metafields.custom.stroke_type != blank %}
        {% assign option_meta = product.metafields.custom.stroke_type.value %}
        {% assign option_name = "Stroke Type" %}
        
        {% render 'custom-dropdown', option_meta: option_meta, option_name: option_name %}
    {% endif %}

    {% comment %} Putter Color {% endcomment %}
    {% if product.metafields.custom.putter_color != blank %}
        {% assign option_meta = product.metafields.custom.putter_color.value %}
        {% assign option_name = "Putter Color" %}
        
        {% render 'custom-dropdown', option_meta: option_meta, option_name: option_name %}
    {% endif %}

    {% comment %} Grip {% endcomment %}
    {% if product.metafields.custom.grip != blank %}
        {% assign option_name = "Grip" %}
        
        {% comment %} Loop through once to load all paginated data {% endcomment %}
        {% paginate product.metafields.custom.grip.value by 250 %}
            {% for grip in product.metafields.custom.grip.value %}
                {% comment %} This loop loads all items into memory {% endcomment %}
            {% endfor %}
            
            {% render 'custom-dropdown', option_meta: product.metafields.custom.grip.value, option_name: option_name %}
        {% endpaginate %}
    {% endif %}

    {% comment %} Grip Selection {% endcomment %}
    {% if product.metafields.custom.grip_selection != blank %}
        {% assign option_meta = product.metafields.custom.grip_selection.value %}
        {% assign option_name = "Grip Selection" %}
    
        {% render 'custom-dropdown', option_meta: option_meta, option_name: option_name %}
    {% endif %}

    {% comment %} Wrap {% endcomment %}
    {% if product.metafields.custom.wrap != blank %}
        {% assign option_meta = product.metafields.custom.wrap.value %}
        {% assign option_name = "Wrap" %}
        
        {% render 'custom-dropdown', option_meta: option_meta, option_name: option_name %}
    {% endif %}

    {% comment %} Grip Option {% endcomment %}
    {% if product.metafields.custom.grip_option != blank %}
        {% assign option_meta = product.metafields.custom.grip_option.value %}
        {% assign option_name = "Grip Option" %}
    
        {% render 'custom-dropdown', option_meta: option_meta, option_name: option_name %}
    {% endif %}

    {% comment %} Alignment Mark {% endcomment %}
    {% if product.metafields.custom.alignment_mark != blank %}
        {% assign option_meta = product.metafields.custom.alignment_mark.value %}
        {% assign option_name = "Alignment Mark" %}
    
        {% render 'custom-dropdown', option_meta: option_meta, option_name: option_name %}
    {% endif %}

    {% comment %} Alignment Mark Front {% endcomment %}
    {% if product.metafields.custom.alignment_mark_front != blank %}
        {% assign option_meta = product.metafields.custom.alignment_mark_front.value %}
        {% assign option_name = "Alignment Mark Front" %}
    
        {% render 'custom-dropdown', option_meta: option_meta, option_name: option_name %}
    {% endif %}

    {% comment %} Alignment Mark Back {% endcomment %}
    {% if product.metafields.custom.alignment_mark_back != blank %}
        {% assign option_meta = product.metafields.custom.alignment_mark_back.value %}
        {% assign option_name = "Alignment Mark Back" %}
    
        {% render 'custom-dropdown', option_meta: option_meta, option_name: option_name %}
    {% endif %}

    {% comment %} Weight Selection {% endcomment %}
    {% if product.metafields.custom.weight_selection != blank %}
        {% assign option_meta = product.metafields.custom.weight_selection.value %}
        {% assign option_name = "Weight Selection" %}
        
        {% render 'custom-dropdown', option_meta: option_meta, option_name: option_name %}
    {% endif %}

    {% comment %} Weight Color {% endcomment %}
    {% if product.metafields.custom.weight_color != blank %}
        {% assign option_meta = product.metafields.custom.weight_color.value %}
        {% assign option_name = "Weight Color" %}
        
        {% render 'custom-dropdown', option_meta: option_meta, option_name: option_name %}
    {% endif %}

    {% comment %} Personalized Text Line 1 {% endcomment %}
    {% if product.metafields.custom.personalized_text_line_1 != blank %}
        {% assign option_meta = product.metafields.custom.personalized_text_line_1.value %}
        {% assign option_name = "Personalized Text Line 1" %}
        
        {% render 'custom-dropdown', option_meta: option_meta, option_name: option_name %}
    {% endif %}

    {% comment %} Personalized Text Line 2 {% endcomment %}
    {% if product.metafields.custom.personalized_text_line_2 != blank %}
        {% assign option_meta = product.metafields.custom.personalized_text_line_2.value %}
        {% assign option_name = "Personalized Text Line 2" %}
        
        {% render 'custom-dropdown', option_meta: option_meta, option_name: option_name %}
    {% endif %}

    {% comment %} Personalized Text Line 3 {% endcomment %}
    {% if product.metafields.custom.personalized_text_line_3 != blank %}
        {% assign option_meta = product.metafields.custom.personalized_text_line_3.value %}
        {% assign option_name = "Personalized Text Line 3" %}
        
        {% render 'custom-dropdown', option_meta: option_meta, option_name: option_name %}
    {% endif %}

    {% comment %} Ink Color {% endcomment %}
    {% if product.metafields.custom.ink_color != blank %}
        {% assign option_meta = product.metafields.custom.ink_color.value %}
        {% assign option_name = "Ink Color" %}

        {% render 'custom-dropdown', option_meta: option_meta, option_name: option_name %}
    {% endif %}

    {% comment %} Font {% endcomment %}
    {% if product.metafields.custom.font != blank %}
        {% assign option_meta = product.metafields.custom.font.value %}
        {% assign option_name = "Font" %}
    
        {% render 'custom-dropdown', option_meta: option_meta, option_name: option_name %}
    {% endif %}

    {% comment %} Headcover {% endcomment %}
    {% if product.metafields.custom.headcover != blank %}
        {% assign option_meta = product.metafields.custom.headcover.value %}
        {% assign option_name = "Headcover" %}
    
        {% render 'custom-dropdown', option_meta: option_meta, option_name: option_name %}
    {% endif %}

</div>