{% comment %}
  Fit Confidence — JAUS product-page block.
  Save as sections/fit-confidence.liquid (or paste the markup into a product-information block).
  Renders: fit badges from jaus.* metafields, live per-size stock with counts, an arrives-by line
  computed by event-ready.js, a boutique hold link, and the return policy before checkout.
  Requires event-ready.css / event-ready.js in /assets.
{% endcomment %}
{{ 'event-ready.css' | asset_url | stylesheet_tag }}
{%- assign mf = product.metafields.jaus -%}
{%- assign is_final = false -%}
{%- if product.tags contains 'sale' or product.tags contains 'SALE' or product.compare_at_price > product.price -%}{%- assign is_final = true -%}{%- endif -%}

<div class="fit-confidence" data-fit-confidence data-cutoff-hour="{{ section.settings.cutoff_hour | default: 14 }}" data-std-days="{{ section.settings.std_days | default: 4 }}" data-exp-days="{{ section.settings.exp_days | default: 2 }}" data-ovn-days="{{ section.settings.ovn_days | default: 1 }}">

  {%- if mf.fit_note != blank or mf.model_wears != blank or mf.stretch != blank or mf.lining != blank or mf.length != blank -%}
  <div class="fc-badges">
    {%- if mf.fit_note != blank -%}<span class="fc-badge"><b>Fit</b>{{ mf.fit_note.value | capitalize }}</span>{%- endif -%}
    {%- if mf.model_wears != blank -%}<span class="fc-badge"><b>Model</b>{% if mf.model_height != blank %}{{ mf.model_height.value }} {% endif %}wears {{ mf.model_wears.value }}</span>{%- endif -%}
    {%- if mf.stretch.value == true -%}<span class="fc-badge"><b>Stretch</b>yes{% if mf.lining != blank %} · {{ mf.lining.value }}{% endif %}</span>
    {%- elsif mf.stretch.value == false -%}<span class="fc-badge"><b>Stretch</b>no{% if mf.lining != blank %} · {{ mf.lining.value }}{% endif %}</span>
    {%- elsif mf.lining != blank -%}<span class="fc-badge"><b>Lining</b>{{ mf.lining.value }}</span>{%- endif -%}
    {%- if mf.length != blank -%}<span class="fc-badge"><b>Length</b>{{ mf.length.value }}</span>{%- endif -%}
    {%- if mf.fabric != blank -%}<span class="fc-badge"><b>Fabric</b>{{ mf.fabric.value }}</span>{%- endif -%}
  </div>
  {%- else -%}
  <p class="fc-none">Fit notes for this style are being added. Call the boutique at 248-283-3994 for sizing help.</p>
  {%- endif -%}

  {%- comment -%} Per-size stock. Counts show only when inventory is tracked; "1 left"/"2 left" appear under 3. {%- endcomment -%}
  <div class="fc-sizes" data-sizes>
    {%- for v in product.variants -%}
      {%- assign q = v.inventory_quantity -%}
      <span data-variant="{{ v.id }}" class="{% unless v.available %}out{% endunless %}">{{ v.option1 | upcase | replace: 'XXSMALL', 'XXS' | replace: 'XSMALL', 'XS' | replace: 'XLARGE', 'XL' | replace: 'XXLARGE', 'XXL' | replace: 'SMALL', 'S' | replace: 'MEDIUM', 'M' | replace: 'LARGE', 'L' }}
        {%- if v.available and v.inventory_management != blank and q > 0 and q < 3 %}<i>{{ q }} left</i>{% elsif v.available == false %}<i><a href="#" data-notify="{{ v.id }}">notify me</a></i>{% endif -%}
      </span>
    {%- endfor -%}
  </div>

  <div class="fc-arrive" data-arrive hidden>
    <b data-arrive-main></b>
    <span data-arrive-sub></span>
  </div>

  {%- assign store = section.settings.store_name | default: 'Birmingham' -%}
  {%- assign hold_base = section.settings.hold_url -%}
  <a class="fc-hold" data-hold href="{% if hold_base != blank %}{{ hold_base }}?product={{ product.handle }}{% else %}mailto:hello@shopjaus.com?subject={{ 'Hold request: ' | append: product.title | url_encode }}{% endif %}">Hold my size in {{ store }} for 48 h</a>

  <p class="fc-policy">
    {%- if is_final -%}<span class="final">Final sale — no returns</span>{%- else -%}<span>Returns for store credit within 30 days</span><span>Not final sale</span>{%- endif -%}
    <span>Free shipping over $70</span>
  </p>
</div>

<script src="{{ 'event-ready.js' | asset_url }}" defer></script>
<script>
  // Arrives-by line for the product page (uses the calendar exported by event-ready.js)
  (function(){
    function go(){
      var R=window.EventReady&&window.EventReady.calendar; var el=document.querySelector('[data-fit-confidence]'); if(!R||!el) return;
      var ds=el.dataset, n=R.nowET(), today=new Date(n.getFullYear(),n.getMonth(),n.getDate());
      var ship=(R.isBiz(today)&&n.getHours()<(+ds.cutoffHour||14))?today:R.addBiz(today,1);
      var std=R.addBiz(ship,+ds.stdDays||4), exp=R.addBiz(ship,+ds.expDays||2), ovn=R.addBiz(ship,+ds.ovnDays||1);
      var box=el.querySelector('[data-arrive]'); box.hidden=false;
      el.querySelector('[data-arrive-main]').textContent='Arrives '+R.fmt(std)+(ship.getTime()===today.getTime()?' · ships today':' · ships '+R.fmt(ship));
      el.querySelector('[data-arrive-sub]').textContent='Standard, free over $70 · Express by '+R.fmt(exp)+' · Overnight by '+R.fmt(ovn);
    }
    if(window.EventReady) go(); else window.addEventListener('load',go);
  })();
</script>

{% schema %}
{
  "name": "Fit Confidence",
  "tag": "div",
  "settings": [
    { "type": "text", "id": "store_name", "label": "Boutique name", "default": "Birmingham" },
    { "type": "url", "id": "hold_url", "label": "Hold request form URL (Shopify Forms). Blank = email" },
    { "type": "range", "id": "cutoff_hour", "label": "Same-day cutoff (ET, 24h)", "min": 8, "max": 18, "step": 1, "default": 14 },
    { "type": "range", "id": "std_days", "label": "Standard business days after ship", "min": 1, "max": 7, "step": 1, "default": 4 },
    { "type": "range", "id": "exp_days", "label": "Express business days", "min": 1, "max": 4, "step": 1, "default": 2 },
    { "type": "range", "id": "ovn_days", "label": "Overnight business days", "min": 1, "max": 2, "step": 1, "default": 1 }
  ],
  "presets": [ { "name": "Fit Confidence" } ]
}
{% endschema %}