/* eslint-disable */
/* © 2026 K2B NETWORK SOLUTIONS LLC. All rights reserved.
   Proprietary and confidential. Unauthorized copying, distribution, or use of
   this file, via any medium, is strictly prohibited. Original work product. */
// JBREWS DMS — Cash Deal (CashWind).
// The closing screen for a CASH deal (ONE PATH: CRM → Desk It → Push to Cash
// Deal → here → Post to Accounting → Funded). Mirrors FinanceWorksheet: the
// form persists field-by-field under formId "cashWorksheet", the linked deal
// comes from jb_fw_deal, and the deal record (DMS.deals) is the source of
// truth — the desk's push patched it and stamped _srcDealId/_srcRev.
//
// A cash deal has NO lender, NO amount financed and NO payment: the customer
// pays the balance at delivery. K2B-003 (RC18): what the customer OWES (Total
// Due), what was actually RECEIVED (Record Payment — date, amount, how paid)
// and the Balance Due are kept apart. Saving / printing never records money;
// posting books cash only for the recorded payments and is refused while a
// balance is still due (DMSCore cashDealFigures / recordDealReceipt / postDeal).

const CW_FORM = "cashWorksheet";
const CW_HELP = `Cash Deal (CashWind)\n\nESC  Close\nF1   Help\nF2   Lookup deal (open Cash / Desked deals)\nF5   Recalculate sales tax\nF6   Print cash bill summary\nF7   Forms\nF10  Save  (fields auto-persist as you type)\n\nRecord Payment — records money the customer actually paid (date, amount, how paid).\nPost to Accounting — books the deal once the payments recorded cover the Total Due.`;

// Local field wrappers bound to the cash form (NF/TF in FinanceWorksheet are
// hard-wired to the finance form, so these wrap JBField with CW_FORM).
const CNF = ({ field, value, width = 110, hi, sel, align = "right", readOnly, style, onValueChange }) => (
  <JBField formId={CW_FORM} field={field} type="money"
            defaultValue={value} width={width} hi={hi} sel={sel} align={align} readOnly={readOnly} style={style} onValueChange={onValueChange} />
);
const CTF = ({ field, value, width = 110, hi, sel, uppercase = true }) => (
  <JBField formId={CW_FORM} field={field} type="text"
            defaultValue={value} width={width} hi={hi} sel={sel} align="left" uppercase={uppercase} />
);

const cwNum = (x) => { const n = parseFloat(String(x ?? "").replace(/[^0-9.\-]/g, "")); return isNaN(n) ? 0 : n; };
const cwFmt = (n) => (+n || 0).toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
const cwCarried = { opacity: 0.62 };
const cwDeskTag = { marginLeft: 6, fontSize: 9, fontWeight: 700, letterSpacing: 0.5, color: "#0E7A37", background: "#E6F7EC", border: "1px solid #BFE3CB", borderRadius: 3, padding: "0 4px", textTransform: "uppercase" };

// Tax rate the desk uses (jb_desk_settings.taxRate), else the MO default.
const cwTaxRate = () => {
  try { const s = JSON.parse(localStorage.getItem("jb_desk_settings") || "{}"); if (s && +s.taxRate > 0) return +s.taxRate; } catch (e) {}
  return 9.537;   // rate collected at the first store (matches the lease desk default)
};

// Protection-product plan rows (plan1..planN + GAP) — the SAME helpers the
// Finance Deal uses (FinanceWorksheet.jsx.txt → window.fwPlans). `warranties`
// is the computed plan total, kept under that name for the GL cascade.
const cwPlans = () => window.fwPlans;
const cwPlanTotal = (f) => { const P = cwPlans(); if (P) return P.total(f); return cwNum(f.warranties); };

// Totals off the form draft. Total Due = everything the customer owes for the
// car. `deposit` on this form is only the desk's PROPOSED down payment (shown for
// information) — money received comes from the deal's recorded receipts (cwMoney).
const cwTotals = (f) => {
  const price = cwNum(f.cashPrice), tax = cwNum(f.salesTax), doc = cwNum(f.docFee), lic = cwNum(f.license);
  const warranties = cwPlanTotal(f);
  const products = warranties + cwNum(f.gapIns) + cwNum(f.other);
  const tradeValue = cwNum(f.tradeValue), tradePayoff = cwNum(f.tradePayoff), rebates = cwNum(f.rebates);
  const negEquity = Math.max(0, Math.round((tradePayoff - tradeValue) * 100) / 100);
  const proposedDown = cwNum(f.deposit);
  const totalDue = Math.round((price + tax + doc + lic + products + tradePayoff - tradeValue - rebates) * 100) / 100;
  return { price, tax, doc, lic, products, warranties, tradeValue, tradePayoff, negEquity, rebates, proposedDown, totalDue };
};
// T-03 (round 2, T8a): the sales tax Save / Print / Post will use. A rate-based tax (the deal's saved tax, untouched on the
// screen) follows a price / trade change the way F5 does; an explicit $0.00 (tax-exempt) or a hand-typed tax is kept.
// null = the tax on the screen stands. The live Total Due / Balance Due use the same figure, so the screen never shows
// a total that Save / Print / Post would then change.
const cwTaxPlan = (f, deal) => {
  if (!deal || deal.postedToGL) return null;
  const r2 = (n) => Math.round((+n || 0) * 100) / 100;
  const price = cwNum(f.cashPrice), trade = cwNum(f.tradeValue);
  const moved = r2(price) !== r2(deal.salePrice) || r2(trade) !== r2(deal.tradeAllow);
  if (!moved || !(r2(deal.tax) > 0) || r2(cwNum(f.salesTax)) !== r2(deal.tax)) return null;
  const rate = +f.taxRate > 0 ? +f.taxRate : cwTaxRate();
  return { tax: r2(Math.max(0, price - trade) * rate / 100), rate };
};
// K2B-003 (RC18): Total Due from the screen + RECEIVED from the deal's recorded payments (never typed here) → Balance Due.
const cwMoney = (f, deal) => {
  const plan = cwTaxPlan(f, deal);
  const t = cwTotals(plan ? { ...f, salesTax: plan.tax } : f);
  const cf = deal && window.DMS && window.DMS.cashDealFigures ? window.DMS.cashDealFigures(deal) : null;
  const received = cf ? cf.received : 0;
  // RC27 (dsk): the dealer's down payment assistance (desk › Profit panel) is money the customer does not pay
  const dpa = deal && window.DealCalc && Array.isArray(deal.costAdds) && deal.costAdds.length ? window.DealCalc.costAddsOf(deal).dpaCents / 100 : 0;
  return { ...t, taxPlan: plan, received, dpa, balanceDue: Math.round((t.totalDue - dpa - received) * 100) / 100, receipts: cf ? cf.receipts : [],
           legacy: !!(cf && cf.legacy), legacyCashDown: cf ? cf.legacyCashDown : 0, postedLegacy: !!(cf && cf.postedLegacy) };
};
// The figures this screen refuses to save / post / print (spec 6.3 valid-input gate; same wording style as the desk's).
const cwBadMsg = (M, what) => {
  const tail = " " + (what || "Nothing was saved") + "; your entries are kept.";
  if (M.totalDue < -0.005) return `Trade-in and rebates too high — they are $${cwFmt(-M.totalDue)} more than the price and charges — check the trade-in and rebates.` + tail;
  if (M.balanceDue < -0.005) return `Received too much — the payments recorded are $${cwFmt(-M.balanceDue)} more than the total due ($${cwFmt(M.totalDue)}${M.dpa ? " less the dealer's $" + cwFmt(M.dpa) + " down payment assistance" : ""}) — check the price or the payments.` + tail;
  return null;
};
const cwEsc = (s) => String(s == null ? "" : s).replace(/[<>&"]/g, (c) => ({ "<": "&lt;", ">": "&gt;", "&": "&amp;", '"': "&quot;" }[c]));

const CashWorksheet = ({ onClose, go }) => {
  const [, force] = React.useReducer(n => n + 1, 0);
  React.useEffect(() => (window.DMS && window.DMS.subscribe) ? window.DMS.subscribe(force) : undefined, []);

  const [dealId, setDealId] = React.useState(() => {
    try { return localStorage.getItem("jb_fw_deal") || null; } catch (e) { return null; }
  });
  const [showLookup, setShowLookup] = React.useState(false);
  const [formKey, setFormKey] = React.useState(0);   // bump to remount fields after a programmatic save
  const [, tick] = React.useReducer(n => n + 1, 0);   // live totals as the user types
  const D = window.DMS;
  const deals = (D && D.deals) ? D.deals() : [];
  const deal = deals.find(d => d.id === dealId) || null;
  const stageOf = (d) => (D && D.dealStage) ? D.dealStage(d) : (d.stage || "Desked");

  // Write the deal's figures into the cash form (single source of truth = the
  // DMS deal record the desk pushed). Stamps _srcDealId/_srcRev (B-04).
  const writeForm = (d) => {
    // Products: the itemized list the desk pushed; a legacy deal that only
    // carries the lumped vscSale / gapSale gets synthesized rows.
    let products = Array.isArray(d.products) ? d.products : [];
    if (!products.length && (+d.vscSale > 0 || +d.gapSale > 0)) {
      products = [];
      if (+d.vscSale > 0) products.push({ id: "P-VSC-LEGACY", code: "VSC", name: "SERVICE CONTRACT (desk)", category: "Service Contract", provider: "", price: +d.vscSale, cost: +d.vscCost || 0, termMo: 0 });
      if (+d.gapSale > 0) products.push({ id: "", code: "GAP", name: "GAP", category: "GAP", provider: "", price: +d.gapSale, cost: +d.gapCost || 0, termMo: 0 });
    }
    const P = cwPlans();
    window.saveJbForm(CW_FORM, {
      _srcDealId: d.id, _srcRev: +d.rev || 0,
      dealType: "Cash",
      cashPrice: cwFmt(d.salePrice), tradeValue: cwFmt(d.tradeAllow || 0),
      tradePayoff: cwFmt(d.tradePayoff || 0), tradeAcv: cwFmt(d.tradeACV != null ? d.tradeACV : (d.tradeAcv != null ? d.tradeAcv : d.tradeAllow || 0)),
      tradeDesc: d.tradeDesc || d.tradeYrMkMdl || d.tradeVeh || "", tradeLender: d.tradeLender || "",
      negEquity: cwFmt(Math.max(0, (+d.tradePayoff || 0) - (+d.tradeAllow || 0))),
      rebates: cwFmt(d.rebate || 0),
      // K2B-003 (RC18): `deposit` here = the desk's PROPOSED down payment only (information). Money received is the
      // deal's recorded receipts; a pre-RC18 cashDown (= the whole total due) is never shown as received.
      deposit: cwFmt(d.proposedDown != null ? d.proposedDown
        : (d.postedToGL || Array.isArray(d.receipts) || (window.DMS && window.DMS.cashDealFigures && window.DMS.cashDealFigures(d).legacy) ? 0 : (d.cashDown || 0))),
      salesTax: cwFmt(d.tax || 0), license: cwFmt(d.titleFee || 0), docFee: cwFmt(d.docFee || 0),
      ...(P ? P.fieldsFromProducts(products, cwFmt) : { ...(d.vscSale != null ? { warranties: cwFmt(d.vscSale) } : {}), ...(d.gapSale != null ? { gapIns: cwFmt(d.gapSale) } : {}) }),
      ...(d.otherSale != null ? { other: cwFmt(d.otherSale) } : {}),
    });
  };

  // Mirror the linked deal ONLY when the form does not already hold this deal
  // at this revision (open from the desk push, F2-Lookup, Deal Pipeline). A
  // mere remount never overwrites edited figures; a newer push does (B-04).
  React.useEffect(() => {
    if (!deal) return;
    const f = window.loadJbForm(CW_FORM);
    const held = f._srcDealId || null, heldRev = f._srcRev != null ? +f._srcRev : null;
    if (held === deal.id && heldRev === (+deal.rev || 0)) return;
    writeForm(deal);
    setFormKey(k => k + 1);
  }, [deal && deal.id, deal && deal.rev]);

  const loadDeal = (d) => {
    writeForm(d);
    setDealId(d.id);
    try { localStorage.setItem("jb_fw_deal", d.id); } catch (e) {}
    setFormKey(k => k + 1); setShowLookup(false);
    window.k2bToast && window.k2bToast(`${d.id} — ${d.buyer} loaded into the Cash Deal.`, "ok");
  };

  const f = window.loadJbForm ? window.loadJbForm(CW_FORM) : {};
  const T = cwMoney(f, deal);

  // The deal patch every save/post writes. A cash deal: no lender, no amount
  // financed, no payment. K2B-003 (RC18): totalDue = what is owed; received /
  // cashDown = the RECORDED payments only (never the amount owed, never the
  // desk's proposed down — that one is kept apart as proposedDown); receipts
  // themselves are written only by Record Payment, never by a save.
  const dealPatchFromForm = (fm) => {
    const t = cwMoney(fm, deal);
    const P = cwPlans();
    return {
      salePrice: t.price, tradeAllow: t.tradeValue, tradePayoff: t.tradePayoff, rebate: t.rebates,
      ...(fm.tradeAcv != null && fm.tradeAcv !== "" ? { tradeACV: cwNum(fm.tradeAcv), tradeAcv: cwNum(fm.tradeAcv) } : {}),
      ...(fm.tradeDesc != null ? { tradeDesc: String(fm.tradeDesc || "") } : {}),
      tradeLender: String(fm.tradeLender || ""), negEquity: t.negEquity,
      tax: t.tax, titleFee: t.lic, docFee: t.doc,
      // Products: itemized `products` + the lumped vscSale / gapSale (+ costs,
      // fiGross) the GL cascade reads — rebuilt from the plan rows + GAP.
      ...(P ? P.productPatch(fm) : { vscSale: cwNum(fm.warranties), gapSale: cwNum(fm.gapIns) }),
      otherSale: cwNum(fm.other),
      totalDue: t.totalDue, received: t.received, cashDown: t.received, balanceDue: t.balanceDue,
      proposedDown: t.legacy ? 0 : t.proposedDown, ...(t.legacy ? { legacyCashDown: t.legacyCashDown } : {}),
      dealType: "Cash", amtFinanced: 0, lender: "", apr: 0, term: 0, payment: 0, lienholder: null,
    };
  };

  const noDealMsg = "No deal loaded. Deals start in the CRM → Desk It → Push to Cash Deal.";

  // F5 — recompute sales tax from (price − trade) × rate.
  const recalcTax = () => {
    const fm = window.loadJbForm(CW_FORM);
    const rate = cwTaxRate();
    const taxable = Math.max(0, cwNum(fm.cashPrice) - cwNum(fm.tradeValue));
    const tax = +(taxable * rate / 100).toFixed(2);
    window.saveJbForm(CW_FORM, { ...fm, salesTax: cwFmt(tax), taxRate: String(rate) });
    setFormKey(k => k + 1);
    window.k2bToast && window.k2bToast(`Sales tax recalculated — $${cwFmt(tax)} on $${cwFmt(taxable)} taxable @ ${rate.toFixed(3)}%.`, "ok", 4200);
  };

  // T-03: Save / Post / Print work from the screen AS IT IS NOW (the totals are live). A rate-based sales tax follows a
  // price / trade change the way F5 would; an explicit $0.00 (tax-exempt) or a hand-typed tax is kept. Returns the new tax or null.
  const refigureTax = () => {
    const plan = cwTaxPlan(window.loadJbForm(CW_FORM), deal);   // the same figure the live totals already show
    if (!plan) return null;
    window.saveJbForm(CW_FORM, { salesTax: cwFmt(plan.tax), taxRate: String(plan.rate) });
    return plan.tax;
  };

  // K2B-003 (RC18): Record Payment — the ONLY way money received gets on the deal (DMS.recordDealReceipt).
  const cwToday = () => { const n = new Date(), pad = (x) => String(x).padStart(2, "0"); return n.getFullYear() + "-" + pad(n.getMonth() + 1) + "-" + pad(n.getDate()); };
  const [rcpt, setRcpt] = React.useState(null);   // { id, date, amount, method, ref, err }
  const rcptBusy = React.useRef(false);
  const openRecord = () => {
    if (!deal) { window.k2bToast && window.k2bToast(noDealMsg, "warn", 4200); return; }
    if (deal.postedToGL) { window.k2bToast && window.k2bToast(`${deal.id} is posted — its money is on the books.`, "warn", 4200); return; }
    if (D.can && !D.can("glEdit")) { window.k2bToast && window.k2bToast("Recording a customer payment is done by the office (Admin / F&I, Office Manager or Accounting).", "warn", 5200); return; }
    // (round 2, T8b) A payment is checked against the SAVED deal. When the screen's total differs from it (a price typed and
    // not saved yet), the screen is saved first — the same way Post and Print work from the screen as it is now — so the
    // balance shown in the box and the balance the payment is checked against are always the same figure.
    const scr = cwMoney(window.loadJbForm(CW_FORM), deal), sv = D.cashDealFigures ? D.cashDealFigures(deal) : null;
    if (sv && Math.abs(scr.totalDue - sv.totalDue) > 0.005) {
      const s = saveScreen();
      if (!s.ok) { window.k2bToast && window.k2bToast(s.msg + " Record the payment after that.", "warn", 6500); return; }
      window.k2bToast && window.k2bToast(`${deal.id} saved first${s.tax != null ? ` (sales tax re-figured to $${cwFmt(s.tax)})` : ""} — total due $${cwFmt(s.M.totalDue)}, balance due $${cwFmt(s.M.balanceDue)}. The payment is checked against these figures.`, "ok", 5200);
    }
    rcptBusy.current = false;
    setRcpt({ id: "RCPT-" + deal.id.slice(-5) + "-" + Date.now().toString(36), date: cwToday(), amount: "", method: (D.RECEIPT_METHODS || ["Cash"])[0], ref: "", err: "" });
  };
  // RC21 (deals): the payment is recorded by the SERVER (POST /api/deals/receipt) — the box stays open (and the button busy) until it answers.
  const saveReceipt = async () => {
    if (!rcpt || !deal || rcptBusy.current) return;
    rcptBusy.current = true;
    setRcpt(x => x ? { ...x, busy: true, err: "" } : x);
    const r = await D.recordDealReceipt(deal.id, { id: rcpt.id, date: rcpt.date, amount: rcpt.amount, method: rcpt.method, ref: rcpt.ref });
    if (r && r.ok) {
      if (r.rev != null) window.saveJbForm(CW_FORM, { _srcDealId: deal.id, _srcRev: r.rev });   // keep the screen's edits (B-04)
      setRcpt(null);
      window.k2bToast && window.k2bToast(r.msg, "ok", 4600);
    } else { rcptBusy.current = false; setRcpt(x => x ? { ...x, busy: false, err: (r && r.msg) || "Not recorded." } : x); }
  };
  // A payment recorded by mistake is VOIDED (kept on the deal with the reason), never deleted.
  const voidReceipt = async (rc) => {
    if (!deal || !D.voidDealReceipt) return;
    const why = window.prompt(`Void the $${cwFmt(rc.amount)} ${rc.method} payment of ${rc.date}? It stays on the deal, marked void.\n\nWhy is it being voided?`, "");
    if (why == null) return;
    const r = await D.voidDealReceipt(deal.id, rc.id, why);
    if (r && r.ok && r.rev != null) window.saveJbForm(CW_FORM, { _srcDealId: deal.id, _srcRev: r.rev });
    window.k2bToast && window.k2bToast((r && r.msg) || "Not voided.", r && r.ok ? "ok" : "warn", 4600);
  };

  // Product picker (shared with the Finance Deal — window.FwProductPicker / fwPlans)
  const [picker, setPicker] = React.useState(null);   // { slot?, category?, current? }
  const openPicker = (opts) => { if (!cwPlans()) { window.k2bToast && window.k2bToast("Product catalog helpers not loaded (FinanceWorksheet).", "warn"); return; } setPicker(opts || {}); };
  const onPickProduct = (p) => {
    const r = cwPlans().place(CW_FORM, p, picker && picker.slot);
    setPicker(null);
    if (!r.ok) { window.k2bToast && window.k2bToast(r.msg, "warn", 3600); return; }
    setFormKey(k => k + 1);
    window.k2bToast && window.k2bToast(`${p.code || p.id} — ${p.name} ${r.slot === "gap" ? "set as GAP" : "added as plan " + r.slot} · $${cwFmt(p.retail)}.`, "ok", 3600);
  };
  const removePlan = (n) => { cwPlans().remove(CW_FORM, n); setFormKey(k => k + 1); };
  const removeGap = () => { cwPlans().removeGap(CW_FORM); setFormKey(k => k + 1); };
  const onPlanPriceChange = () => { if (cwPlans()) cwPlans().sync(CW_FORM); tick(); };
  // `warranties` is COMPUTED from the plan rows — keep it in step on every (re)mount.
  React.useEffect(() => {
    const P = cwPlans(); if (!P) return;
    const fm = window.loadJbForm(CW_FORM);
    if (cwFmt(P.total(fm)) !== String(fm.warranties || "")) P.sync(CW_FORM);
  }, [formKey]);

  // F10 — patch the linked deal + re-stamp the revision (B-04). saveScreen() is the one save (F10 and Record Payment).
  const saveScreen = () => {
    if (cwPlans()) cwPlans().sync(CW_FORM);
    if (!deal || !D || !D.updateDeal) return { ok: false, msg: noDealMsg, level: deal ? "warn" : "info", ms: 4200 };
    // An already POSTED deal is never changed from here (RC18) — corrections go through Deal Backend / Accounting.
    if (deal.postedToGL) return { ok: false, msg: `${deal.id} is posted — a posted deal is not changed here (corrections go through Deal Backend / Accounting). Nothing was saved.`, ms: 5200 };
    const tax = refigureTax();
    if (tax != null) setFormKey(k => k + 1);
    const fm = window.loadJbForm(CW_FORM);
    const M = cwMoney(fm, deal), bad = cwBadMsg(M);
    if (bad) return { ok: false, msg: bad, ms: 6500 };
    const r = D.updateDeal(deal.id, dealPatchFromForm(fm));
    if (!(r && r.ok)) return { ok: false, msg: (r && r.msg) || "Save failed." };
    window.saveJbForm(CW_FORM, { _srcDealId: deal.id, _srcRev: r.rev });
    return { ok: true, tax, M, rev: r.rev, other: cwNum(fm.other) };
  };
  const saveNow = () => {
    const s = saveScreen();
    if (!s.ok) { window.k2bToast && window.k2bToast(s.msg, s.level || "warn", s.ms || 4200); return; }
    const M = s.M;
    window.k2bToast && window.k2bToast(`${deal.id} saved${s.tax != null ? ` — sales tax re-figured to $${cwFmt(s.tax)} for the new price` : ""} — total due $${cwFmt(M.totalDue)}, received $${cwFmt(M.received)}, balance due $${cwFmt(M.balanceDue)}${D.isOnline && D.isOnline() ? " (deal and server)" : ""}.`
      + (s.other > 0.005 ? ` Note: the "Other" charge ($${cwFmt(s.other)}) has no account in the GL Posting Map — the deal cannot be posted with it.` : ""), "ok", s.other > 0.005 ? 7000 : 4200);
  };

  // Post to Accounting — ONE shared gate (window.jbPostDeal), never DMS.postDeal.
  const postToAccounting = async () => {
    if (!D || !window.jbPostDeal) { window.k2bToast && window.k2bToast("Ledger offline.", "warn"); return; }
    if (!deal) { window.k2bToast && window.k2bToast(noDealMsg, "warn", 4200); return; }
    if (deal.postedToGL) { window.k2bToast && window.k2bToast(`${deal.id} is already posted.`, "warn", 4200); return; }
    if (cwPlans()) cwPlans().sync(CW_FORM);
    const tax = refigureTax();
    if (tax != null) setFormKey(k => k + 1);
    const fm = window.loadJbForm(CW_FORM);
    const bad = cwBadMsg(cwMoney(fm, deal), "Nothing was posted");
    if (bad) { window.k2bToast && window.k2bToast(bad, "warn", 6500); return; }
    const u = D.updateDeal(deal.id, dealPatchFromForm(fm));
    if (u && u.ok) window.saveJbForm(CW_FORM, { _srcDealId: deal.id, _srcRev: u.rev });
    // ONE gate: a balance still due is a hard block ("Record the customer's payment before posting this cash deal …").
    const r = await window.jbPostDeal(deal.id);   // RC21: the server posts (or refuses with the reason — nothing changed)
    if (r && r.ok) {
      const posted = (D.deals() || []).find(d => d.id === deal.id);
      window.saveJbForm(CW_FORM, { _srcDealId: deal.id, _srcRev: posted ? (+posted.rev || 0) : (u && u.rev) });
      // Straight to the print packet — the Report Selection dialog opens
      // pre-checked from the forms-sequencing rules for a cash deal.
      setTimeout(() => {
        const p = (D.deals() || []).find(d => d.id === deal.id) || deal;
        window.k2bPrintSelectDeal && window.k2bPrintSelectDeal({ dealType: "Cash", newUsed: p.type || "", bank: "", state: "" });
      }, 700);
    }
  };

  const printBill = () => {
    if (deal && !deal.postedToGL && refigureTax() != null) setFormKey(k => k + 1);   // T-03: print the screen as it is now
    const fm = window.loadJbForm(CW_FORM);
    const t = cwMoney(fm, deal);
    const bad = cwBadMsg(t, "Nothing was printed");
    if (bad) { window.k2bToast && window.k2bToast(bad, "warn", 6500); return; }
    const row = (lab, v) => `<tr><td class="lab">${lab}</td><td class="val">$${cwFmt(v)}</td></tr>`;
    const html = `${window.dealerHeadHtml ? window.dealerHeadHtml() : ""}
      <div class="doc-title">CASH BILL SUMMARY</div>
      <div class="doc-sub">${new Date().toLocaleDateString()}${deal ? " · " + deal.id + " · " + deal.buyer + " · " + (deal.vehicle || "") + (deal.stock ? " · Stk " + deal.stock : "") : ""}</div>
      <h3 class="sect">Purchase</h3>
      <table class="totals">
        ${row("Cash Price", t.price)}
        ${row("Sales Tax", t.tax)}
        ${row("Doc Fee", t.doc)}
        ${row("License / Title", t.lic)}
        ${(() => { const P = cwPlans(); if (!P) return cwNum(fm.warranties) ? row("Service Contract", cwNum(fm.warranties)) : "";
            let out = ""; for (let n = 1; n <= P.MAX; n++) if (!P.slotEmpty(fm, n)) out += row(`${String(fm[`plan${n}Code`] || "").replace(/[<>&]/g, "")} — ${String(fm[`plan${n}Name`] || "").replace(/[<>&]/g, "")}`, cwNum(fm[`plan${n}Price`])); return out; })()}
        ${cwNum(fm.gapIns) ? row("GAP" + (fm.gapCode ? " — " + String(fm.gapCode).replace(/[<>&]/g, "") : ""), cwNum(fm.gapIns)) : ""}
        ${cwNum(fm.other) ? row("Other", cwNum(fm.other)) : ""}
        ${t.tradePayoff ? row("Trade Payoff" + (fm.tradeLender ? " → " + String(fm.tradeLender).replace(/[<>&]/g, "") : ""), t.tradePayoff) : ""}
        ${t.negEquity > 0 ? `<tr><td class="lab" style="color:#B00020">&nbsp;&nbsp;&nbsp;Negative equity (payoff over allowance)</td><td class="val" style="color:#B00020">$${cwFmt(t.negEquity)}</td></tr>` : ""}
        ${t.tradeValue ? row("Less: Trade-In Value" + (fm.tradeDesc ? " — " + String(fm.tradeDesc).replace(/[<>&]/g, "") : ""), -t.tradeValue) : ""}
        ${t.rebates ? row("Less: Rebates", -t.rebates) : ""}
        <tr class="total"><td class="lab">TOTAL DUE</td><td class="val">$${cwFmt(t.totalDue)}</td></tr>
        ${t.dpa > 0 ? `<tr><td class="lab">Less: Down payment assistance (from the dealer)</td><td class="val">−$${cwFmt(t.dpa)}</td></tr><tr class="total"><td class="lab">DUE FROM CUSTOMER</td><td class="val">$${cwFmt(t.totalDue - t.dpa)}</td></tr>` : ""}
      </table>
      <h3 class="sect">Payments received</h3>
      <table class="totals">
        ${t.legacy ? `<tr><td class="lab">Received: not recorded (saved before RC18)</td><td class="val">—</td></tr>` : ""}
        ${t.postedLegacy ? row("Received (booked when posted, before RC18)", t.received) : ""}
        ${t.receipts.map(r => row(`Received ${cwEsc(r.date)} — ${cwEsc(r.method)}${r.ref ? " #" + cwEsc(r.ref) : ""}`, r.amount)).join("")}
        ${!t.legacy && !t.postedLegacy && !t.receipts.length ? `<tr><td class="lab">No payment recorded yet</td><td class="val">—</td></tr>` : ""}
        <tr class="total"><td class="lab">RECEIVED</td><td class="val">$${cwFmt(t.received)}</td></tr>
        <tr class="total"><td class="lab">BALANCE DUE</td><td class="val">$${cwFmt(t.balanceDue)}</td></tr>
        ${t.proposedDown > 0 && !t.receipts.length && !t.postedLegacy && !t.legacy ? `<tr><td class="lab">Desk down payment — proposed, not received</td><td class="val">($${cwFmt(t.proposedDown)})</td></tr>` : ""}
      </table>
      <div class="sig-row">
        <div class="sig-box">Customer Signature &middot; Date</div>
        <div class="sig-box">Dealer Representative</div>
      </div>`;
    window.k2bPrint ? window.k2bPrint(html, { title: "Cash Bill Summary" }) : (window.k2bToast && window.k2bToast("Print engine not loaded.", "warn"));
  };

  const live = () => tick();   // any field edit → recompute the readouts
  // the Record Payment box shows the balance of the SAVED deal — the figure recordDealReceipt checks the amount against
  const rcDue = deal && D && D.cashDealFigures ? Math.max(0, D.cashDealFigures(deal).balanceDue) : T.balanceDue;
  const posted = !!(deal && deal.postedToGL);
  const funded = !!(deal && stageOf(deal) === "Funded");

  return (
  <div className="k2b-window" style={{ width: "100%", maxWidth: 1180, minHeight: 490, height: "auto", maxHeight: "calc(100vh - 24px)", margin: "8px auto" }}>
    <K2BTitlebar title={`Cash Deal${deal ? ` — ${deal.id} · ${deal.buyer}` : ""}`} onClose={onClose} />

    {/* Purpose banner */}
    <div style={{ display: "flex", alignItems: "center", gap: 10, padding: "6px 12px", background: "#E6F7EC", borderBottom: "1px solid #808080", fontFamily: "var(--jb-font, sans-serif)" }}>
      <span style={{ background: "#0E7A37", color: "#fff", fontWeight: 700, fontSize: 10.5, letterSpacing: 0.4, padding: "2px 8px", borderRadius: 4 }}>CASH DEAL</span>
      <span style={{ fontSize: 12.5, color: "#1F3D2A" }}><b>Finalize &amp; post.</b> Confirm price, tax &amp; fees, add any products, <b>Record Payment</b> for each payment the customer actually makes, then <b>Post to Accounting</b> books the deal once nothing is left to pay. <span style={{ color: "#4F7A5E" }}>Dimmed figures carried from the Sales Desk — edit only to override.</span></span>
    </div>

    {/* ONE PATH banner when no deal is loaded */}
    {!deal && (
      <div style={{ display: "flex", alignItems: "center", gap: 10, padding: "6px 12px", background: "var(--jb-amber-tint, #FBF3E0)", borderBottom: "1px solid var(--jb-amber, #D9920A)", fontSize: 12.5, color: "#7A4E00", fontFamily: "var(--jb-font, sans-serif)" }}>
        <span style={{ fontWeight: 700 }}>No deal open.</span>
        <span>Deals start in the CRM — pick the lead → <b>Desk It</b> → <b>Push to Cash Deal</b>.</span>
        <div style={{ flex: 1 }} />
        <K2BButton small onClick={() => go && go("crm")}>Open CRM ▸</K2BButton>
        <K2BButton small onClick={() => go && go("desking")}>Desking ▸</K2BButton>
      </div>
    )}

    {/* Linked-deal strip */}
    <div style={{ background: "var(--k2b-navy)", color: "#FFFFFF", padding: "2px 10px",
                  fontFamily: "'Courier Prime', monospace", fontSize: 12,
                  display: "flex", gap: 14, alignItems: "center" }}>
      {deal ? (
        <>
          <span style={{ color: "var(--k2b-yellow)", fontWeight: 700 }}>{deal.id}</span>
          <span>{deal.buyer}</span>
          <span>{deal.vehicle}{deal.stock ? ` · Stk ${deal.stock}` : ""}</span>
          <span style={{ marginLeft: "auto", color: posted ? "#7CFC8A" : "var(--k2b-yellow)", fontWeight: 700 }}>
            {funded ? "✓ FUNDED — DONE" : posted ? "✓ POSTED TO ACCOUNTING" : stageOf(deal).toUpperCase()}
          </span>
        </>
      ) : (
        <span style={{ color: "var(--k2b-yellow)" }}>{noDealMsg}</span>
      )}
    </div>

    {/* Body = [scrolling form | fixed F-key column] — the button column is
        outside the scroll area so no field can slide under it; the two form
        columns wrap on narrow windows (1366 @125 %, pop-outs). */}
    <div className="cw-body" style={{ display: "flex", flex: 1, minHeight: 0, minWidth: 0, overflow: "hidden" }}>
    <div key={formKey} className="fipro-form" style={{ display: "flex", flexWrap: "wrap", alignContent: "flex-start", alignItems: "flex-start", flex: "1 1 auto", minWidth: 0, minHeight: 0, overflow: "auto" }}>

      {/* LEFT — pricing */}
      <div style={{ padding: "4px 8px", flex: "1 1 460px", minWidth: 0 }}>
        <div className="fipro-row" style={cwCarried}>
          <span className="fipro-label">{"Cash Price.....: "}</span>
          <CNF field="cashPrice" sel onValueChange={live} />
          <span style={cwDeskTag}>desk</span>
        </div>
        <div className="fipro-row" style={cwCarried}>
          <span className="fipro-label">{"Trade in Value.: "}</span>
          <CNF field="tradeValue" onValueChange={live} />
          <span style={cwDeskTag}>desk</span>
          <span style={{ marginLeft: 10, opacity: 1 }}><JBField formId={CW_FORM} field="tradeDesc" type="text" width={230} uppercase placeholder="Trade year / make / model" /></span>
        </div>
        <div className="fipro-row" style={cwCarried}>
          <span className="fipro-label">{"Trade In Payoff: "}</span>
          <CNF field="tradePayoff" onValueChange={live} />
          <span style={cwDeskTag}>desk</span>
          <span className="fipro-label" style={{ marginLeft: 10 }}>{"to "}</span>
          <JBField formId={CW_FORM} field="tradeLender" type="text" width={196} uppercase placeholder="Payoff lender" />
        </div>
        {/* (round 2) the trade's ACV — what it goes into used inventory at. Posting a cash deal needs it; allowance above ACV is
            an over-allowance that reduces the sale (never cash). Shown once there is a trade. */}
        {(cwNum(f.tradeValue) > 0.005 || cwNum(f.tradeAcv) > 0.005) && (() => {
          const tv = cwNum(f.tradeValue), acv = cwNum(f.tradeAcv), missing = tv > 0.005 && !(acv > 0.005), over = Math.round((tv - acv) * 100) / 100;
          return (
            <div className="fipro-row" data-cw="acvrow" title="Actual cash value — what the trade-in goes into used inventory at. An allowance above the ACV is an over-allowance: it reduces the sale.">
              <span className="fipro-label" style={{ color: missing ? "var(--jb-red, #B00020)" : undefined, fontWeight: missing ? 700 : 400 }}>{"Trade ACV......: "}</span>
              <CNF field="tradeAcv" onValueChange={live} />
              <span data-cw="acvnote" style={{ marginLeft: 8, fontSize: 11, color: missing ? "var(--jb-red, #B00020)" : "#666", fontWeight: missing ? 700 : 400 }}>
                {missing ? "enter the trade's ACV — needed to post" : over > 0.005 ? `over-allowance ${cwFmt(over)} (reduces the sale)` : over < -0.005 ? `under-allowance ${cwFmt(-over)} (adds to the sale)` : "allowance = ACV"}
              </span>
            </div>
          );
        })()}
        <div className="fipro-row" title="Trade payoff over the allowance — added to what the customer owes">
          <span className="fipro-label" style={{ color: T.negEquity > 0 ? "var(--jb-red, #B00020)" : undefined, fontWeight: T.negEquity > 0 ? 700 : 400 }}>{"Neg. Equity....: "}</span>
          <span className="fipro-readout" style={{ minWidth: 110, width: 110, textAlign: "right", display: "inline-block", fontWeight: 700, color: T.negEquity > 0 ? "var(--jb-red, #B00020)" : "var(--jb-text-muted, #888)", background: T.negEquity > 0 ? "#FDECEC" : "transparent", border: "1px solid " + (T.negEquity > 0 ? "var(--jb-red, #B00020)" : "transparent"), borderRadius: 4, padding: "0 8px", boxSizing: "border-box" }}>{cwFmt(T.negEquity)}</span>
          {T.negEquity > 0 && <span style={{ marginLeft: 8, fontSize: 11, color: "var(--jb-red, #B00020)" }}>owed on top of the price (in Total Due)</span>}
        </div>
        <div className="fipro-row" style={cwCarried}>
          <span className="fipro-label">{"Rebates........: "}</span>
          <CNF field="rebates" onValueChange={live} />
          <span style={cwDeskTag}>desk</span>
        </div>
        <div className="fipro-row">
          <span className="fipro-label">{"Sales Tax......: "}</span>
          <CNF field="salesTax" onValueChange={live} />
          {T.taxPlan && Math.abs(T.taxPlan.tax - cwNum(f.salesTax)) > 0.005
            ? <span data-cw="taxplan" title="The sales tax for the new price (price − trade × rate, as F5). It is already in Total Due / Balance Due and is written by Save, Print and Post." style={{ marginLeft: 8, fontSize: 11, color: "var(--jb-navy, #11337A)", fontWeight: 700 }}>{`→ ${cwFmt(T.taxPlan.tax)} for the new price`}</span>
            : <span style={{ marginLeft: 8, fontSize: 11, color: "#666" }}>{f.taxRate ? `@ ${(+f.taxRate).toFixed(3)}%` : `F5 recalcs @ ${cwTaxRate().toFixed(3)}%`}</span>}
        </div>
        <div className="fipro-row">
          <span className="fipro-label">{"Doc Fee........: "}</span>
          <CNF field="docFee" onValueChange={live} />
        </div>
        <div className="fipro-row">
          <span className="fipro-label">{"License/Title..: "}</span>
          <CNF field="license" onValueChange={live} />
        </div>
        <div className="fipro-row" title="Computed: the total of the protection-product plan rows below (field `warranties` — the GL reads it as vscSale)">
          <span className="fipro-label">{"Service Plans..: "}</span>
          <span className="fipro-readout" style={{ minWidth: 110, width: 110, textAlign: "right", display: "inline-block", fontWeight: 700, background: "var(--jb-surface-2, #F1F3F6)", border: "1px solid var(--jb-border, #D5D9DF)", borderRadius: 4, padding: "0 8px", boxSizing: "border-box" }}>{cwFmt(T.warranties)}</span>
          <span style={{ marginLeft: 8, fontSize: 11, color: "#666" }}>= {cwPlans() ? cwPlans().count(f) : 0} plan(s) below</span>
        </div>
        <div className="fipro-row" style={cwCarried}>
          <span className="fipro-label">{"GAP............: "}</span>
          <CNF field="gapIns" onValueChange={live} />
          <span style={cwDeskTag}>desk</span>
          {f.gapCode ? <span style={{ marginLeft: 8, fontFamily: "'Courier Prime', monospace", fontSize: 12, fontWeight: 700, color: "var(--jb-navy, #11337A)", opacity: 1 }}>{f.gapCode}{f.gapName ? " — " + f.gapName : ""}</span> : null}
        </div>
        <div className="fipro-row">
          <span className="fipro-label">{"Other..........: "}</span>
          <CNF field="other" onValueChange={live} />
          <span style={{ marginLeft: 6 }}><CTF field="otherDesc" width={150} uppercase={false} /></span>
        </div>
        <div className="fipro-row" style={{ marginTop: 8 }}>
          <span className="fipro-label" style={{ fontWeight: 700 }}>{"TOTAL DUE......: "}</span>
          <span className="fipro-readout" data-cw="totaldue" style={{ minWidth: 110, textAlign: "right", fontWeight: 700, display: "inline-block" }}>{cwFmt(T.totalDue)}</span>
        </div>
        {T.dpa > 0 && <div className="fipro-row" data-cw="dpa" title="The dealer's money toward the customer's payment (desk › Profit panel) — the customer pays this much less">
          <span className="fipro-label">{"Down pmt assist: "}</span>
          <span className="fipro-readout" style={{ minWidth: 110, textAlign: "right", fontWeight: 700, display: "inline-block", color: "var(--jb-green, #0E7A37)" }}>−{cwFmt(T.dpa)}</span>
          <span style={{ marginLeft: 8, fontSize: 11.5 }}>due from the customer <b data-cw="custdue">{cwFmt(T.totalDue - T.dpa)}</b></span>
        </div>}
        {/* K2B-003 (RC18): money RECEIVED = the payments recorded with Record Payment — never typed here, never the amount owed. */}
        <div className="fipro-row" title="Payments the office recorded (date, amount, how paid). Saving, printing or posting never adds one.">
          <span className="fipro-label">{"Received.......: "}</span>
          <span className="fipro-readout" data-cw="received" style={{ minWidth: 110, width: 110, textAlign: "right", display: "inline-block", fontWeight: 700, color: T.legacy ? "#8A5A00" : undefined }}>{T.legacy ? "not recorded" : cwFmt(T.received)}</span>
          <button className="k2b-button small" data-cw="record" style={{ marginLeft: 10, fontWeight: 700 }} onClick={openRecord}
                  disabled={!deal || posted || !(T.balanceDue > 0.005)}
                  title={posted ? "Posted — the deal's money is on the books" : !(T.balanceDue > 0.005) ? "Nothing left to pay" : "Record a payment the customer made"}>＋ Record Payment…</button>
        </div>
        {T.legacy && (
          <div data-cw="legacy" style={{ margin: "2px 0 4px", padding: "4px 8px", fontSize: 11.5, lineHeight: 1.4, color: "#7A4E00", background: "var(--jb-amber-tint, #FBF3E0)", border: "1px solid var(--jb-amber, #D9920A)", borderRadius: 4, fontFamily: "var(--jb-font, sans-serif)" }}>
            <b>Received: not recorded (saved before RC18).</b> The old Cash Deal screen counted the whole ${cwFmt(T.legacyCashDown)} as paid. Record what the customer actually paid with <b>Record Payment</b>.
          </div>
        )}
        {T.postedLegacy && (
          <div style={{ fontSize: 11, color: "#666", margin: "0 0 4px" }}>Posted before RC18 — the ${cwFmt(T.received)} received was booked when the deal posted.</div>
        )}
        {T.receipts.length > 0 && (
          <div style={{ margin: "2px 0 4px 0", width: 300, maxWidth: "100%", fontFamily: "'Courier Prime', monospace", fontSize: 11.5 }}>
            {T.receipts.map(r => (
              <div key={r.id} data-cw="receipt" title={`Recorded by ${r.by || "—"} · ${r.id}`} style={{ display: "flex", gap: 8, color: "var(--jb-navy, #11337A)" }}>
                <span style={{ minWidth: 80 }}>{r.date}</span><span style={{ flex: 1, minWidth: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }}>{r.method}{r.ref ? " #" + r.ref : ""}</span><span style={{ fontWeight: 700 }}>{cwFmt(r.amount)}</span>
                {!posted && <button className="k2b-button small" data-cw="rc-void" title="Void this payment (recorded by mistake) — it stays on the deal, marked void" onClick={() => voidReceipt(r)}
                                    style={{ minWidth: 22, padding: "0 5px", lineHeight: "14px", color: "var(--jb-red, #B00020)", fontWeight: 700 }}>✕</button>}
              </div>
            ))}
          </div>
        )}
        {deal && Array.isArray(deal.receipts) && deal.receipts.some(x => x && x.void) && (
          <div style={{ fontSize: 11, color: "#888", margin: "0 0 4px" }}>{deal.receipts.filter(x => x && x.void).length} voided payment(s) kept on the deal for the record.</div>
        )}
        <div className="fipro-row">
          <span className="fipro-label" style={{ fontWeight: 700 }}>{"BALANCE DUE....: "}</span>
          <span className="fipro-readout" data-cw="balance" style={{ minWidth: 110, textAlign: "right", fontWeight: 700, display: "inline-block", color: T.balanceDue > 0.005 ? "var(--jb-red, #B00020)" : "var(--jb-green, #0E7A37)" }}>{cwFmt(T.balanceDue)}</span>
        </div>
        {T.proposedDown > 0 && !T.receipts.length && !T.postedLegacy && !T.legacy && (
          <div style={{ fontSize: 11, color: "#666", margin: "0 0 4px" }}>Desk down payment ${cwFmt(T.proposedDown)} — proposed, <b>not received</b>. Record it with Record Payment when the customer pays.</div>
        )}
      </div>

      {/* MIDDLE — hero readout */}
      <div style={{ padding: "4px 12px", flex: "1 1 330px", minWidth: 0, maxWidth: 520, borderLeft: "1px solid var(--jb-border, #D5D9DF)", boxSizing: "border-box" }}>
        <div className="fipro-row">
          <span className="fipro-label">{"Deal Type..: "}</span>
          <span className="fipro-readout" style={{ marginLeft: 4, minWidth: 120, display: "inline-block", fontWeight: 700 }}>CASH</span>
        </div>
        <div className="fipro-row">
          <span className="fipro-label">{"Lien Holder: "}</span>
          <span className="fipro-readout" style={{ marginLeft: 4, display: "inline-block", color: "#666" }}>NONE — cash deal</span>
        </div>
        <div style={{ marginTop: 18, textAlign: "center" }}>
          <div style={{ color: "var(--k2b-navy)", fontFamily: "'Courier Prime', monospace", marginBottom: 6 }}>Balance Due at Delivery</div>
          <span className="fipro-big" style={{ display: "inline-block", minWidth: 170, padding: "6px 10px", background: "var(--jb-yellow, #FFE9B0)", color: "var(--jb-navy, #11337A)", font: "700 30px 'Courier Prime', monospace" }}>{cwFmt(T.balanceDue)}</span>
          <div style={{ color: "var(--k2b-navy)", fontFamily: "'Courier Prime', monospace", marginTop: 6, fontSize: 12 }}>
            Total due {cwFmt(T.totalDue)}{T.dpa > 0 ? <> &minus; assistance {cwFmt(T.dpa)}</> : null} &minus; received {T.legacy ? "(not recorded)" : cwFmt(T.received)}
          </div>
        </div>
        <div className="fipro-divider-h" />
        <div style={{ fontFamily: "'Courier Prime', monospace", fontSize: 11.5, color: "var(--k2b-navy)", lineHeight: 1.6 }}>
          <div>Price + tax + doc + license + products</div>
          <div>+ trade payoff − trade value − rebates</div>
          <div>= <b>Total Due</b>; less payments recorded = <b>Balance Due</b>.</div>
        </div>
      </div>

      {/* PROTECTION PRODUCTS — plan rows + GAP, same block as the Finance Deal */}
      {window.FwPlanTable && (
        <window.FwPlanTable formId={CW_FORM} live={f} tick={tick} openPicker={openPicker} removePlan={removePlan} removeGap={removeGap}
                            totalLabel="Total Due" onPriceChange={onPlanPriceChange} accent="#0E7A37" />
      )}
    </div>

      {/* RIGHT — action buttons (own column; scrolls on short screens) */}
      <div className="cw-fkeys" style={{ flex: "0 0 auto", width: 170, boxSizing: "border-box", padding: "6px 6px", display: "flex", flexDirection: "column", gap: 2,
                                         overflowY: "auto", overflowX: "hidden", borderLeft: "1px solid var(--jb-border, #D5D9DF)", background: "var(--jb-surface, #FFF)" }}>
        <K2BButton style={{ minWidth: 150 }} onClick={onClose}>ESC-Close</K2BButton>
        <K2BButton style={{ minWidth: 150 }} onClick={() => alert(CW_HELP)}>F1-Help</K2BButton>
        <K2BButton style={{ minWidth: 150 }} onClick={() => setShowLookup(true)}>F2-Lookup</K2BButton>
        <K2BButton style={{ minWidth: 150 }} onClick={recalcTax} title="Sales tax = (price − trade value) × desk tax rate">F5-Recalc Tax</K2BButton>
        <K2BButton style={{ minWidth: 150, background: "var(--jb-blue-tint, #E0EBFA)", fontWeight: 700 }} onClick={printBill}>🖨 F6-Print</K2BButton>
        <K2BButton style={{ minWidth: 150 }} onClick={() => go && go("forms")}>F7-Forms</K2BButton>
        <K2BButton style={{ minWidth: 150, background: "var(--k2b-yellow, #FFD24A)", fontWeight: 700 }}
                   onClick={postToAccounting} disabled={posted}
                   title="Writes these figures to the deal and posts it to accounting — only once the payments recorded cover the Total Due">
          {posted ? "✓ Posted" : "Post to Accounting"}
        </K2BButton>
        <K2BButton style={{ minWidth: 150 }} onClick={saveNow}
                   title="Writes the cash figures to the linked deal (and the server when online)">F10-Save</K2BButton>
        {posted && !funded && window.jbFundDeal && (
          <K2BButton style={{ minWidth: 150, background: "var(--jb-green-tint, #E6F7EC)", color: "var(--jb-green, #0E7A37)", fontWeight: 700 }}
                     onClick={() => window.jbFundDeal(deal.id)} title="Cash deal — closes it out (no journal entry)">✓ Mark Funded</K2BButton>
        )}
        {funded && <div style={{ textAlign: "center", fontWeight: 700, color: "var(--jb-green, #0E7A37)", padding: 6 }}>DONE ✓</div>}
      </div>
    </div>

    {rcpt && deal && (
      <K2BModal title={`Record Payment — ${deal.id} · ${deal.buyer}`} width={460} onClose={() => setRcpt(null)}
                buttons={<><button className="k2b-button" data-cw="rc-save" style={{ fontWeight: 700 }} disabled={!!rcpt.busy} onClick={saveReceipt}>{rcpt.busy ? "Recording…" : "Record Payment"}</button>
                           <button className="k2b-button" data-cw="rc-cancel" onClick={() => setRcpt(null)}>Cancel</button></>}>
        <div style={{ display: "grid", gridTemplateColumns: "120px 1fr", gap: "8px 10px", alignItems: "center", fontSize: 13 }}>
          <span>Balance due</span><b data-cw="rc-due">${cwFmt(rcDue)}</b>
          <label htmlFor="cw-rc-date">Date received</label>
          <input id="cw-rc-date" type="date" data-cw="rc-date" value={rcpt.date} onChange={(e) => setRcpt({ ...rcpt, date: e.target.value, err: "" })} style={{ fontSize: 13, padding: "4px 6px" }} />
          <label htmlFor="cw-rc-amt">Amount</label>
          <input id="cw-rc-amt" data-cw="rc-amount" inputMode="decimal" autoFocus placeholder={cwFmt(rcDue)} value={rcpt.amount}
                 onChange={(e) => setRcpt({ ...rcpt, amount: e.target.value, err: "" })} onKeyDown={(e) => { if (e.key === "Enter") saveReceipt(); }}
                 style={{ fontSize: 13, padding: "4px 6px", textAlign: "right", fontFamily: "'Courier Prime', monospace" }} />
          <label htmlFor="cw-rc-method">How paid</label>
          <select id="cw-rc-method" data-cw="rc-method" value={rcpt.method} onChange={(e) => setRcpt({ ...rcpt, method: e.target.value, err: "" })} style={{ fontSize: 13, padding: "4px 6px" }}>
            {(D.RECEIPT_METHODS || ["Cash"]).map(m => <option key={m} value={m}>{m}</option>)}
          </select>
          <label htmlFor="cw-rc-ref">Check # / reference</label>
          <input id="cw-rc-ref" data-cw="rc-ref" value={rcpt.ref} onChange={(e) => setRcpt({ ...rcpt, ref: e.target.value, err: "" })} style={{ fontSize: 13, padding: "4px 6px" }} />
        </div>
        {rcpt.err && <div data-cw="rc-err" style={{ marginTop: 10, color: "var(--jb-red, #B00020)", fontWeight: 700, fontSize: 12.5 }}>{rcpt.err}</div>}
        <div style={{ marginTop: 10, fontSize: 11.5, color: "#666", lineHeight: 1.4 }}>Record money the customer has actually paid. Each payment is recorded once, on the server, with your name; it reaches the books when the deal is posted.</div>
      </K2BModal>
    )}

    {picker && window.FwProductPicker && (
      <window.FwProductPicker onPick={onPickProduct} onClose={() => setPicker(null)} focusCategory={picker.category} current={picker.current}
                              title={picker.slot ? `Plan ${picker.slot} — pick a product (replaces the row)` : "Protection Products — pick from the F&I catalog"} />
    )}

    {/* Deal lookup modal — open deals on the CASH leg (or still Desked) */}
    {showLookup && (() => {
      const list = deals.filter(d => !d.postedToGL && d.status !== "Dead" && ["Cash", "Desked"].includes(stageOf(d)));
      return (
        <K2BModal title="Lookup Deal — load into Cash Deal" width={680} onClose={() => setShowLookup(false)}
                  buttons={<><K2BButton onClick={() => { setShowLookup(false); go && go("crm"); }}>Start in CRM ▸</K2BButton><K2BButton onClick={() => setShowLookup(false)}>ESC-Cancel</K2BButton></>}>
          {list.length === 0 ? (
            <div style={{ fontSize: 13, color: "#666", lineHeight: 1.6 }}>
              No open cash deals. Deals start in the CRM → Desk It → Push to Cash Deal.
            </div>
          ) : (
            <table style={{ width: "100%", borderCollapse: "collapse", fontFamily: "'Courier Prime', monospace", fontSize: 12 }}>
              <thead>
                <tr style={{ background: "#C0C0C0", color: "var(--k2b-maroon)" }}>
                  <th style={{ padding: "2px 6px", textAlign: "left" }}>Deal</th>
                  <th style={{ padding: "2px 6px", textAlign: "left" }}>Buyer</th>
                  <th style={{ padding: "2px 6px", textAlign: "left" }}>Vehicle</th>
                  <th style={{ padding: "2px 6px", textAlign: "right" }}>Price</th>
                  <th style={{ padding: "2px 6px", textAlign: "left" }}>Stage</th>
                </tr>
              </thead>
              <tbody>
                {list.map((d, i) => (
                  <tr key={d.id} onClick={() => loadDeal(d)} style={{ background: i % 2 ? "#F4F4F4" : "#FFFFFF", cursor: "pointer" }}>
                    <td style={{ padding: "2px 6px", color: "var(--k2b-navy)", fontWeight: 700 }}>{d.id}</td>
                    <td style={{ padding: "2px 6px" }}>{d.buyer}</td>
                    <td style={{ padding: "2px 6px" }}>{d.vehicle}</td>
                    <td style={{ padding: "2px 6px", textAlign: "right" }}>{cwFmt(d.salePrice)}</td>
                    <td style={{ padding: "2px 6px", fontWeight: 700, color: stageOf(d) === "Cash" ? "var(--k2b-green)" : "#B26A00" }}>{stageOf(d)}</td>
                  </tr>
                ))}
              </tbody>
            </table>
          )}
        </K2BModal>
      );
    })()}
  </div>
  );
};

Object.assign(window, { CashWorksheet });