{% layout none %}
<div class="frenzy-modal">
<script type="application/ld+json" id="frenzy_procut_feed_data">
{{ product | json }}
</script>
<div class="frenzy-modal-backdrop frenzyModalCloseTrigger"></div>
<div class="frenzy-modal-dialog">
<div class="frenzy-modal-content">
<button type="button" class="frenzy-modal-close frenzyModalCloseTrigger"><svg viewBox="0 0 20 20"><path d="m11.414 10 4.293-4.293a.999.999 0 1 0-1.414-1.414L10 8.586 5.707 4.293a.999.999 0 1 0-1.414 1.414L8.586 10l-4.293 4.293a.999.999 0 1 0 1.414 1.414L10 11.414l4.293 4.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414L11.414 10z"></path></svg></button>
<div class="frenzy-modal-right-column">
<div class="frenzy-middle-container">
{% assign seletedVariant = product.selected_or_first_available_variant.title | split:' / ' %}
<div class="frenzy-option-selectors">
{% for option in product.options %}
{% assign option_index = forloop.index0 %}
<fieldset class="frenzy-option-fieldset frenzy-option-{{ option | handle }}" data-frenzy-option="{{ option_index }}">
<legend class="frenzy-option-label">{{ option }}</legend>
<ul class="frenzy-option-selector-btns">
{% assign values = '' %}
{% for variant in product.variants %}
{% assign value = variant.options[option_index] %}
{% unless values contains value %}
{% assign values = values | join: ',' %}
{% assign values = values | append: ',' | append: value %}
{% assign values = values | split: ',' %}
<li>
<input class="frenzy-osb-input" type="radio" {% if seletedVariant[option_index] == value %}checked{% endif %} data-option="{{ option_index }}" name="frenzy-selector-{{ option_index }}" id="frenzy-selector-{{ option | handle }}-value-{{ value | handle }}" value="{{ value }}" {% unless variant.available %}disabled{% endunless %}>
<label class="frenzy-osb-label" data-swatch="{{ value }}" for="frenzy-selector-{{ option | handle }}-value-{{ value | handle }}">
<span class="opt-label__text">{{ value }}</span>
</label>
</li>
{% endunless %}
{% endfor %}
</ul>
</fieldset>
{% endfor %}
</div>
<div class="frenzy-payment-buttons">
<button type="submit" class="frenzyQuickViewAddToCart" data-product_id="{{ product.id }}" {% unless product.selected_or_first_available_variant.available %}disabled{% endunless %} data-id="{{ product.selected_or_first_available_variant.id }}" >{% if product.selected_or_first_available_variant.available %}Add to cart{% else %}Out of Stock{% endif %}</button>
</div>
</div>
</div>
</div>
</div>
</div>
