(() => {
  "use strict";
  if (!document.body.classList.contains("ex-u-3097861")) return;

  /* -----------------------------------------------------------------------
     1) Config
     ----------------------------------------------------------------------- */
  const FREE_DELIVERY_THRESHOLD = 100;
  const PROGRESS_DURATION_MS = 5000;
  const CONGRATS_DURATION_MS = 10000;
  const STORAGE_KEY = "coFreeDeliveryReached";

  const SVG_ATTRS =
    'width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"';
  const ICONS = {
    progress: `<svg ${SVG_ATTRS}><rect x="1" y="3" width="15" height="13"></rect><polygon points="16 8 20 8 23 11 23 16 16 16 16 8"></polygon><circle cx="5.5" cy="18.5" r="2.5"></circle><circle cx="18.5" cy="18.5" r="2.5"></circle></svg>`,
    congrats: `<svg ${SVG_ATTRS}><polyline points="20 6 9 17 4 12"></polyline></svg>`,
  };

  /* -----------------------------------------------------------------------
     2) Helpers
     ----------------------------------------------------------------------- */
  const formatMoney = (amount) => {
    const isoCode = typeof window.$globalCurrencyISO !== "undefined" && window.$globalCurrencyISO ? window.$globalCurrencyISO : "GBP";
    const symbol = typeof window.$globalCurrency !== "undefined" && window.$globalCurrency ? window.$globalCurrency : "£";
    const value = Math.max(0, amount);
    try {
      return new Intl.NumberFormat(undefined, { style: "currency", currency: isoCode }).format(value);
    } catch (e) {
      return symbol + value.toFixed(2);
    }
  };

  // Tries window.$mini_cart first, then falls back to common event.detail shapes.
  const getMinicartItems = (evt) => {
    if (Array.isArray(window.$mini_cart)) return window.$mini_cart;
    if (evt && evt.detail) {
      if (Array.isArray(evt.detail)) return evt.detail;
      if (Array.isArray(evt.detail.items)) return evt.detail.items;
      if (Array.isArray(evt.detail.minicart)) return evt.detail.minicart;
      if (Array.isArray(evt.detail.$mini_cart)) return evt.detail.$mini_cart;
    }
    return [];
  };

  const getCartTotal = (items) => {
    const total = items.reduce((sum, item) => {
      if (!item) return sum;
      const lineTotal = typeof item.item_line_total === "number" ? item.item_line_total : parseFloat(item.item_line_total);
      return isNaN(lineTotal) ? sum : sum + lineTotal;
    }, 0);
    return Math.round(total * 100) / 100;
  };

  const hasReachedThreshold = (total) => total >= FREE_DELIVERY_THRESHOLD;

  const safeSessionGet = (key) => {
    try {
      return sessionStorage.getItem(key);
    } catch (e) {
      return null;
    }
  };
  const safeSessionSet = (key, value) => {
    try {
      sessionStorage.setItem(key, value);
    } catch (e) {
      /* private mode etc. */
    }
  };

  const wasReached = () => safeSessionGet(STORAGE_KEY) === "1";
  const setReached = (reached) => safeSessionSet(STORAGE_KEY, reached ? "1" : "0");

  // Headline is the primary (larger/bolder) line; sub is the optional secondary line.
  const buildMessage = (reached, total) => {
    if (reached) {
      return {
        type: "congrats",
        headline: "Congratulations! You've unlocked FREE delivery!",
        sub: "",
      };
    }
    const remaining = FREE_DELIVERY_THRESHOLD - total;
    return {
      type: "progress",
      headline: `Spend another ${formatMoney(remaining)} to unlock <b>FREE delivery</b>`,
      sub: "",
    };
  };

  /* -----------------------------------------------------------------------
     3) Toast popup
     ----------------------------------------------------------------------- */
  let popupEl = null;
  let popupTimer = null;

  const closePopup = () => {
    if (popupTimer) {
      clearTimeout(popupTimer);
      popupTimer = null;
    }
    if (!popupEl) return;
    const el = popupEl;
    popupEl = null;
    el.classList.remove("is-visible");
    setTimeout(() => {
      if (el.parentNode) el.parentNode.removeChild(el);
    }, 300);
  };

  const showPopup = (msg) => {
    closePopup();

    const duration = msg.type === "congrats" ? CONGRATS_DURATION_MS : PROGRESS_DURATION_MS;

    const toast = document.createElement("div");
    toast.className = `co-delivery-popup co-delivery-popup--${msg.type}`;
    toast.setAttribute("role", "status");
    toast.setAttribute("aria-live", "polite");

    toast.innerHTML = `
      <span class="co-delivery-popup__icon">${ICONS[msg.type]}</span>
      <div class="co-delivery-popup__body">
        <p class="co-delivery-popup__headline">${msg.headline}</p>
        ${msg.sub ? `<p class="co-delivery-popup__sub">${msg.sub}</p>` : ""}
      </div>
      <button type="button" class="co-delivery-popup__close" aria-label="Close">&times;</button>
      <span class="co-delivery-popup__bar" style="animation-duration:${duration}ms"></span>
    `;

    toast.querySelector(".co-delivery-popup__close").addEventListener("click", closePopup);

    document.body.appendChild(toast);
    popupEl = toast;
    // force reflow so the slide-in transition applies
    void toast.offsetWidth;
    toast.classList.add("is-visible");

    popupTimer = setTimeout(closePopup, duration);
  };

  /* -----------------------------------------------------------------------
     4) Cart update handler
     ----------------------------------------------------------------------- */
  const handleCartUpdate = (evt) => {
    const total = getCartTotal(getMinicartItems(evt));
    const reached = hasReachedThreshold(total);
    const previouslyReached = wasReached();

    if (!reached) {
      // Empty cart -> nothing to nudge about
      if (total > 0) showPopup(buildMessage(false, total));
    } else if (!previouslyReached) {
      // Just crossed the threshold -> congratulate once
      showPopup(buildMessage(true, total));
    }
    // reached && previouslyReached -> stay silent

    setReached(reached);
  };

  /* -----------------------------------------------------------------------
     5) Cart page info line (inside .cart-totals, right under the totals table)
        One element per .cart-totals — found and updated in place on every
        cart-total-update, so it can never be duplicated.
     ----------------------------------------------------------------------- */
  const INFO_CLASS = "co-delivery-info";

  const renderCartInfo = (evt) => {
    const total = getCartTotal(getMinicartItems(evt));
    const reached = hasReachedThreshold(total);

    // Keep the popup state in sync so it doesn't re-congratulate on other pages
    setReached(reached);

    document.querySelectorAll(".cart-sidebar .cart-totals").forEach((totals) => {
      let info = totals.querySelector(`.${INFO_CLASS}`);

      if (total <= 0) {
        if (info) info.remove();
        return;
      }

      const table = totals.querySelector("table");
      if (!table) return;

      if (!info) {
        info = document.createElement("div");
        info.setAttribute("role", "status");
        table.insertAdjacentElement("afterend", info);
      }

      const msg = buildMessage(reached, total);
      const className = `${INFO_CLASS} ${INFO_CLASS}--${msg.type}`;
      const html = `
        <span class="${INFO_CLASS}__icon">${ICONS[msg.type]}</span>
        <p class="${INFO_CLASS}__text">${msg.headline}</p>
      `;

      if (info.className !== className) info.className = className;
      if (info.innerHTML !== html) info.innerHTML = html;
    });
  };

  /* -----------------------------------------------------------------------
     6) Wire up
     ----------------------------------------------------------------------- */
  if (document.body.classList.contains("ex-cart")) {
    if (document.readyState === "loading") {
      document.addEventListener("DOMContentLoaded", () => renderCartInfo());
    } else {
      renderCartInfo();
    }
    document.addEventListener("cart-total-update", renderCartInfo);
  } else {
    document.addEventListener("cart-total-update", handleCartUpdate);
  }

  document.addEventListener("keydown", (e) => {
    if (e.key === "Escape") closePopup();
  });
})();