/* ========================================================================= screens-tax.jsx — "ภาษีค่าแรง" (Payroll Tax) - สรุปค่าแรงสะสมรายเดือน / รายปี ต่อคน (อ่านจาก attendance เดิม ไม่แตะข้อมูล) - แก้ไข (แต่ง) ตัวเลขรายเดือนได้ — เก็บแยกในตาราง adjustments (kind='taxadj', period='tm-YYYY-MM') จึงไม่กระทบงวดจ่าย/สลิปเดิม - ปุ่มสรุปรายเดือน + ออกใบสำคัญจ่าย (PV) / ใบเสร็จยอดเดือน - เอกสารสรรพากร: ใบสำคัญจ่าย, หนังสือรับรองหัก ณ ที่จ่าย (50 ทวิ), สรุปลูกจ้างรายปี ========================================================================= */ const { useState:txS, useMemo:txM } = React; /* ---------- period key สำหรับ override รายเดือน (ไม่ชนกับงวดจ่ายซึ่งเป็นวันที่) ---------- */ const TMKEY = (y, m) => `tm-${y}-${String(m).padStart(2, '0')}`; /* ---------- ค่าแรงรวมของ "เดือนปฏิทิน" (อ่านจาก attendance อย่างเดียว) ---------- */ function wageForMonth(db, workerId, year, month) { const w = db.workers.find(x => x.id === workerId); const blank = { base: 0, ot: 0, gross: 0, dayUnits: 0, advance: 0, atts: [] }; if (!w) return blank; const prefix = `${year}-${String(month).padStart(2, '0')}`; const atts = db.attendance.filter(a => a.workerId === workerId && a.date.startsWith(prefix)); let dayUnits = 0, ot = 0, advance = 0; for (const a of atts) { const v = STATUS[a.status]?.val ?? 0; dayUnits += v; ot += (Number(a.otHours) || 0) * (Number(w.otRate) || 0) + (Number(a.otFlat) || 0); advance += Number(a.advance) || 0; } const base = w.type === 'daily' ? dayUnits * (Number(w.dailyRate) || 0) : (Number(w.monthlyRate) || 0); return { base, ot, gross: base + ot, dayUnits, advance, atts }; } /* ---------- override รายเดือน (ตัวเลขที่ผู้ใช้แก้เอง) ---------- */ function monthOverride(db, workerId, y, m) { return db.adjustments.find(a => a.workerId === workerId && a.period === TMKEY(y, m) && a.kind === 'taxadj') || null; } /* ค่าแรงรายเดือนที่ "ใช้จริง" — ถ้ามี override ใช้ค่านั้น ไม่งั้นใช้ที่คำนวณ */ function effMonth(db, workerId, y, m) { const calc = wageForMonth(db, workerId, y, m); const o = monthOverride(db, workerId, y, m); if (o) return { ...calc, gross: Number(o.amount) || 0, overridden: true, note: o.label || '' }; return { ...calc, overridden: false, note: '' }; } /* ค่าแรงทั้งปีต่อคน */ function yearWage(db, workerId, year) { const months = []; let total = 0, dayUnits = 0, ot = 0; for (let m = 1; m <= 12; m++) { const e = effMonth(db, workerId, year, m); months.push(e); total += e.gross; dayUnits += e.dayUnits; ot += e.ot; } return { months, total, dayUnits, ot }; } /* ---------- ภาษีเงินได้บุคคลธรรมดา 40(1) เงินเดือน/ค่าจ้าง (อัตราก้าวหน้า) ---------- */ function pitProgressive(netIncome) { const brackets = [ [150000, 0], [300000, 0.05], [500000, 0.10], [750000, 0.15], [1000000, 0.20], [2000000, 0.25], [5000000, 0.30], [Infinity, 0.35], ]; let tax = 0, prev = 0; for (const [cap, rate] of brackets) { if (netIncome > prev) { tax += (Math.min(netIncome, cap) - prev) * rate; prev = cap; } else break; } return Math.max(0, Math.round(tax)); } /* ภาษีหัก ณ ที่จ่ายทั้งปี: รายได้ - ค่าใช้จ่าย(50% สูงสุด 100,000) - ลดหย่อนส่วนตัว 60,000 - ปกส.(สูงสุด 9,000) */ function withholdingYear(annualGross, ssoPaid = 0) { const expense = Math.min(annualGross * 0.5, 100000); const personal = 60000; const sso = Math.min(ssoPaid, 9000); const net = Math.max(0, annualGross - expense - personal - sso); return { expense, personal, sso, net, tax: pitProgressive(net) }; } /* ประกันสังคมรายเดือน 5% เพดานตามตั้งค่า (default 750) */ function ssoMonth(gross, settings) { const rate = settings?.ssRate ?? 0.05; const cap = settings?.ssCap ?? 750; return Math.min(Math.round(gross * rate), cap); } /* ---------- พิมพ์เอกสาร (เรนเดอร์ React element → iframe → print) ---------- */ function printElement(el, page = 'A4') { const holder = document.createElement('div'); holder.style.cssText = 'position:fixed;left:-99999px;top:0;width:820px;'; document.body.appendChild(holder); const root = ReactDOM.createRoot(holder); root.render(el); requestAnimationFrame(() => requestAnimationFrame(() => { try { const html = holder.innerHTML; let css = ''; document.querySelectorAll('style').forEach(s => { css += s.textContent + '\n'; }); const old = document.getElementById('print-frame'); if (old) old.remove(); const f = document.createElement('iframe'); f.id = 'print-frame'; f.setAttribute('aria-hidden', 'true'); f.style.cssText = 'position:fixed;right:0;bottom:0;width:0;height:0;border:0;visibility:hidden;'; document.body.appendChild(f); const idoc = f.contentWindow.document; idoc.open(); idoc.write( '' + '' + '' + html + '' ); idoc.close(); const cleanup = () => { const x = document.getElementById('print-frame'); if (x) x.remove(); try { root.unmount(); } catch (_) {} if (holder.parentNode) holder.parentNode.removeChild(holder); }; setTimeout(() => { try { f.contentWindow.focus(); f.contentWindow.print(); } catch (e) { window.print(); } setTimeout(cleanup, 1500); }, 450); } catch (e) { if (holder.parentNode) holder.parentNode.removeChild(holder); try { window.print(); } catch (_) { alert('พิมพ์ไม่สำเร็จ: ' + e.message + ' — ลองกด Ctrl+P'); } } })); } /* ---------- ดาวน์โหลดเอกสารเป็นไฟล์ HTML แก้ไขได้ (เปิดในเบราว์เซอร์ไหนก็ได้ คลิกแก้ + พิมพ์ได้ ไม่ต้องพึ่งระบบ) ---------- */ function downloadElement(el, filename) { const holder = document.createElement('div'); holder.style.cssText = 'position:fixed;left:-99999px;top:0;width:820px;'; document.body.appendChild(holder); const root = ReactDOM.createRoot(holder); root.render(el); requestAnimationFrame(() => requestAnimationFrame(() => { try { const inner = holder.innerHTML; let css = ''; document.querySelectorAll('style').forEach(s => { css += s.textContent + '\n'; }); const fonts = 'https://fonts.googleapis.com/css2?family=Kanit:wght@400;500;600;700;800&family=IBM+Plex+Sans+Thai:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap'; const html = '' + filename + '' + '' + '' + '
คลิกที่ตัวเลข/ข้อความเพื่อแก้ไข แล้วกดพิมพ์
' + '
' + inner + '
'; const blob = new Blob([html], { type: 'text/html;charset=utf-8' }); const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = filename + '.html'; document.body.appendChild(a); a.click(); a.remove(); setTimeout(() => URL.revokeObjectURL(url), 3000); } catch (e) { alert('สร้างไฟล์ไม่สำเร็จ: ' + e.message); } finally { try { root.unmount(); } catch (_) {} if (holder.parentNode) holder.parentNode.removeChild(holder); } })); } /* ---------- หัวเอกสาร (ใช้ชื่อ/ที่อยู่สำหรับเอกสารราชการ แยกจากสลิป ถ้ากรอกไว้) ---------- */ function docSettings(db) { const s = db.settings || {}; return { ...s, company: (s.docCompany || '').trim() || s.company, address: (s.docAddress || '').trim() || s.address }; } /* ---------- บาทเป็นตัวอักษรไทย (สำหรับใบสำคัญจ่าย) ---------- */ function bahtText(amount) { amount = Math.round((Number(amount) || 0) * 100) / 100; const num = ['ศูนย์', 'หนึ่ง', 'สอง', 'สาม', 'สี่', 'ห้า', 'หก', 'เจ็ด', 'แปด', 'เก้า']; const pos = ['', 'สิบ', 'ร้อย', 'พัน', 'หมื่น', 'แสน', 'ล้าน']; function readInt(s) { s = String(parseInt(s, 10) || 0); if (s === '0') return 'ศูนย์'; let out = ''; const len = s.length; for (let i = 0; i < len; i++) { const d = +s[i]; const p = (len - i - 1) % 6; const isMillion = (len - i - 1) >= 6 && (len - i - 1) % 6 === 0; if (d !== 0) { if (p === 1 && d === 1) out += 'สิบ'; else if (p === 1 && d === 2) out += 'ยี่' + pos[p]; else if (p === 0 && d === 1 && out !== '' && len > 1) out += 'เอ็ด'; else out += num[d] + pos[p]; } if (isMillion) out += 'ล้าน'; } return out; } const baht = Math.floor(amount); const satang = Math.round((amount - baht) * 100); let txt = readInt(baht) + 'บาท'; if (satang > 0) txt += readInt(satang) + 'สตางค์'; else txt += 'ถ้วน'; return txt; } /* ========================================================================= เอกสาร: ใบสำคัญจ่าย (Payment Voucher) ========================================================================= */ function PaymentVoucherDoc({ settings, no, dateStr, payee, items, deductions = [], net, payMethod = '' }) { const fmt = s => s ? thaiDate(s) : ''; const payLabel = payMethod === 'cash' ? 'เงินสด' : payMethod === 'transfer' ? 'เงินโอน' : payMethod === 'cheque' ? 'เช็คธนาคาร' : 'เงินสด / โอน'; const drTotal = items.reduce((t, x) => t + (Number(x.amount) || 0), 0); // ค่าจ้าง (เดบิต) const crLines = [ ...deductions.filter(d => (Number(d.amount) || 0) > 0).map(d => [d.label, Number(d.amount) || 0, /ภาษี/.test(d.label) ? 'WHT' : '', d.bill || '']), [payLabel, net, '', ''], ]; const crTotal = crLines.reduce((t, x) => t + (Number(x[1]) || 0), 0); const bodyRows = Math.max(items.length + crLines.length, 6); const blanks = bodyRows - items.length - crLines.length; const cell = 'border border-[#bbb] py-1.5 px-2'; return (
{/* หัวเอกสาร: ชื่อบริษัทบนสุด */}
{settings.company}
{settings.address}
เลขประจำตัวผู้เสียภาษี {settings.taxId} · โทร {settings.phone}
{/* ชื่อเอกสาร (ซ้าย) + เลขที่/วันที่ (ขวา) */}
ใบสำคัญจ่าย
PAYMENT VOUCHER
เลขที่ {no}
วันที่ {fmt(dateStr)}
จ่ายให้แก่ {payee}
{/* วิธีจ่าย */}
{payMethod === 'cash' ? '☑' : '☐'} เงินสด{payMethod === 'transfer' ? '☑' : '☐'} โอนเข้าบัญชี{payMethod === 'cheque' ? '☑' : '☐'} เช็คธนาคาร เลขที่เช็ค ............ ลงวันที่ ............
{/* จำนวนเงินตัวอักษร (เหนือตาราง ตามฟอร์ม) */}
จำนวนเงิน (ตัวอักษร) ({bahtText(net)})
{/* ตารางบัญชี DR / CR */}
{items.map((it, i) => ( ))} {Array.from({ length: Math.max(0, blanks) }).map((_, i) => ( ))} {crLines.map((c, i) => ( ))}
เลขที่บิล รายการ / Description รหัส DR CR
{it.bill || ''} {it.label} {it.code || ''} {baht(it.amount)}
 
{c[3] || ''} {c[0]} {baht(c[1])}
รวม {baht(drTotal)} {baht(crTotal)}
{/* ลายเซ็น 4 จุด */}
ผู้จัดทำ
ผู้ตรวจสอบ
ผู้อนุมัติ
ผู้รับเงิน
); } /* ========================================================================= Modal: ใบสำคัญจ่าย — แก้ไข/กรอกตัวเลขเองได้ก่อนพิมพ์ ========================================================================= */ function VoucherModal({ open, onClose, initial, settings }) { const [v, setV] = txS(null); React.useEffect(() => { if (open) setV({ whtRate: 0, payMethod: '', ...(initial || { no: '', dateStr: ymd(TODAY), payee: '', items: [{ bill: '', label: '', amount: 0 }], deductions: [] }) }); }, [open, initial]); if (!open || !v) return null; const drTotal = v.items.reduce((t, x) => t + (Number(x.amount) || 0), 0); const dedTotal = v.deductions.reduce((t, x) => t + (Number(x.amount) || 0), 0); const whtRate = Number(v.whtRate) || 0; const whtAmount = Math.round(drTotal * whtRate) / 100; // หัก ณ ที่จ่าย = ยอดเดบิต × อัตรา% const net = drTotal - dedTotal - whtAmount; const upd = (patch) => setV(p => ({ ...p, ...patch })); const setItem = (i, k, val) => setV(p => ({ ...p, items: p.items.map((it, j) => j === i ? { ...it, [k]: val } : it) })); const setDed = (i, k, val) => setV(p => ({ ...p, deductions: p.deductions.map((it, j) => j === i ? { ...it, [k]: val } : it) })); const addItem = () => setV(p => ({ ...p, items: [...p.items, { bill: '', label: '', amount: 0 }] })); const delItem = (i) => setV(p => ({ ...p, items: p.items.filter((_, j) => j !== i) })); const addDed = () => setV(p => ({ ...p, deductions: [...p.deductions, { label: '', amount: 0 }] })); const delDed = (i) => setV(p => ({ ...p, deductions: p.deductions.filter((_, j) => j !== i) })); const txParts = (v.dateStr || '').split('-'); const txCode = txParts.length === 3 ? ('TX' + String((Number(txParts[0]) + 543) % 100).padStart(2, '0') + txParts[1] + txParts[2]) : 'TX'; const docEl = () => ( x.label || x.amount)} deductions={[...v.deductions.filter(x => x.label || x.amount), ...(whtAmount > 0 ? [{ label: `หัก ภาษี ณ ที่จ่าย ${whtRate}%`, amount: whtAmount, bill: txCode }] : [])]} net={net} payMethod={v.payMethod} /> ); const doPrint = () => printElement(docEl(), 'A5'); const doDownload = () => downloadElement(docEl(), 'ใบสำคัญจ่าย-' + (v.payee || '') + (v.no ? '-' + v.no : '')); return ( }>
upd({ no: e.target.value })} className="num" /> upd({ dateStr: e.target.value })} className="[color-scheme:dark]" /> upd({ payee: e.target.value })} />
{[['cash', 'เงินสด'], ['transfer', 'โอนเข้าบัญชี'], ['cheque', 'เช็คธนาคาร']].map(([k, l]) => ( ))}
{/* รายการเดบิต (ค่าจ้าง/งาน) */}
รายการ (เดบิต DR)
{v.items.map((it, i) => (
setItem(i, 'bill', e.target.value)} placeholder="เลขที่บิล" className="w-28 num" /> setItem(i, 'label', e.target.value)} placeholder="รายการ / Description" className="flex-1" />
setItem(i, 'amount', val)} step={100} />
))}
{/* รายการเครดิต (หัก) */}
รายการหัก (เครดิต CR)
{v.deductions.length === 0 &&
— ไม่มีรายการหัก —
}
{v.deductions.map((d, i) => (
setDed(i, 'label', e.target.value)} placeholder="เช่น หัก ภาษี ณ ที่จ่าย / ประกันสังคม" className="flex-1" />
setDed(i, 'amount', val)} step={100} />
))}
{/* หัก ณ ที่จ่าย — คำนวณอัตโนมัติจากยอดเดบิต */}
หัก ภาษี ณ ที่จ่าย (คำนวณอัตโนมัติจากยอดเดบิต)
{[0, 1, 2, 3, 5].map(r => ( ))}
upd({ whtRate: val })} step={1} />
→ หัก {baht(whtAmount)}
จ้างทำของ/รับเหมา = 3% · ค่าเช่า = 5% · ขนส่ง = 1% · ลูกจ้างรายวันมักเป็น 0%
{/* สรุป */}
รวมเดบิต (ค่าจ้าง){baht(drTotal)}
{dedTotal > 0 &&
รวมรายการหัก−{baht(dedTotal)}
}
หัก ภาษี ณ ที่จ่าย ({whtRate}%)−{baht(whtAmount)}
จ่ายสุทธิ{baht(net)}
 ); } /* ========================================================================= เอกสาร: สรุปจ่ายค่าแรงประจำเดือน (ใบเสร็จ/สรุปยอดเดือน) ========================================================================= */ function MonthlySummaryDoc({ settings, year, month, rows }) { const totalGross = rows.reduce((t, r) => t + r.gross, 0); const totalSso = rows.reduce((t, r) => t + r.sso, 0); const totalWht = rows.reduce((t, r) => t + r.wht, 0); const totalNet = rows.reduce((t, r) => t + r.net, 0); return (
{settings.company}
{settings.address}
เลขประจำตัวผู้เสียภาษี {settings.taxId}
สรุปจ่ายค่าแรงประจำเดือน
MONTHLY PAYROLL SUMMARY
{TH_MONTHS[month - 1]} {year + 543}
{rows.map((r, i) => ( ))}
ที่ ชื่อ-สกุล วันงาน ค่าแรงรวม ปกส. ภาษี ณ ที่จ่าย จ่ายสุทธิ ลายเซ็นรับเงิน
{i + 1} {r.worker.name}{r.worker.nickname ? ` (${r.worker.nickname})` : ''} {num(r.dayUnits, 1)} {baht(r.gross)} {r.sso ? baht(r.sso) : '—'} {r.wht ? baht(r.wht) : '—'} {baht(r.net)}
รวมทั้งสิ้น ({rows.length} คน) {baht(totalGross)} {baht(totalSso)} {baht(totalWht)} {baht(totalNet)}
ผู้จัดทำ
ผู้ตรวจสอบ
ผู้อนุมัติ / ผู้จ่ายเงิน
); } /* ========================================================================= เอกสาร: หนังสือรับรองการหักภาษี ณ ที่จ่าย (50 ทวิ) — รายปี ========================================================================= */ function Tawi50Doc({ settings, year, payeeName, payeeTaxId, idLabel = 'เลขประจำตัวประชาชน', incomeLabel = 'เงินเดือน / ค่าจ้าง 40(1)', income, tax, sso = 0, dateStr }) { return (
หนังสือรับรองการหักภาษี ณ ที่จ่าย
ตามมาตรา 50 ทวิ แห่งประมวลรัษฎากร · ประจำปีภาษี {year + 543}
ผู้มีหน้าที่หักภาษี ณ ที่จ่าย (ผู้จ่ายเงิน)
{settings.company}
{settings.address}
เลขประจำตัวผู้เสียภาษี {settings.taxId}
ผู้ถูกหักภาษี ณ ที่จ่าย (ผู้รับเงิน)
{payeeName}
{idLabel} {payeeTaxId || '— ยังไม่กรอก —'}
ประเภทเงินได้: {incomeLabel}
ประเภทเงินได้{dateStr ? ` (วันที่จ่าย ${thaiDate(dateStr)})` : ''} จำนวนเงินที่จ่าย ภาษีที่หักและนำส่ง
{incomeLabel} {baht(income)} {baht(tax)}
รวมทั้งสิ้น {baht(income)} {baht(tax)}
{sso > 0 && (
เงินที่นำส่งกองทุนประกันสังคมในปีนี้: {baht(sso)}
)}
จำนวนภาษีที่หัก (ตัวอักษร): ({bahtText(tax)})
ผู้จ่ายเงินขอรับรองว่าข้อความและตัวเลขดังกล่าวข้างต้นถูกต้องตรงกับความจริงทุกประการ
ลงชื่อผู้จ่ายเงิน / ผู้มีหน้าที่หักภาษี
); } /* ========================================================================= เอกสาร: สรุปเงินได้-ภาษี ลูกจ้างรายปี (รายคน) ========================================================================= */ function PND1kDoc({ settings, year, rows }) { const totalIncome = rows.reduce((t, r) => t + r.income, 0); return (
สรุปเงินได้ลูกจ้างรายปี
สรุปการจ่ายค่าจ้างลูกจ้างรายวัน · ประจำปี {year + 543}
{settings.company} · เลขประจำตัวผู้เสียภาษี {settings.taxId}
{rows.map((r, i) => ( ))}
ที่ ชื่อ-สกุล เงินได้ทั้งปี
{i + 1} {r.worker.name}{r.worker.nickname ? ` (${r.worker.nickname})` : ''} {baht(r.income)}
รวมทั้งสิ้น ({rows.length} ราย) {baht(totalIncome)}
ลงชื่อผู้จ่ายเงิน
); } /* ========================================================================= ภ.ง.ด.3 / 53 — การจ่ายเงินให้ผู้รับเหมา/จ้างทำของ (หัก ณ ที่จ่าย) เก็บในตาราง adjustments เดิม: kind='wht', period='wht-YYYY-MM', amount=ฐานเงินจ่าย, label=JSON รายละเอียดผู้รับเงิน — ไม่กระทบข้อมูลเดิม ========================================================================= */ const WHT_TYPES = [ { key: 'service', label: 'จ้างทำของ / รับเหมา / ค่าบริการ', rate: 3, sec: '40(7)(8)' }, { key: 'professional', label: 'ค่าวิชาชีพอิสระ', rate: 3, sec: '40(6)' }, { key: 'rent', label: 'ค่าเช่าทรัพย์สิน', rate: 5, sec: '40(5)' }, { key: 'transport', label: 'ค่าขนส่ง', rate: 1, sec: '40(8)' }, { key: 'ad', label: 'ค่าโฆษณา', rate: 2, sec: '40(8)' }, ]; const whtTypeBy = k => WHT_TYPES.find(t => t.key === k) || WHT_TYPES[0]; function parseWht(a) { let m = {}; try { m = JSON.parse(a.label || '{}'); } catch (_) { m = {}; } const base = Number(a.amount) || 0; const rate = Number(m.rate) || 0; return { id: a.id, base, rate, wht: Math.round(base * rate) / 100, name: m.name || '', taxId: m.taxId || '', payeeType: m.payeeType || 'person', incomeType: m.incomeType || 'service', incomeLabel: m.incomeLabel || whtTypeBy(m.incomeType).label, date: m.date || '', addr: m.addr || '', note: m.note || '', }; } const whtList = (db, year) => db.adjustments.filter(a => a.kind === 'wht') .map(parseWht).filter(r => !year || r.date.startsWith(String(year))) .sort((a, b) => a.date < b.date ? 1 : -1); /* เอกสาร ภ.ง.ด.3 (บุคคล) / ภ.ง.ด.53 (นิติบุคคล) */ function PndWhtDoc({ settings, year, form, rows }) { const totalBase = rows.reduce((t, r) => t + r.base, 0); const totalWht = rows.reduce((t, r) => t + r.wht, 0); return (
ใบแนบ ภ.ง.ด.{form}
รายการภาษีเงินได้หัก ณ ที่จ่าย ({form === '53' ? 'จ่ายให้นิติบุคคล' : 'จ่ายให้บุคคลธรรมดา'}) · ปีภาษี {year + 543}
{settings.company} · เลขประจำตัวผู้เสียภาษี {settings.taxId}
{rows.map((r, i) => ( ))}
ที่ เลขผู้เสียภาษี/บัตร ปชช. ชื่อผู้รับเงิน วันที่จ่าย ประเภทเงินได้ อัตรา จำนวนเงิน ภาษีหัก
{i + 1} {r.taxId || '—'} {r.name} {r.date ? thaiDate(r.date) : '—'} {r.incomeLabel} {r.rate}% {baht(r.base)} {baht(r.wht)}
รวมทั้งสิ้น ({rows.length} ราย) {baht(totalBase)} {baht(totalWht)}
* นำส่ง ภ.ง.ด.{form} ภายในวันที่ 7 ของเดือนถัดจากเดือนที่จ่ายเงิน · จ้างทำของ/รับเหมา/บริการ หัก 3% · ค่าเช่า 5% · ค่าขนส่ง 1%
ลงชื่อผู้มีหน้าที่หักภาษี ณ ที่จ่าย
); } /* Modal: เพิ่ม/แก้ไข รายการจ่ายผู้รับเหมา (หัก ณ ที่จ่าย) */ function WhtModal({ open, onClose, initial }) { const { db, addAdjustment, removeAdjustment } = useDB(); const blank = { id: null, date: ymd(TODAY), name: '', taxId: '', payeeType: 'person', incomeType: 'service', rate: 3, base: 0, addr: '', note: '' }; const [r, setR] = txS(blank); React.useEffect(() => { if (open) setR(initial ? { ...blank, ...initial } : blank); }, [open, initial]); // รายชื่อผู้รับเหมาที่เคยกรอก (ไว้เลือกอัตโนมัติ ไม่ต้องพิมพ์ซ้ำ) const known = React.useMemo(() => { const map = {}; db.adjustments.filter(a => a.kind === 'wht').forEach(a => { const p = parseWht(a); if (p.name && !map[p.name]) map[p.name] = { name: p.name, taxId: p.taxId, payeeType: p.payeeType, incomeType: p.incomeType, rate: p.rate }; }); return Object.values(map); }, [db.adjustments]); if (!open) return null; const f = (k, v) => setR(p => ({ ...p, [k]: v })); const onType = (k) => { const t = whtTypeBy(k); setR(p => ({ ...p, incomeType: k, rate: t.rate })); }; // พิมพ์/เลือกชื่อ → ถ้าตรงกับที่เคยกรอก เติมเลขภาษี/ประเภท/อัตราให้อัตโนมัติ const onName = (v) => { const hit = known.find(k => k.name === v); setR(p => hit ? { ...p, name: v, taxId: hit.taxId || p.taxId, payeeType: hit.payeeType || p.payeeType, incomeType: hit.incomeType || p.incomeType, rate: hit.rate || p.rate } : { ...p, name: v }); }; const wht = Math.round((Number(r.base) || 0) * (Number(r.rate) || 0)) / 100; const save = () => { if (!r.name.trim() || !(Number(r.base) > 0)) { alert('กรุณากรอกชื่อผู้รับเงินและจำนวนเงิน'); return; } const t = whtTypeBy(r.incomeType); const label = JSON.stringify({ name: r.name.trim(), taxId: r.taxId.trim(), payeeType: r.payeeType, incomeType: r.incomeType, incomeLabel: t.label, rate: Number(r.rate) || 0, date: r.date, addr: r.addr.trim(), note: r.note.trim() }); if (r.id) removeAdjustment(r.id); addAdjustment({ workerId: 'ctr', period: 'wht-' + (r.date || '').slice(0, 7), kind: 'wht', label, amount: Number(r.base) || 0 }); onClose(); }; return ( }>
f('date', e.target.value)} className="[color-scheme:dark]" />
onName(e.target.value)} list="wht-payees" autoComplete="off" placeholder="เช่น นายสมศักดิ์ รับเหมา / หจก.ช่างดี" /> {known.map(k => f('taxId', e.target.value.replace(/\D/g, '').slice(0, 13))} className="num" placeholder="x-xxxx-xxxxx-xx-x" />
f('rate', v)} step={1} />
f('base', v)} step={100} /> f('note', e.target.value)} placeholder="เช่น งานเหมาเทพื้น บ.นาเมือง" />
ภาษีหัก ณ ที่จ่าย ({r.rate}%) {baht(wht)}
จ่ายจริง (สุทธิ) {baht((Number(r.base) || 0) - wht)}
); } /* ========================================================================= Modal: แก้ไข (แต่ง) ค่าแรงรายเดือน ========================================================================= */ function EditMonthModal({ open, onClose, db, worker, year, month }) { const { addAdjustment, removeAdjustment } = useDB(); const calc = open && worker ? wageForMonth(db, worker.id, year, month) : { gross: 0 }; const cur = open && worker ? monthOverride(db, worker.id, year, month) : null; const [val, setVal] = txS(''); const [note, setNote] = txS(''); React.useEffect(() => { if (open) { setVal(cur ? String(cur.amount) : String(Math.round(calc.gross))); setNote(cur?.label || ''); } }, [open, worker, year, month]); if (!open || !worker) return null; const save = () => { if (cur) removeAdjustment(cur.id); addAdjustment({ workerId: worker.id, period: TMKEY(year, month), kind: 'taxadj', label: note.trim() || 'แก้ไขด้วยมือ', amount: Number(val) || 0 }); onClose(); }; const reset = () => { if (cur) removeAdjustment(cur.id); onClose(); }; return ( {cur && } }>
ยอดที่ระบบคำนวณจากการลงเวลา {baht(calc.gross)}
setVal(String(v))} step={100} /> setNote(e.target.value)} placeholder="เช่น ปรับยอดตามที่ตกลง / รวมเบี้ยขยัน" />
); } /* ========================================================================= Modal: สรุปรายเดือน + ออกใบสำคัญจ่าย ========================================================================= */ function MonthlySummaryModal({ open, onClose, db, year, month, workers }) { if (!open) return null; const rows = workers.map(w => { const e = effMonth(db, w.id, year, month); const sso = ssoMonth(e.gross, db.settings); // ภาษีหัก ณ ที่จ่ายรายเดือน = ภาษีทั้งปีหารเฉลี่ย (ประมาณการ) — ลูกจ้างรายวันมักเป็น 0 const yw = yearWage(db, w.id, year); const ssoYear = yw.months.reduce((t, mm) => t + ssoMonth(mm.gross, db.settings), 0); const taxYear = withholdingYear(yw.total, ssoYear).tax; const monthsWithPay = yw.months.filter(mm => mm.gross > 0).length || 1; const wht = e.gross > 0 ? Math.round(taxYear / monthsWithPay) : 0; return { worker: w, ...e, sso, wht, net: e.gross - sso - wht }; }).filter(r => r.gross > 0 || r.overridden); const doPrintSummary = () => printElement(, 'A4'); const doPrintVoucher = (r) => printElement( 0 ? [{ label: 'ค่าล่วงเวลา (OT)', amount: r.ot }] : [])]} deductions={[...(r.wht > 0 ? [{ label: 'หัก ภาษี ณ ที่จ่าย', amount: r.wht }] : []), ...(r.sso > 0 ? [{ label: 'หัก เงินประกันสังคม', amount: r.sso }] : [])]} net={r.net} />, 'A5'); const totalNet = rows.reduce((t, r) => t + r.net, 0); return ( }> {rows.length === 0 ? : (
{rows.map(r => ( ))}
ชื่อ วันงาน ค่าแรงรวม ปกส. ภาษี สุทธิ ใบสำคัญจ่าย
{r.worker.name}{r.overridden && ●แก้ไข} {num(r.dayUnits, 1)} {baht(r.gross)} {r.sso ? baht(r.sso) : '—'} {r.wht ? baht(r.wht) : '—'} {baht(r.net)}
รวมจ่ายสุทธิ ({rows.length} คน) {baht(totalNet)}
)} ); } /* ========================================================================= หน้าหลัก: ภาษีค่าแรง ========================================================================= */ function WageTax() { const { db } = useDB(); const thisYear = TODAY.getFullYear(); const [year, setYear] = txS(thisYear); const [tab, setTab] = txS('grid'); // grid | tax const [edit, setEdit] = txS(null); // {worker, month} const [sumMonth, setSumMonth] = txS(null); // month number → open summary modal const [whtEdit, setWhtEdit] = txS(null); // null=ปิด, {}=เพิ่ม, {record}=แก้ const [voucher, setVoucher] = txS(null); // ใบสำคัญจ่าย (แก้ตัวเลขเอง) const workers = db.workers.filter(w => w.active); const yearOpts = [thisYear, thisYear - 1, thisYear - 2]; // ตารางรายเดือน const grid = txM(() => workers.map(w => ({ worker: w, ...yearWage(db, w.id, year) })), [db, workers, year]); const monthTotals = Array.from({ length: 12 }, (_, m) => grid.reduce((t, g) => t + g.months[m].gross, 0)); const grandTotal = grid.reduce((t, g) => t + g.total, 0); // สรุปภาษีรายปีลูกจ้าง const taxRows = txM(() => workers.map(w => { const yw = yearWage(db, w.id, year); const ssoYear = yw.months.reduce((t, mm) => t + ssoMonth(mm.gross, db.settings), 0); const wy = withholdingYear(yw.total, ssoYear); return { worker: w, income: yw.total, sso: ssoYear, ...wy }; }).filter(r => r.income > 0), [db, workers, year]); // ภ.ง.ด.3/53 — รายการจ่ายผู้รับเหมา const whtRows = txM(() => whtList(db, year), [db, year]); const wht3 = whtRows.filter(r => r.payeeType === 'person'); const wht53 = whtRows.filter(r => r.payeeType === 'company'); const { removeAdjustment } = useDB(); return (
} /> {/* tabs */}
{[['grid', 'ตารางค่าแรงรายเดือน'], ['tax', 'ลูกจ้างรายวัน'], ['wht3', 'จ้างเหมา (ภ.ง.ด.3/53)']].map(([k, l]) => ( ))}
{tab === 'grid' && ( <>
{TH_MONTHS_SHORT.map((mn, i) => ( ))} {grid.map(g => ( {g.months.map((e, mi) => ( ))} ))} {monthTotals.map((t, i) => ( ))}
คนงาน รวมทั้งปี
{g.worker.name}
{g.worker.nickname} · {TYPE[g.worker.type].short}
 {baht(g.total, 0)}
รวมทุกคน{t > 0 ? num(t, 0) : '–'}{baht(grandTotal, 0)}
● = แก้ไขด้วยมือ (override) · กดที่ตัวเลขเพื่อแก้ · กดชื่อเดือนบนหัวตารางเพื่อสรุป + ออกใบสำคัญจ่าย
)} {tab === 'tax' && ( <>
{grid.length === 0 && } {grid.map(g => ( ))}
คนงาน เงินได้ทั้งปี (ที่กรอก) ใบสำคัญจ่าย
ยังไม่มีคนงาน
{g.worker.nickname || g.worker.name}
{g.worker.code}{g.worker.name && g.worker.name !== g.worker.nickname ? ` · ${g.worker.name}` : ''}
 {g.total > 0 ? baht(g.total) : —}
ตัวเลขเงินได้มาจากที่กรอกในแท็บ "ตารางค่าแรงรายเดือน" (แก้ได้ทุกช่อง) · กด "ใบสำคัญจ่าย" เพื่อสร้างเอกสาร แล้วแก้ตัวเลขเองได้ก่อนพิมพ์ · ภาษีหัก ณ ที่จ่ายเป็นหน้าที่ของระบบสรรพากร — ระบบนี้ไม่คำนวณให้
)} {tab === 'wht3' && ( <>
{whtRows.length === 0 && } {whtRows.map(r => ( ))}
วันที่จ่าย ผู้รับเงิน แบบ ประเภทเงินได้ จำนวนเงิน อัตรา ภาษีหัก จัดการ
ยังไม่มีรายการจ้างเหมาในปีนี้ — กด "เพิ่มรายการจ่ายผู้รับเหมา"
{r.date ? thaiDate(r.date) : '—'} {r.name}
{r.taxId || '— ไม่มีเลขผู้เสียภาษี —'}
 {r.payeeType === 'company' ? 'ภ.ง.ด.53' : 'ภ.ง.ด.3'} {r.incomeLabel}{r.note ?
{r.note}
: null}		 {baht(r.base)} {r.rate}% {baht(r.wht)}
{whtRows.length > 0 && (
ภ.ง.ด.3 (บุคคล): {wht3.length} ราย · ภาษี {baht(wht3.reduce((t, r) => t + r.wht, 0))} ภ.ง.ด.53 (นิติบุคคล): {wht53.length} ราย · ภาษี {baht(wht53.reduce((t, r) => t + r.wht, 0))}
)}
จ้างเหมา/จ้างทำของบุคคลธรรมดา หัก 3% → ภ.ง.ด.3 · จ่ายให้บริษัท/หจก. → ภ.ง.ด.53 · นำส่งภายในวันที่ 7 ของเดือนถัดไป
)} setEdit(null)} db={db} worker={edit?.worker} year={year} month={edit?.month} /> setSumMonth(null)} db={db} year={year} month={sumMonth} workers={workers} /> setWhtEdit(null)} initial={whtEdit && whtEdit.id ? whtEdit : null} /> setVoucher(null)} initial={voucher} settings={docSettings(db)} />
); } Object.assign(window, { WageTax });