// หน้าออกใบกำกับภาษี / ใบเสร็จอย่างเป็นทางการ function InvoicesPage({ ui, user }) { const { st } = useStore(); const toast = useToast(); const [mode, setMode] = React.useState("view"); // "view" | "edit" | "list" const [inv, setInv] = React.useState(null); const [list, setList] = React.useState([]); const [searchInv, setSearchInv] = React.useState(""); const [printInv, setPrintInv] = React.useState(null); // ── ข้อมูลร้านค้า — ดึงจากตั้งค่าระบบ (อ่านอย่างเดียว) ── const seller = { name: st.settings?.name || "SSPHONE", taxId: st.settings?.taxId || "", addr: st.settings?.addr || "", tel: st.settings?.tel || "", }; // โหลดรายการ + แสดงใบกำกับภาษีล่าสุดทุกครั้งที่เปิด React.useEffect(() => { const invs = JSON.parse(localStorage.getItem("ssphone-invoices") || "[]"); invs.sort((a, b) => (b.ts || 0) - (a.ts || 0)); setList(invs); if (invs.length > 0) { setInv(invs[0]); setMode("view"); } else { setMode("list"); } }, []); const persist = (invs) => { invs.sort((a, b) => (b.ts || 0) - (a.ts || 0)); localStorage.setItem("ssphone-invoices", JSON.stringify(invs)); setList(invs); }; const nextNo = () => list.reduce((m, iv) => Math.max(m, iv.no || 0), 0) + 1; const mkId = (no) => `INVTAX-${String(no).padStart(4, "0")}`; const blankInvoice = () => { const no = nextNo(); return { id: mkId(no), no, ts: Date.now(), refInv: "", customerName: "", customerTaxId: "", customerAddress: "", items: [{ description: "", qty: 1, unitPrice: 0, amount: 0 }], discount: 0, notes: "", createdBy: user.id, }; }; const createBlank = () => { setInv(blankInvoice()); setMode("edit"); }; // ── ค้นหาใบเสร็จ INV แล้วดึงข้อมูลมาออกใบกำกับภาษี ── const doSearchInv = () => { const q = searchInv.trim().toUpperCase(); if (!q) { toast("กรอกเลขที่ใบเสร็จ INV", "danger"); return; } // ถ้าเคยออกใบกำกับภาษีจากใบเสร็จนี้แล้ว → เปิดอันเดิม const existing = list.find((iv) => (iv.refInv || "").toUpperCase() === q); if (existing) { setInv(existing); setMode("view"); setSearchInv(""); toast("เปิดใบกำกับภาษีที่ออกไว้แล้วของ " + existing.refInv); return; } const sale = st.sales.find((s) => s.id.toUpperCase() === q) || st.sales.find((s) => s.id.toUpperCase().includes(q)); if (!sale) { toast("ไม่พบใบเสร็จ " + searchInv, "danger"); return; } const no = nextNo(); setInv({ id: mkId(no), no, ts: Date.now(), refInv: sale.id, customerName: (sale.customer || "").replace(/\s*\d[\d\- ]{6,}\d/, "").trim() || sale.customer || "", customerTaxId: "", customerAddress: "", items: sale.items.map((it) => { const p = prodOf(st, it.productId); const base = p ? p.name : ("สินค้า " + it.productId); const sp = specOf(st, p); return { description: sp ? base + " · " + sp : base, qty: it.qty, unitPrice: it.price, amount: it.qty * it.price }; }), discount: sale.discount || 0, notes: "", createdBy: user.id, }); setMode("edit"); setSearchInv(""); toast("ดึงข้อมูลจากใบเสร็จ " + sale.id + " แล้ว"); }; const upd = (field, value) => setInv((x) => ({ ...x, [field]: value })); const addItem = () => setInv((x) => ({ ...x, items: [...(x.items || []), { description: "", qty: 1, unitPrice: 0, amount: 0 }] })); const updItem = (idx, field, value) => setInv((x) => { const items = [...x.items]; items[idx] = { ...items[idx], [field]: value }; if (field === "qty" || field === "unitPrice") items[idx].amount = (Number(items[idx].qty) || 0) * (Number(items[idx].unitPrice) || 0); return { ...x, items }; }); const rmItem = (idx) => setInv((x) => ({ ...x, items: x.items.filter((_, i) => i !== idx) })); const saveInvoice = () => { if (!inv.customerName || !inv.items.some((i) => i.description)) { toast("กรอกชื่อลูกค้า และรายการอย่างน้อย 1 รายการ", "danger"); return; } const cleaned = { ...inv, items: inv.items.filter((i) => i.description) }; const invs = list.filter((x) => x.id !== cleaned.id); invs.push(cleaned); persist(invs); setInv(cleaned); setMode("view"); toast("บันทึกใบกำกับภาษีสำเร็จ"); }; const openInvoice = (id) => { const f = list.find((x) => x.id === id); if (f) { setInv(f); setMode("view"); } }; const deleteInvoice = (id) => { if (!confirm("ลบใบกำกับภาษีนี้หรือไม่?")) return; const invs = list.filter((x) => x.id !== id); persist(invs); if (inv && inv.id === id) { if (invs.length) { setInv(invs[0]); setMode("view"); } else { setInv(null); setMode("list"); } } toast("ลบแล้ว"); }; const subtotal = inv?.items?.reduce((a, i) => a + (i.amount || 0), 0) || 0; const afterDisc = subtotal - (Number(inv?.discount) || 0); const vat = Math.round(afterDisc / 1.07 * 0.07); const beforeVat = afterDisc - vat; const SearchBar = () => ( ค้นหาใบเสร็จ
setSearchInv(e.target.value)} onKeyDown={(e) => { if (e.key === "Enter") doSearchInv(); }} placeholder="เลขที่ใบเสร็จ เช่น INV-2506-0218" style={{ flex: 1 }} /> 🔍 ค้นหา & ออกใบกำกับภาษี
⊕ สร้างเปล่า setMode("list")}>📋 ทั้งหมด ({list.length}) ); return (
{mode === "list" && ( {list.length === 0 ? ( ) : (
{list.map((iv) => { const t = iv.items?.reduce((a, i) => a + (i.amount || 0), 0) - (Number(iv.discount) || 0) || 0; return (
openInvoice(iv.id)}>
{iv.id}{iv.refInv && · อ้างอิง {iv.refInv}}
{iv.customerName} · {fmtDate(iv.ts)}
{fmtMoney(t)}
{iv.items?.length || 0} รายการ
{ e.stopPropagation(); deleteInvoice(iv.id); }}>✕
); })}
)} )} {(mode === "edit" || mode === "view") && inv && (

{mode === "edit" ? "ออกใบกำกับภาษี" : "ใบกำกับภาษี"} {inv.id}

{inv.refInv &&
อ้างอิงใบเสร็จ: {inv.refInv}
}
{mode === "view" && setPrintInv(inv)}>⎙ พิมพ์ใบกำกับภาษี} {mode === "view" && setMode("edit")}>✎ แก้ไข} {mode === "edit" && 💾 บันทึก}
{/* ผู้ขาย — อ่านจากตั้งค่าระบบ */}
ผู้ออกใบกำกับภาษี (ร้านค้า)
{seller.name}
เลขประจำตัวผู้เสียภาษี: {seller.taxId || "—"}
{seller.addr}
โทร: {seller.tel}
{/* ลูกค้า */}
ข้อมูลลูกค้า
{mode === "edit" ? (
upd("customerName", e.target.value)} /> upd("customerTaxId", e.target.value)} />