/* eslint-disable */
/* © 2026 K2B NETWORK SOLUTIONS LLC. All rights reserved. */
// RC20 (fops) — two small screens for the fixed-ops server commands:
//   FopsRecentTickets   Parts Ticket › 🧾 Recent tickets: the parts invoices the SERVER stored, with Reprint (a reprint prints the stored
//                       invoice and never moves stock or money again).
//   FopsNotInBooks      Accounting (GLINQ) and Acct Office, office logins only: repair orders closed and parts sold since RC16 that have
//                       NO journal entry (the server refused the station's own posting — owner-reviewer R1), with "Post it now" per item.
//                       Posting uses the same server mapping and calculation as Close RO / Cash Out, on the original date when that month
//                       is open; stock is never moved again; a second click finds the entry and does nothing.
// Global names are prefixed Fops* (one shared Babel scope).

const fopsMoney = (c) => "$" + ((Number(c) || 0) / 100).toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
const fopsDay = (iso) => { const d = new Date(iso); return isNaN(d) ? "" : d.toLocaleDateString("en-US", { month: "2-digit", day: "2-digit", year: "numeric" }); };

const FopsRecentTickets = ({ onClose, onPrint }) => {
  const [st, setSt] = React.useState({ loading: true, sales: [], msg: "" });
  const [ret, setRet] = React.useState(null);   // RC26 (inv): the ticket a Return is being written against (PartsUi.jsx.txt PartsReturnDialog)
  React.useEffect(() => {
    let live = true;
    DMS.partsSales(25).then((r) => { if (live) setSt({ loading: false, sales: r.sales || [], msg: r.ok ? "" : r.msg }); });
    return () => { live = false; };
  }, []);
  const th = { textAlign: "left", fontSize: 10.5, textTransform: "uppercase", letterSpacing: "0.04em", color: "var(--jb-text-muted)", padding: "5px 8px", background: "var(--jb-surface-2)" };
  const td = { padding: "5px 8px", borderTop: "1px solid var(--jb-border)", fontSize: 12.5 };
  return (
    <K2BModal title="Recent parts tickets (stored on the server)" onClose={onClose} width={720}
              buttons={<K2BButton onClick={onClose}>Close</K2BButton>}>
      {st.loading && <div style={{ fontSize: 13, color: "var(--jb-text-muted)" }}>Loading…</div>}
      {st.msg && <div style={{ fontSize: 13, color: "#B23A2E" }}>{st.msg}</div>}
      {!st.loading && !st.sales.length && !st.msg && <div style={{ fontSize: 13, color: "var(--jb-text-muted)" }}>No tickets yet.</div>}
      {st.sales.length > 0 && (
        <div style={{ maxHeight: 420, overflow: "auto" }}>
          <table data-fops-recent-list="1" style={{ width: "100%", borderCollapse: "collapse" }}>
            <thead><tr>{["Ticket", "Date", "Customer", "Clerk", "Total", ""].map((h) => <th key={h} style={{ ...th, textAlign: h === "Total" ? "right" : "left" }}>{h}</th>)}</tr></thead>
            <tbody>
              {st.sales.map((x) => (
                <tr key={x.saleId} data-fops-sale={x.saleId}>
                  <td style={{ ...td, fontFamily: "var(--jb-mono)", fontWeight: 700 }}>{x.saleId}{x.catchUp ? " (posted late)" : ""}</td>
                  <td style={td}>{fopsDay(x.date || x.createdAt)}</td>
                  <td style={td}>{(x.customer && x.customer.name) || "COUNTER SALE"}</td>
                  <td style={td}>{(x.clerk && (x.clerk.name || x.clerk.id)) || x.createdByName || ""}</td>
                  <td style={{ ...td, textAlign: "right", fontFamily: "var(--jb-mono)" }}>{fopsMoney(x.totalCents)}</td>
                  <td style={td}><button className="k2b-button small" data-fops-reprint={x.saleId} onClick={() => onPrint && onPrint(x)}>🖨 Reprint</button>{typeof PartsReturnDialog === "function" && <button className="k2b-button small" data-fops-return={x.saleId} onClick={() => setRet(x)} style={{ marginLeft: 4 }}>↩ Return</button>}</td>
                </tr>
              ))}
            </tbody>
          </table>
        </div>
      )}
      {ret && typeof PartsReturnDialog === "function" && <PartsReturnDialog sale={ret} onClose={() => setRet(null)} onPrint={onPrint} />}
    </K2BModal>
  );
};

const FopsNotInBooks = () => {
  const office = !!(window.DMS && DMS.fopsIsOffice && DMS.fopsIsOffice());
  const [st, setSt] = React.useState({ loading: true, data: null });
  const [busy, setBusy] = React.useState(null);
  const [open, setOpen] = React.useState(true);
  const load = React.useCallback(() => { DMS.fopsUnposted().then((r) => setSt({ loading: false, data: r })); }, []);
  React.useEffect(() => { if (office) load(); }, [office, load]);
  if (!office) return null;
  const d = st.data;
  const bar = { margin: "6px 12px 0", padding: "6px 10px", borderRadius: 6, fontSize: 12.5, fontFamily: "var(--jb-font, sans-serif)" };
  if (st.loading) return <div data-fops-nib="loading" style={{ ...bar, color: "#666" }}>Checking the books for repair orders and parts sales without a journal entry…</div>;
  if (!d || !d.ok) return <div data-fops-nib="error" style={{ ...bar, background: "#FBEAEA", color: "#8a1c1c" }}>Not in the books: {(d && d.msg) || "could not load the list."}</div>;
  // RC24: an "other" posting a lane's catch-up command can post (svcm: payments after close / voids / refunds / body-shop closes / policy;
  // RC26 inv: counts / PO receipts / core steps / bulk deliveries a station tried before RC26 — keyed by the record, posted once)
  // carries cmd + postBody from the server and is listed with its own "Post it now"; the rest stay a note for Doc Entry.
  const postable = (d.other || []).filter((o) => o && o.postable && o.cmd);
  const items = [].concat((d.ros || []).map((r) => Object.assign({ key: "ro:" + r.roId }, r)), (d.parts || []).map((p) => Object.assign({ key: "pt:" + p.saleId }, p)),
    postable.map((o) => Object.assign({ key: "ot:" + o.auditId, type: "other" }, o)));
  const other = (d.other || []).filter((o) => !(o && o.postable && o.cmd));
  const otherLine = other.length ? <div data-fops-nib-other={other.length} style={{ marginTop: 4, fontSize: 12, color: "#7a5a00" }}>Also refused since {fopsDay(d.since)}: {other.length} other posting{other.length === 1 ? "" : "s"} a station made itself ({Array.from(new Set(other.map((o) => o.journalId.split("-")[0]))).join(", ")}) that no catch-up command can read — post those by hand in Doc Entry if they belong on the books.</div> : null;
  if (!items.length) return <div data-fops-nib="clear" style={{ ...bar, background: "#E7F5EA", color: "#0E7A37" }}>✓ Not in the books: nothing — every repair order closed and every parts sale since {fopsDay(d.since)} has its journal entry.{otherLine}</div>;
  const post = async (it) => {
    setBusy(it.key);
    const r = await DMS.fopsPostMissing(it);
    setBusy(null);
    window.k2bToast && window.k2bToast(r.msg, r.ok ? "ok" : "warn", r.ok ? 4500 : 9000);
    load();
  };
  const th = { textAlign: "left", fontSize: 10.5, textTransform: "uppercase", color: "#7a5a00", padding: "4px 6px" };
  const td = { padding: "4px 6px", borderTop: "1px solid #EBD9A8", fontSize: 12.5 };
  return (
    <div data-fops-nib="list" style={{ ...bar, background: "#FFF6DD", border: "1px solid #E5C76B", color: "#5c4400" }}>
      <div style={{ display: "flex", gap: 8, alignItems: "center", flexWrap: "wrap" }}>
        <b>Not in the books:</b><span data-fops-nib-summary="1">{d.summary.line}.</span>
        <span style={{ color: "#7a5a00" }}>Since {fopsDay(d.since)} — these were closed or sold, but their journal entry was refused (a non-office login posted it under RC16–RC19).</span>
        <span style={{ flex: 1 }} />
        <button className="k2b-button small" onClick={() => setOpen(!open)}>{open ? "Hide" : "Show"}</button>
        <button className="k2b-button small" onClick={load}>Refresh</button>
      </div>
      {otherLine}
      {open && (
        <div style={{ maxHeight: 260, overflow: "auto", marginTop: 6 }}>
          <table style={{ width: "100%", borderCollapse: "collapse" }}>
            <thead><tr>{["What", "Number", "Date", "By", "Customer", "Total", ""].map((h) => <th key={h} style={{ ...th, textAlign: h === "Total" ? "right" : "left" }}>{h}</th>)}</tr></thead>
            <tbody>
              {items.map((it) => (
                <tr key={it.key} data-fops-nib-item={it.type === "ro" ? it.roId : it.type === "other" ? "FA-" + it.auditId : it.saleId}>
                  <td style={td}>{it.type === "ro" ? "Repair order" : it.type === "other" ? (it.kindLabel || "Service posting") : "Parts sale"}</td>
                  <td style={{ ...td, fontFamily: "var(--jb-mono, monospace)", fontWeight: 700 }}>{it.type === "ro" ? it.roId : it.type === "other" ? (it.roId ? it.roId + " " + (it.receiptNo || "") : it.jobId || it.policyId || it.journalId) : it.journalId}</td>
                  <td style={td}>{fopsDay(it.type === "ro" ? it.closedAt : it.at)}</td>
                  <td style={td}>{it.type === "ro" ? it.closedBy : it.type === "other" ? it.by : it.soldBy}</td>
                  <td style={td}>{it.customer}{it.type === "parts" && it.lines && it.lines[0] && it.lines[0].part ? " · " + it.lines[0].part + (it.lines[0].qty ? " x" + it.lines[0].qty : "") : ""}{it.type === "other" && it.desc ? " · " + it.desc : ""}</td>
                  <td style={{ ...td, textAlign: "right", fontFamily: "var(--jb-mono, monospace)" }}>{fopsMoney(it.totalCents)}</td>
                  <td style={td}><button className="k2b-button small" data-fops-post={it.type === "ro" ? it.roId : it.type === "other" ? "FA-" + it.auditId : it.saleId} disabled={busy === it.key} onClick={() => post(it)} style={{ background: "var(--jb-yellow, #FFD24A)", fontWeight: 700 }}>{busy === it.key ? "Posting…" : "Post it now"}</button></td>
                </tr>
              ))}
            </tbody>
          </table>
        </div>
      )}
    </div>
  );
};

Object.assign(window, { FopsRecentTickets, FopsNotInBooks });