/*__SALLA_WRAP_V1__*/
(function () {
    var s = document.currentScript;
    Salla.onReady(function () {
        var scoped = window.Salla.appScope(s.dataset.scopeId);
        var salla = scoped, Salla = scoped;
        var document = new Proxy(window.document, {
            get: function (d, p) { if (p === 'currentScript') { return s; } var v = d[p]; return typeof v === 'function' ? v.bind(d) : v; },
            set: function (d, p, v) { d[p] = v; return true; }
        });
/*__SALLA_USER_CODE_START__*/
// ─────────────────────────────────────────────────────────────────────────────
// VoucherToggle — migrated to pure JS (no <script> wrapper, no {{Twig}} params).
// Legacy params resolved at runtime via salla.config.get('<ns>.<key>', '').
//   • {{customer.id}} → salla.config.get('user.id', '')      (customer.* removed → user.*)
// The legacy `if ("1" != "1")` feature flag was always-false (feature always on),
// so it is dropped rather than migrated.
// ─────────────────────────────────────────────────────────────────────────────

(function waitForReady() {
  if (typeof salla === 'undefined' || typeof salla.hooks === 'undefined') {
    return setTimeout(waitForReady, 100);
  }

  (async () => {
    // ─── DEBUG FLAG ──────────────────────────────────────────────────────────────
    const debug = Salla.storage.get('debug');
    const log = (...args) => { if (debug) console.log('[VoucherToggle]', ...args); };
    log('Script started.');

    // ─── STEP 0: Customer must be logged in ──────────────────────────────────────
    // WAS the templated `if ("893864993" == "")` ({{customer.id}} rendered).
    if (salla.config.get('user.id', '') === "") {
      log('Customer not logged in');
      return;
    }

    // ─── STEP 1: Route guard — only run on the cart page ────────────────────────
    const pageSlug = salla.config.get('page.slug', '');
    log('Step 1 — Current page slug:', pageSlug);
    if (pageSlug !== 'cart') {
      log('Step 1 — Not on cart page. Exiting.');
      return;
    }
    log('Step 1 — Cart page confirmed. Proceeding.');

    // ─── STEP 2: Fetch cart data ─────────────────────────────────────────────────
    log('Step 2 — Fetching cart details (HTTP cache)...');
    let cart;
    try {
      const cartResp = await salla.cart.api.details();
      cart = cartResp?.data?.cart;
      log('Step 2 — Cart fetched. customer_id:', cart?.user_id,
          '| product items:', (cart?.items || []).filter(i => i.type === 'product').length);
    } catch (err) {
      log('Step 2 — Failed to fetch cart:', err?.message);
      return;
    }

    const customerId     = cart?.user_id || salla.config.get('user.id', '') || null;
    // Product IDs of the items currently in the cart — used to filter vouchers by product scope.
    const productItems   = (cart?.items || []).filter(i => i.type === 'product');
    const cartProductIds = productItems.map(i => i.product_id);
    log('Step 2 — Customer ID:', customerId, '| Cart product IDs:', cartProductIds);

    // ─── GUARD: skip everything on an empty cart ────────────────────────────────
    // No products means no voucher can ever apply, so exit before fetching/probing
    // coupons. Without this, an empty cart still probed every VCH- voucher via
    // addCoupon — each probe 400s — firing one failing POST /cart/{id}/coupon per
    // voucher on page load with zero user interaction.
    if (productItems.length === 0) {
      log('Step 2 — Cart has no products. Voucher toggle not applicable. Exiting.');
      return;
    }

    // ─── STEP 3: Check if cart already has a coupon applied ─────────────────────
    const existingCoupon = cart?.coupon || null;
    log('Step 3 — Existing coupon on cart:', existingCoupon ? JSON.stringify(existingCoupon) : 'none');

    // ─── STEP 4: Fetch VCH- coupons ──────────────────────────────────────────────
    log('Step 4 — Fetching available coupons (HTTP cache)...');
    let coupons = [];
    try {
      const response = await salla.api.request('coupons');
      const allCoupons = response?.data || [];
      log('Step 4 — Total coupons fetched:', allCoupons.length,
          '→', allCoupons.map(c => c.code).join(', ') || 'none');

      coupons = allCoupons.filter(c => c.code.startsWith('VCH-'));
      log('Step 4 — After VCH- filter:', coupons.length,
          'coupon(s):', coupons.map(c => c.code).join(', ') || 'none');

      // ─── STEP 4b: Product-scope filter — the real fix for the probe burst ──────
      // Each voucher is scoped server-side to specific products. The coupons API
      // returns each coupon's product scope (products_include / products_exclude);
      // probing a voucher whose product is not in the cart is guaranteed to 400
      // ("The products in the cart are not included in the coupon"), so drop those
      // BEFORE probing. Rules per voucher:
      //   - drop it if any cart product is in products_exclude;
      //   - if products_include is non-empty, keep only when it intersects the cart;
      //   - if a voucher carries NO scope fields, keep it and fall back to probing.
      const cartProductIdSet = new Set(cartProductIds.map(Number));
      const toIntArray = (v) => Array.isArray(v) ? v.map(Number) : null;
      coupons = coupons.filter((c) => {
        const include = toIntArray(c.products_include);
        const exclude = toIntArray(c.products_exclude) || [];
        if (exclude.some((id) => cartProductIdSet.has(id))) return false;
        if (include && include.length > 0) return include.some((id) => cartProductIdSet.has(id));
        return true;
      });
      log('Step 4b — After product-scope filter:', coupons.length,
          'coupon(s):', coupons.map(c => c.code).join(', ') || 'none');
    } catch (err) {
      log('Step 4 — Failed to fetch coupons:', err?.message);
    }

    // ─── STEP 5: Validate each matched coupon against the current cart ───────────
    // coupons[] now holds only VCH- coupons whose product scope matches the cart.
    // Still probe via addCoupon to enforce remaining server-side rules (min amount,
    // expiry, usage limits, etc.).
    let matched = null;
    if (coupons.length > 0) {
      log('Step 5 — Validating', coupons.length, 'product-matched VCH- coupon(s)...');

      if (existingCoupon?.code?.startsWith('VCH-')) {
        const found = coupons.find(c => c.code === existingCoupon.code);
        if (found) {
          matched = found;
          log('Step 5 — Cart already has eligible VCH- coupon applied:', matched.code);
        }
      }

      if (!matched) {
        for (let i = 0; i < coupons.length; i++) {
          const coupon = coupons[i];
          log(`Step 5 — Testing coupon[${i}] "${coupon.code}"...`);
          try {
            await salla.cart.api.addCoupon(coupon.code);
            matched = coupon;
            log(`Step 5 — Coupon "${coupon.code}" is eligible! Removing to restore cart state...`);
            await salla.cart.api.deleteCoupon();
            log('Step 5 — Cart state restored.');
            break;
          } catch (err) {
            const reason = err?.response?.data?.error?.message || err?.message || 'unknown error';
            log(`Step 5 — Coupon "${coupon.code}" not eligible: ${reason}`);
          }
        }
      }
    } else {
      log('Step 5 — No VCH- coupons match the products in this cart. Toggle will be disabled.');
    }

    log('Step 5 — Result:', matched
      ? `Matched "${matched.code}"`
      : 'No eligible coupon — toggle will be disabled.');

    // ─── STEP 6: Build toggle markup ─────────────────────────────────────────────
    const lang      = document.documentElement.lang || 'ar';
    const labelText = lang === 'ar' ? 'استخدم القسائم' : 'Redeem your voucher';
    const disabled  = !matched;
    log('Step 6 — Building toggle UI. lang:', lang, '| disabled:', disabled);

    // Styles injected via createElement (migration: <style> → document.head.appendChild).
    const style = document.createElement('style');
    style.innerHTML = `
      .cart-submit-wrap { flex-wrap: wrap !important; }
      .voucher-toggle-wrapper { display:flex; align-items:center; justify-content:space-between; padding:12px 0; margin-top:8px; font-family:inherit; gap:12px; width:100%; }
      .voucher-toggle-label { font-size:14px; font-weight:500; color:#374151; cursor:pointer; user-select:none; flex:1; display:flex; align-items:center; line-height:1; }
      .voucher-toggle-label.is-disabled { color:#9ca3af; cursor:not-allowed; }
      .voucher-toggle-switch { position:relative; width:44px; height:24px; flex-shrink:0; display:flex; align-items:center; }
      .voucher-toggle-switch input { opacity:0; width:0; height:0; position:absolute; }
      .voucher-toggle-slider { position:absolute; cursor:pointer; top:0; left:0; right:0; bottom:0; background-color:#d1d5db; border-radius:24px; transition:background-color .3s; }
      .voucher-toggle-slider.is-disabled { opacity:.4; cursor:not-allowed; }
      .voucher-toggle-slider::before { content:''; position:absolute; height:18px; width:18px; left:3px; bottom:3px; background-color:#fff; border-radius:50%; transition:transform .3s; box-shadow:0 1px 3px rgba(0,0,0,.2); }
      .voucher-toggle-switch input:checked + .voucher-toggle-slider { background-color:#10b981; }
      .voucher-toggle-switch input:checked + .voucher-toggle-slider::before { transform:translateX(20px); }
      .voucher-toggle-status { font-size:12px; color:#6b7280; margin-top:4px; min-height:16px; width:100%; }
      .voucher-toggle-status.success { color:#10b981; }
      .voucher-toggle-status.error { color:#ef4444; }
    `;
    document.head.appendChild(style);

    const toggleHTML = `
      <div class="voucher-toggle-wrapper">
        <div style="flex:1; display:flex; flex-direction:column; justify-content:center;">
          <label class="voucher-toggle-label${disabled ? ' is-disabled' : ''}" for="voucher-toggle-checkbox">${labelText}</label>
        </div>
        <label class="voucher-toggle-switch">
          <input type="checkbox" id="voucher-toggle-checkbox"${disabled ? ' disabled' : ''}>
          <span class="voucher-toggle-slider${disabled ? ' is-disabled' : ''}"></span>
        </label>
      </div>
      <div class="voucher-toggle-status" id="voucher-status"></div>
    `;

    // ─── STEP 7: Mount via Salla hook ────────────────────────────────────────────
    log('Step 7 — Mounting toggle via Salla.hooks.mount("cart:submit.start", ...)');
    const mountEl = document.createElement('div');
    mountEl.style.cssText = 'width:100%; flex-basis:100%; order:-1;';
    mountEl.innerHTML = toggleHTML;
    salla.hooks.mount('cart:submit.start', mountEl);
    log('Step 7 — Done (' + (disabled ? 'DISABLED' : 'ENABLED — coupon: ' + matched.code) + ').');

    // ─── STEP 8: Toggle event listener ───────────────────────────────────────────
    log('Step 8 — Attaching delegated change event listener.');
    document.addEventListener('change', async function (e) {
      if (e.target && e.target.id === 'voucher-toggle-checkbox') {
        const cb = e.target;
        const statusEl = document.getElementById('voucher-status');
        const updateStatus = (text, type) => {
          if (!statusEl) return;
          statusEl.textContent = text;
          statusEl.className = 'voucher-toggle-status';
          if (type) statusEl.classList.add(type);
        };

        if (cb.checked) {
          log('Step 8 — Toggle ON. addCoupon("' + matched.code + '")');
          updateStatus(lang === 'ar' ? 'جارٍ المعالجة...' : 'Processing...');
          try {
            await salla.cart.api.addCoupon(matched.code);
            log('Step 8 — addCoupon success.');
            updateStatus(lang === 'ar' ? 'تم تطبيق القسيمة!' : 'Voucher applied!', 'success');
          } catch (err) {
            log('Step 8 — addCoupon error:', err?.message);
            updateStatus((lang === 'ar' ? 'خطأ: ' : 'Error: ') + (err?.message || (lang === 'ar' ? 'حدث خطأ ما' : 'Something went wrong')), 'error');
            cb.checked = false;
          }
        } else {
          log('Step 8 — Toggle OFF. deleteCoupon()');
          updateStatus(lang === 'ar' ? 'جارٍ المعالجة...' : 'Processing...');
          try {
            await salla.cart.api.deleteCoupon();
            log('Step 8 — deleteCoupon success.');
            updateStatus(lang === 'ar' ? 'تمت إزالة القسيمة.' : 'Voucher removed.');
          } catch (err) {
            log('Step 8 — deleteCoupon error:', err?.message);
            updateStatus((lang === 'ar' ? 'خطأ: ' : 'Error: ') + (err?.message || (lang === 'ar' ? 'حدث خطأ ما' : 'Something went wrong')), 'error');
            cb.checked = true;
          }
        }
      }
    });

  })();
})();
/*__SALLA_USER_CODE_END__*/
    });
})();