/* 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 — Funding. Tracks every POSTED deal to funded (ONE PATH: Posted →
// Funded = DONE). Financed deals live in Contracts in Transit until the lender
// pays — expected-vs-actual reconcile CODES any short-fund (bank fee, contract
// error, product cancellation, holdback, write-off) before CIT can clear
// (DMS.fundDealAmount). CASH deals were paid at delivery: no CIT, no JE —
// "Fund" simply closes them out through window.jbFundDeal.

const fwMoney = (n) => "$" + (Number(n) || 0).toLocaleString("en-US", { minimumFractionDigits: 0, maximumFractionDigits: 0 });
const fwMoney2 = (n) => (n < 0 ? "-$" : "$") + Math.abs(Number(n) || 0).toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
// "Sent for Funding" is what posting a financed / lease deal sets (DMS.postDeal).
// "Not Submitted" stays only for legacy records.
const FW_STATUSES = ["Sent for Funding", "Not Submitted", "Submitted", "Conditioned", "Missing Stips", "Approved to Fund", "Funded Short", "Funded Full", "Chargeback Risk", "Unwound"];
const FW_STIPS = ["Driver license", "Proof of income", "Proof of residence", "Insurance", "Signed contract", "Title app", "Trade documents", "Payoff authorization", "Bank approval", "Menu signed", "Products remitted"];
const fwDays = (iso) => iso ? Math.floor((Date.now() - new Date(iso)) / 86400000) : 0;
// Legacy posted financed deals with no fundingStatus left the store at posting too.
const fwStatus = (d) => d.fundingStatus || "Sent for Funding";
const fwSentDays = (d) => fwDays(d.sentForFundingAt || d.delivered);
const fwDate = (iso) => iso ? new Date(iso).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" }) : "—";
const fwIsCash = (d) => (+d.amtFinanced || 0) <= 0 || /cash/i.test(String(d.dealType || ""));
const fwIsFunded = (d) => d.status === "Funded" || d.stage === "Funded" || ((window.DMS && window.DMS.dealStage) ? window.DMS.dealStage(d) === "Funded" : false);
const FW_TONE = (d) => {
  if (/funded full/i.test(d.fundingStatus || "") || fwIsFunded(d)) return { bg: "#E6F7EC", fg: "#0E7A37" };
  if (/funded short/i.test(d.fundingStatus || "")) return { bg: "#FBF3E0", fg: "#9A6700" };
  if (/chargeback|unwound|missing/i.test(d.fundingStatus || "")) return { bg: "#FBE9E7", fg: "#B23A2E" };
  if (/sent for funding/i.test(fwStatus(d))) return { bg: "var(--jb-navy, #11337A)", fg: "#FFF" };
  return { bg: "var(--jb-blue-tint,#E5EFFA)", fg: "var(--jb-blue,#1B66A8)" };
};

// RC19 search chips on the posted-deals list (DealSearch.jsx.txt). "Aged" = the same rule as the "Aged > 14 days" tile.
const fwThisMonth = (d) => { const t = Date.parse(d.delivered || d.created || ""); if (!isFinite(t)) return false; const a = new Date(t), n = new Date(); return a.getFullYear() === n.getFullYear() && a.getMonth() === n.getMonth(); };
const FW_SEARCH_CHIPS = [
  { key: "unfunded", group: "fund", label: "Unfunded", test: (d) => !fwIsFunded(d) },
  { key: "funded",   group: "fund", label: "Funded",   test: (d) => fwIsFunded(d) },
  { key: "cash",     group: "pay",  label: "Cash",     test: (d) => fwIsCash(d) },
  { key: "financed", group: "pay",  label: "Financed", test: (d) => !fwIsCash(d) },
  { key: "aged",     group: "aged", label: "Aged > 14 days", title: "Financed, not funded, delivered 14+ days ago (same as the tile above)", test: (d) => !fwIsFunded(d) && !fwIsCash(d) && fwDays(d.delivered) >= 14 },
  { key: "month",    group: "month", label: "This month", title: "Delivered this calendar month", test: fwThisMonth },
];

const FundingWorkflow = ({ onClose, go }) => {
  const D = window.DMS;
  const [, force] = React.useReducer(n => n + 1, 0);
  React.useEffect(() => (D && D.subscribe) ? D.subscribe(force) : undefined, []);
  const act = (r) => Promise.resolve(r).then(x => { window.k2bToast && window.k2bToast(x.msg, x.ok ? "ok" : "warn", 3600); return x; });   // RC33 (mpx): the deal's checks are SERVER commands (promises)
  // Every posted deal (cash AND financed); funded ones sort to the bottom.
  const deals = ((D && D.deals) ? D.deals().filter(d => d.postedToGL && d.status !== "Dead") : [])
    .slice().sort((a, b) => (fwIsFunded(a) ? 1 : 0) - (fwIsFunded(b) ? 1 : 0));
  const pipeline = deals.filter(d => !fwIsFunded(d));
  const [selId, setSelId] = React.useState(null);
  const [modal, setModal] = React.useState(null);
  React.useEffect(() => { if (selId && deals.find(d => d.id === selId)) return; if (pipeline[0]) setSelId(pipeline[0].id); else if (deals[0]) setSelId(deals[0].id); }, [deals.length]);
  const sel = deals.find(d => d.id === selId) || null;
  // RC19: one search box over the list (empty box = the list below exactly as before)
  const ds = dsUseDealSearch({ deals, chips: FW_SEARCH_CHIPS, selectedId: selId, onSelect: setSelId, onOpen: (d) => setSelId(d.id) });

  // "In CIT" = financed deals only; cash deals have nothing in transit.
  const citTotal = pipeline.filter(d => !fwIsCash(d)).reduce((s, d) => s + (+d.amtFinanced || 0), 0);
  const cashCount = pipeline.filter(fwIsCash).length;
  const aged = pipeline.filter(d => !fwIsCash(d) && fwDays(d.delivered) >= 14).length;

  return (
    <div className="k2b-window" style={{ width: "100%", maxWidth: 1300, height: "calc(100vh - 110px)", margin: "0 auto", boxSizing: "border-box", overflow: "hidden",
                                          display: "flex", flexDirection: "column", background: "var(--jb-surface, #F4F4F4)", fontFamily: "var(--jb-font)" }}>
      <K2BTitlebar title="Funding — Posted Deals → Funded" icon="store" onClose={onClose} />

      <div style={{ display: "flex", gap: 12, padding: "10px 16px", borderBottom: "1px solid var(--jb-border)", flexWrap: "wrap", flexShrink: 0 }}>
        {[["In CIT (financed, unfunded)", fwMoney(citTotal), "var(--jb-navy)"], ["Deals in pipeline", pipeline.length, "var(--jb-blue)"],
          ["Cash — awaiting close", cashCount, cashCount ? "var(--jb-green)" : "var(--jb-text-muted)"],
          ["Aged > 14 days", aged, aged ? "var(--k2b-maroon)" : "var(--jb-green)"]].map(([l, v, c], i) => (
          <div key={i} style={{ background: "#FFF", border: "1px solid var(--jb-border)", borderRadius: "var(--jb-r-lg)", padding: "8px 14px", minWidth: 140 }}>
            <div style={{ fontSize: 10.5, letterSpacing: 0.6, textTransform: "uppercase", color: "var(--jb-text-muted)" }}>{l}</div>
            <div style={{ fontFamily: "var(--jb-mono)", fontWeight: 800, fontSize: 19, color: c }}>{v}</div>
          </div>
        ))}
      </div>

      <div style={{ flex: 1, display: "grid", gridTemplateColumns: "340px minmax(0, 1fr)", gridTemplateRows: "minmax(0, 1fr)", minHeight: 0 }}>
        <div data-fw="list" style={{ borderRight: "1px solid var(--jb-border)", overflow: "auto", minHeight: 0, background: "#FFF" }}>
          {deals.length > 0 && <DsSearchBar ds={ds} placeholder="Search name, phone, deal #, stock, VIN, lender…" />}
          {deals.length === 0 && <div style={{ padding: 24, color: "#888", fontSize: 13, textAlign: "center" }}>No posted deals. Post a deal from the Cash Deal or Finance Deal screen to see it here.</div>}
          {ds.list.map(d => {
            const on = d.id === selId; const t = FW_TONE(d); const dd = fwDays(d.delivered);
            const funded = fwIsFunded(d); const cash = fwIsCash(d);
            return (
              <div key={d.id} data-ds-row={d.id} onClick={() => setSelId(d.id)} style={{ padding: "10px 14px", borderBottom: "1px solid var(--jb-border)", cursor: "pointer", background: on ? "var(--jb-blue-tint, #E5EFFA)" : "transparent", borderLeft: on ? "3px solid var(--jb-blue)" : "3px solid transparent", opacity: funded ? 0.7 : 1 }}>
                <div style={{ display: "flex", alignItems: "center", gap: 8 }}>
                  <span style={{ fontFamily: "var(--jb-mono)", fontWeight: 700, color: "var(--jb-navy)" }}>{d.id}</span>
                  {cash && <span style={{ background: "#E6F7EC", color: "#0E7A37", border: "1px solid #BFE3CB", borderRadius: 4, padding: "0 6px", fontSize: 10, fontWeight: 800, letterSpacing: 0.5 }}>CASH</span>}
                  <div style={{ flex: 1 }} />
                  {funded
                    ? <span style={{ background: "var(--jb-green, #16A34A)", color: "#FFF", borderRadius: 999, padding: "2px 9px", fontSize: 10.5, fontWeight: 800 }}>DONE ✓</span>
                    : <span data-fw="chip" style={{ background: t.bg, color: t.fg, borderRadius: 999, padding: "2px 9px", fontSize: 10.5, fontWeight: 800, letterSpacing: 0.3, whiteSpace: "nowrap" }}>{cash ? "Paid at delivery" : `${fwStatus(d).toUpperCase()} · ${fwSentDays(d)}d`}</span>}
                </div>
                <div style={{ fontSize: 12.5, marginTop: 3 }}>{d.buyer}</div>
                <DsWhy ds={ds} d={d} />
                <div style={{ fontSize: 11.5, color: "var(--jb-text-muted)" }}>{cash ? "Cash · " + fwMoney(d.cashDown) : (d.lender || "—") + " · " + fwMoney(d.amtFinanced)}</div>
                {!funded && <div style={{ fontSize: 11, color: !cash && dd >= 14 ? "var(--k2b-maroon)" : "#999", marginTop: 2 }}>{d.delivered ? `delivered ${dd}d ago` : "not delivered"}{!cash && d.sentForFundingAt ? ` · sent ${fwDate(d.sentForFundingAt)}` : ""}{(d.adjustments || []).length ? ` · ${(d.adjustments || []).length} adj.` : ""}</div>}
              </div>
            );
          })}
        </div>

        <div data-fw="detail" style={{ overflow: "auto", minHeight: 0 }}>
          {sel ? <FwDetail deal={sel} act={act} go={go} onFund={() => fwIsCash(sel) ? (window.jbFundDeal ? window.jbFundDeal(sel.id) : act({ ok: false, msg: "Ledger offline." })) : setModal({ type: "fund", deal: sel })} /> : <div style={{ padding: 40, color: "#999", textAlign: "center" }}>Select a deal.</div>}
        </div>
      </div>

      <div style={{ borderTop: "1px solid var(--jb-border)", padding: "8px 16px", display: "flex", gap: 6, flexShrink: 0 }}>
        <K2BButton small onClick={onClose}>ESC-Close</K2BButton>
        <K2BButton small onClick={() => go && go("deal")}>Deal Pipeline</K2BButton>
        <K2BButton small onClick={() => go && go("cashcommand")}>Cash Command</K2BButton>
        <K2BButton small onClick={() => go && go("accounting")}>General Ledger</K2BButton>
      </div>

      {modal && modal.type === "fund" && <FwFundModal deal={modal.deal} act={act} onClose={() => setModal(null)} />}
    </div>
  );
};

const FwDetail = ({ deal, act, go, onFund }) => {
  const D = window.DMS;
  const funded = fwIsFunded(deal);
  const cash = fwIsCash(deal);
  const check = deal.fundingCheck || {};
  const doneCount = FW_STIPS.filter(s => check[s]).length;
  const stage = (D && D.dealStage) ? D.dealStage(deal) : (deal.stage || "Posted");
  return (
    <div style={{ padding: "16px 20px" }}>
      <div style={{ display: "flex", alignItems: "flex-start", gap: 12, flexWrap: "wrap", marginBottom: 14 }}>
        <div style={{ flex: 1, minWidth: 220 }}>
          <div style={{ fontFamily: "var(--jb-mono)", fontWeight: 800, fontSize: 20, color: "var(--jb-navy)", display: "flex", alignItems: "center", gap: 10 }}>
            {deal.id}
            {cash && <span style={{ background: "#E6F7EC", color: "#0E7A37", border: "1px solid #BFE3CB", borderRadius: 4, padding: "0 8px", fontSize: 11, fontWeight: 800, letterSpacing: 0.5 }}>CASH</span>}
            <span style={{ fontSize: 11, fontWeight: 700, color: "var(--jb-text-muted)", fontFamily: "var(--jb-font)" }}>{stage}</span>
          </div>
          <div style={{ fontSize: 14, fontWeight: 700 }}>{deal.buyer}</div>
          <div style={{ fontSize: 12.5, color: "var(--jb-text-dim)" }}>{deal.vehicle} · {cash ? "no lender — paid in full" : (deal.lender || "no lender")}</div>
        </div>
        <div style={{ textAlign: "right" }}>
          <div style={{ fontSize: 10.5, textTransform: "uppercase", letterSpacing: 0.6, color: "var(--jb-text-muted)" }}>{cash ? "Expected Funding" : "Expected Funding (CIT)"}</div>
          {cash
            ? <div style={{ fontWeight: 800, fontSize: 16, color: "#0E7A37" }}>Cash — paid at delivery <span style={{ fontFamily: "var(--jb-mono)", color: "var(--jb-navy)" }}>{fwMoney(deal.cashDown)}</span></div>
            : <div style={{ fontFamily: "var(--jb-mono)", fontWeight: 800, fontSize: 24, color: "var(--jb-navy)" }}>{fwMoney(deal.amtFinanced)}</div>}
          {!cash && Array.isArray(deal.fundings) && (window.dcxLiveFundings ? window.dcxLiveFundings(deal).length > 0 : deal.fundings.some(f => f && f.kind === "lender")) && !funded && (   /* RC23 (corr): a reversed funding is not "partly funded" */
            <div data-fw="partial" style={{ fontSize: 12, color: "var(--jb-amber, #9A6700)", fontWeight: 700 }}>Partly funded — {fwMoney2(window.DMS.dealCitOpen ? window.DMS.dealCitOpen(deal) / 100 : 0)} still in transit</div>
          )}
        </div>
      </div>

      {/* Big status line — financed / lease: where the contract is; cash: paid at delivery */}
      {!funded && (
        <div data-fw="status" style={{ display: "flex", alignItems: "center", gap: 14, flexWrap: "wrap", marginBottom: 14, padding: "12px 16px", borderRadius: "var(--jb-r)",
                      background: cash ? "#E6F7EC" : "var(--jb-navy, #11337A)", color: cash ? "#0E7A37" : "#FFF", border: "1px solid " + (cash ? "#BFE3CB" : "var(--jb-navy, #11337A)") }}>
          <div style={{ flex: 1, minWidth: 260 }}>
            <div style={{ fontSize: 19, fontWeight: 800, letterSpacing: 0.3 }}>
              {cash ? "CASH — paid at delivery" : (fwStatus(deal) === "Sent for Funding" ? "SENT OFF FOR FUNDING" : fwStatus(deal).toUpperCase())}
            </div>
            <div style={{ fontSize: 13, opacity: 0.92, marginTop: 2 }}>
              {cash
                ? `No lender — ${fwMoney(deal.cashDown)} collected${deal.delivered ? " on " + fwDate(deal.delivered) : ""}. Mark Funded to close it out.`
                : <>Sent off for funding to <b>{deal.lender || "the lender"}</b> on <b>{fwDate(deal.sentForFundingAt || deal.delivered)}</b> — expected <b style={{ fontFamily: "var(--jb-mono)" }}>{fwMoney2(deal.amtFinanced)}</b>
                    <span style={{ opacity: 0.8 }}> · {fwSentDays(deal)}d in transit</span></>}
            </div>
          </div>
          {window.DealAdjustButton
            ? <window.DealAdjustButton deal={deal} go={go} style={{ background: "#FFF", fontSize: 13, padding: "6px 14px" }} />
            : null}
        </div>
      )}
      {/* RC23 (corr): Reverse funding (the office) — a funded deal is unwound only after its funding is reversed */}
      {window.DealCorrectButtons && window.dcxLiveFundings && window.dcxLiveFundings(deal).length > 0 && (
        <div style={{ display: "flex", justifyContent: "flex-end", marginBottom: 10 }}>
          <window.DealCorrectButtons deal={deal} funding />
        </div>
      )}
      {funded && window.DealAdjustButton && (
        <div style={{ display: "flex", justifyContent: "flex-end", marginBottom: 10 }}>
          <window.DealAdjustButton deal={deal} go={go} />
        </div>
      )}

      {/* status pipeline — lender-facing; not applicable to a cash deal */}
      {!cash && (
        <div style={{ background: "#FFF", border: "1px solid var(--jb-border)", borderRadius: "var(--jb-r)", padding: "12px 14px", marginBottom: 14 }}>
          <div style={{ fontSize: 11, fontWeight: 700, textTransform: "uppercase", letterSpacing: 0.3, color: "var(--jb-text-dim)", marginBottom: 8 }}>Funding Status</div>
          <div style={{ display: "flex", gap: 6, flexWrap: "wrap" }}>
            {FW_STATUSES.filter(s => !/funded (short|full)/i.test(s) && (s !== "Not Submitted" || deal.fundingStatus === "Not Submitted")).map(s => (
              <button key={s} disabled={funded} onClick={() => act(D.setFundingStatus(deal.id, s))}
                      style={{ cursor: funded ? "default" : "pointer", fontSize: 11.5, padding: "3px 10px", borderRadius: 999,
                               border: "1px solid " + (fwStatus(deal) === s ? "var(--jb-blue)" : "var(--jb-border)"),
                               background: fwStatus(deal) === s ? "var(--jb-blue)" : "#fff",
                               color: fwStatus(deal) === s ? "#fff" : "var(--jb-text-dim)", fontWeight: fwStatus(deal) === s ? 800 : 600 }}>{s}</button>
            ))}
          </div>
        </div>
      )}

      {/* stip checklist */}
      <div style={{ background: "#FFF", border: "1px solid var(--jb-border)", borderRadius: "var(--jb-r)", padding: "12px 14px", marginBottom: 14 }}>
        <div style={{ display: "flex", alignItems: "center", marginBottom: 8 }}>
          <span style={{ fontSize: 11, fontWeight: 700, textTransform: "uppercase", letterSpacing: 0.3, color: "var(--jb-text-dim)" }}>{cash ? "Delivery Checklist" : "Funding Checklist"}</span>
          <div style={{ flex: 1 }} />
          <span style={{ fontSize: 12, fontWeight: 700, color: doneCount === FW_STIPS.length ? "var(--jb-green)" : "var(--jb-amber, #9A6700)" }}>{doneCount}/{FW_STIPS.length}</span>
        </div>
        <div style={{ display: "grid", gridTemplateColumns: "1fr 1fr", gap: "4px 16px" }}>
          {FW_STIPS.map(s => (
            <label key={s} style={{ display: "flex", alignItems: "center", gap: 8, fontSize: 12.5, cursor: funded ? "default" : "pointer", opacity: funded ? 0.7 : 1 }}>
              <input type="checkbox" checked={!!check[s]} disabled={funded} onChange={(e) => act(D.setFundingChecklist(deal.id, { [s]: e.target.checked }))} style={{ width: 15, height: 15 }} />
              <span>{s}</span>
            </label>
          ))}
        </div>
      </div>

      {Array.isArray(deal.adjustments) && deal.adjustments.length > 0 && window.DealAdjustHistory && (
        <div style={{ marginBottom: 14 }}><window.DealAdjustHistory deal={deal} /></div>
      )}
      {deal.postedToGL && !deal.imported && <FwDealChecks deal={deal} act={act} />}

      {funded ? (
        <div style={{ background: FW_TONE(deal).bg, border: "1px solid " + FW_TONE(deal).fg, borderRadius: "var(--jb-r)", padding: "12px 16px" }}>
          <div style={{ fontWeight: 800, color: FW_TONE(deal).fg, marginBottom: 4 }}>DONE ✓ · {cash ? "Cash deal closed — paid in full" : (deal.fundingStatus || "Funded")}</div>
          {!cash && (
            <div style={{ display: "grid", gridTemplateColumns: "1fr auto", gap: 2, fontSize: 12.5, fontFamily: "var(--jb-mono)" }}>
              <span>Expected</span><span style={{ textAlign: "right" }}>{fwMoney2(deal.amtFinanced)}</span>
              <span>Received</span><span style={{ textAlign: "right" }}>{fwMoney2(deal.fundedActual != null ? deal.fundedActual : deal.amtFinanced)}</span>
              {Math.abs(deal.fundedDiff || 0) > 0.01 && <><span>Difference · {deal.fundedDiffReason}</span><span style={{ textAlign: "right", color: "var(--k2b-maroon)" }}>{fwMoney2(-(deal.fundedDiff || 0))}</span></>}
            </div>
          )}
        </div>
      ) : (
        <button className="k2b-button" style={{ background: "var(--jb-yellow)", fontWeight: 700, fontSize: 14, padding: "8px 18px" }} onClick={onFund}
                title={cash ? "Cash deal — no funds in transit; marks it Funded (DONE) with no journal entry" : "Reconcile the lender's actual funding against CIT and clear it"}>
          {cash ? "✓ Mark Funded (cash — paid at delivery)" : "💰 Reconcile & Fund →"}
        </button>
      )}
    </div>
  );
};

// RC33 (mpx): the deal's own checks — the trade payoff (DR 303), the F&I product remittances (DR 302 / 302G) and a lender's over-funding paid
// back (DR 331) — SERVER commands that write the check in the same step and keep the deal in step (a voided check reopens the amount).
const FwDealChecks = ({ deal, act }) => {
  const D = window.DMS;
  if (!D || !D.dealPayoffCheck || !(D.can && D.can("acct"))) return null;
  const sumC = (l) => (Array.isArray(l) ? l : []).filter(x => x && !x.voided).reduce((t, x) => t + (+x.amountCents || 0), 0);
  const overLeft = Math.round((+deal.lenderOverpaid || 0) * 100) - sumC(deal.lenderRefunds);
  const payoffLeft = Math.round((+deal.tradePayoff || 0) * 100) - sumC(deal.payoffChecks);
  const ask = (q, d) => { const v = window.prompt(q, d || ""); return v === null ? null : String(v).trim(); };
  const c2 = (c) => (c / 100).toFixed(2);
  return (
    <div data-fw="deal-checks" style={{ display: "flex", gap: 8, flexWrap: "wrap", marginBottom: 14 }}>
      {payoffLeft > 0 && <button className="k2b-button small" data-fw="payoff-check" onClick={() => { const payee = ask("Trade payoff — pay to (the lien holder):", deal.tradeLienholder || deal.lienholder || ""); if (!payee) return; const a = ask("Amount:", c2(payoffLeft)); if (!a) return; act(D.dealPayoffCheck(deal.id, { payee, amount: a })); }}>Write trade payoff check ({fwMoney2(payoffLeft / 100)})</button>}
      {(+deal.vscSale || 0) + (+deal.gapSale || 0) > 0 && <button className="k2b-button small" data-fw="remit" onClick={() => { const which = ask("Remit which product payable? 302 (service contract) or 302G (GAP)", "302"); if (!which) return; const payee = ask("Pay to (the product provider):"); if (!payee) return; const a = ask("Amount:"); if (!a) return; act(D.dealRemit(deal.id, { payable: which.toUpperCase(), payee, amount: a })); }}>Remit F&I product (check)</button>}
      {overLeft > 0 && <button className="k2b-button small" data-fw="lender-refund" onClick={() => { const ref = ask(`Refund ${fwMoney2(overLeft / 100)} the lender over-funded.\n\nPaid back by ACH / wire: type the confirmation number. Leave blank to write a check.`); if (ref === null) return; const why = ask("Reason:", "Lender over-funded the contract"); if (!why) return; act(D.lenderRefund(deal.id, { amount: c2(overLeft), method: ref ? "ach" : "check", ref: ref || undefined, reason: why })); }}>Refund lender over-funding ({fwMoney2(overLeft / 100)})</button>}
    </div>
  );
};

// RC21 (deals): the funding is recorded by the SERVER (POST /api/deals/fund): "Expected" = what is still in contracts in transit for the
// deal; a short amount is either CODED (the CIT clears, the gap goes to the chosen account) or PARTIAL (the rest stays in transit —
// the deal stays unfunded until the rest arrives). More than is in transit is refused (an overpayment is not booked here).
const FW_PARTIAL = "__partial__";
const FwFundModal = ({ deal, act, onClose }) => {
  const expected = (window.DMS.dealCitOpen ? window.DMS.dealCitOpen(deal) / 100 : (+deal.amtFinanced || 0));
  const [actual, setActual] = React.useState(String(expected.toFixed(2)));
  const [reason, setReason] = React.useState("Bank fee");
  const [ref, setRef] = React.useState("");
  const [busy, setBusy] = React.useState(false);
  const amt = parseFloat(String(actual).replace(/[^0-9.]/g, "")) || 0;
  const diff = +(expected - amt).toFixed(2);
  const needsReason = Math.abs(diff) > 0.01;
  const reasons = window.DMS.FUND_DIFF_ACCTS ? Object.keys(window.DMS.FUND_DIFF_ACCTS) : ["Bank fee", "Contract error", "Product cancellation", "Holdback", "Short fund"];
  const submit = async () => {
    if (busy) return;
    setBusy(true);
    const over = diff < -0.01;   // RC33 (mpx): the lender paid MORE than is in transit — the extra is held (331) for a refund to the lender
    const r = await window.DMS.fundDealAmount(deal.id, amt, needsReason && !over && reason !== FW_PARTIAL ? reason : null, { ref: ref.trim() || undefined, overpay: over ? "hold" : undefined });
    setBusy(false); act(r); if (r.ok) onClose();
  };
  const inp = { width: "100%", boxSizing: "border-box", padding: "8px 10px", border: "1px solid #C8CCD2", borderRadius: 4, fontSize: 14, fontFamily: "var(--jb-mono)" };
  return (
    <K2BModal title={"Fund Deal — " + deal.id} width={520} onClose={onClose}
      buttons={<><K2BButton onClick={onClose}>Cancel</K2BButton><K2BButton primary onClick={submit} disabled={busy}>{busy ? "Posting…" : (needsReason && reason === FW_PARTIAL ? "Post Partial Funding" : "Post Funding (clear CIT)")}</K2BButton></>}>
      <div style={{ display: "grid", gridTemplateColumns: "1fr 1fr", gap: 12 }}>
        <div>
          <div style={{ fontSize: 11, color: "var(--jb-text-dim)", fontWeight: 600, marginBottom: 3 }}>Expected (CIT)</div>
          <div style={{ ...inp, background: "#F0F0F0", color: "#555" }}>{fwMoney2(expected)}</div>
        </div>
        <div>
          <div style={{ fontSize: 11, color: "var(--jb-text-dim)", fontWeight: 600, marginBottom: 3 }}>Actual received</div>
          <input value={actual} onChange={(e) => setActual(e.target.value.replace(/[^0-9.]/g, ""))} style={{ ...inp, background: "#FFFEF4" }} />
        </div>
      </div>
      <div style={{ marginTop: 12, padding: "10px 12px", borderRadius: 6, background: needsReason ? "#FBF3E0" : "#E6F7EC", border: "1px solid " + (needsReason ? "#D9920A" : "#16A34A") }}>
        <div style={{ display: "flex", justifyContent: "space-between", fontSize: 13, fontWeight: 700, color: needsReason ? "#9A6700" : "#0E7A37" }}>
          <span>{diff > 0 ? "Funded SHORT by" : diff < 0 ? "Funded OVER by" : "Funds match"}</span>
          <span style={{ fontFamily: "var(--jb-mono)" }}>{fwMoney2(Math.abs(diff))}</span>
        </div>
      </div>
      <label style={{ display: "flex", flexDirection: "column", gap: 4, marginTop: 12 }}>
        <span style={{ fontSize: 11, color: "var(--jb-text-dim)", fontWeight: 600 }}>Lender's funding reference (optional — the same reference is never booked twice)</span>
        <input value={ref} onChange={(e) => setRef(e.target.value)} data-fw="ref" style={{ ...inp, background: "#FFFEF4", fontFamily: "var(--jb-font)" }} />
      </label>
      {diff < -0.01 && (
        <div data-fw="overpay" style={{ marginTop: 12, fontSize: 12.5, color: "#9A6700" }}>
          The lender paid {fwMoney2(-diff)} more than is in transit. Posting HOLDS the extra on 331 (owed back to the lender) — pay it back with “Refund lender over-funding” on this deal.
        </div>
      )}
      {needsReason && diff > 0.01 && (
        <label style={{ display: "flex", flexDirection: "column", gap: 4, marginTop: 12 }}>
          <span style={{ fontSize: 11, color: "var(--jb-text-dim)", fontWeight: 600 }}>Code the difference to:</span>
          <select value={reason} onChange={(e) => setReason(e.target.value)} style={{ ...inp, fontFamily: "var(--jb-font)" }}>
            {reasons.map(rn => <option key={rn} value={rn}>{rn} → acct {(window.DMS.FUND_DIFF_ACCTS[rn] || {}).acct}</option>)}
            {diff > 0 && <option value={FW_PARTIAL}>Partial — the rest is still coming from the lender</option>}
          </select>
          <span style={{ fontSize: 11.5, color: "#888" }}>{reason === FW_PARTIAL ? `Only ${fwMoney2(amt)} clears; ${fwMoney2(diff)} stays in contracts in transit and the deal stays unfunded until the rest arrives.` : `CIT clears in full; the gap posts to ${(window.DMS.FUND_DIFF_ACCTS[reason] || {}).label}.`}</span>
        </label>
      )}
    </K2BModal>
  );
};

Object.assign(window, { FundingWorkflow });