/* ============ หัก ณ ที่จ่าย (จ่ายออก) → 50 ทวิ + ภ.ง.ด.3/53 ============ */
function thDateW(iso) { const d = new Date(iso); if (isNaN(d)) return ''; return d.getDate() + ' ' + D.thMonthsShort[d.getMonth()] + ' ' + String((d.getFullYear() + 543) % 100).padStart(2, '0'); }
/* ----- พิมพ์หนังสือรับรองการหักภาษี ณ ที่จ่าย (50 ทวิ) ----- */
function print50tawi(rec) {
const c = D.company || {};
const f = (n) => D.fmt(n || 0);
const types = [
['1. เงินเดือน ค่าจ้าง (40(1))', rec.incomeCode === '40(1)'],
['2. ค่าธรรมเนียม ค่านายหน้า (40(2))', rec.incomeCode === '40(2)'],
['3. ค่าแห่งลิขสิทธิ์ (40(3))', rec.incomeCode === '40(3)'],
['4. ค่าเช่าทรัพย์สิน (40(5))', rec.incomeCode === '40(5)'],
['5. ค่าจ้างทำของ / รับเหมา / บริการ (40(7)(8))', rec.incomeCode === '40(7)/(8)' || rec.incomeCode === 'other' || rec.incomeCode === 'transport' || rec.incomeCode === 'ads'],
];
const w = window.open('', '_blank'); if (!w) return;
const html = `50 ทวิ ${rec.payee || ''}
หนังสือรับรองการหักภาษี ณ ที่จ่าย
ตามมาตรา 50 ทวิ แห่งประมวลรัษฎากร
ผู้มีหน้าที่หักภาษี ณ ที่จ่าย (ผู้จ่ายเงิน)
${c.name || '-'}
${c.address || ''}
เลขประจำตัวผู้เสียภาษี ${c.taxId || '-'}
ผู้ถูกหักภาษี ณ ที่จ่าย (ผู้รับเงิน)
${rec.payee || '-'}
${rec.payeeAddress || ''}
เลขประจำตัวผู้เสียภาษี ${rec.payeeTax || '-'} (${rec.payeeType === 'company' ? 'นิติบุคคล — ภ.ง.ด.53' : 'บุคคลธรรมดา — ภ.ง.ด.3'})
ประเภทเงินได้พึงประเมินที่จ่าย:
${types.map(([l, on]) => (on ? '☑' : '☐') + ' ' + l).join('
')}
รายละเอียด: ${rec.description || '-'}
| วันเดือนปีที่จ่าย | จำนวนเงินที่จ่าย | ภาษีที่หักและนำส่ง |
|---|
| ${rec.payDate || thDateW(rec.payDateISO)} | ${f(rec.amount)} | ${f(rec.wht)} |
| รวม | ${f(rec.amount)} | ${f(rec.wht)} |
ภาษีที่หักนำส่ง (ตัวอักษร): ${bahtText(rec.wht)}
ผู้จ่ายเงิน: ☑ หักภาษี ณ ที่จ่าย ☐ ออกภาษีให้ตลอดไป ☐ ออกภาษีให้ครั้งเดียว
⚠️ เอกสารช่วยจัดเตรียมจากระบบบัญชี·ภาษี — โปรดตรวจสอบกับสำนักงานบัญชีก่อนใช้จริง
`;
w.document.write(html); w.document.close();
}
/* ----- พิมพ์ใบแนบ ภ.ง.ด.3 (บุคคล) / ภ.ง.ด.53 (นิติบุคคล) ----- */
function printPND(list, payeeType, pLong) {
const c = D.company || {};
const f = (n) => D.fmt(n || 0);
const formNo = payeeType === 'company' ? '53' : '3';
const totalAmt = list.reduce((a, r) => a + (r.amount || 0), 0);
const totalWht = list.reduce((a, r) => a + (r.wht || 0), 0);
const w = window.open('', '_blank'); if (!w) return;
const rows = list.map((r, i) => `| ${i + 1} | ${r.payeeTax || '-'} | ${r.payee || '-'} ${r.payeeAddress || ''} | ${r.payDate || thDateW(r.payDateISO)} | ${r.incomeLabel || ''} | ${f(r.amount)} | ${r.whtRate}% | ${f(r.wht)} |
`).join('');
const html = `ภ.ง.ด.${formNo} ${pLong}
ใบแนบ ภ.ง.ด.${formNo}
รายการภาษีหัก ณ ที่จ่าย — ${payeeType === 'company' ? 'ผู้รับเงินเป็นนิติบุคคล' : 'ผู้รับเงินเป็นบุคคลธรรมดา'} · ประจำเดือน ${pLong}
พิมพ์ ${new Date().toLocaleDateString('th-TH')}
ผู้มีหน้าที่หักภาษี: ${c.name || '-'} · เลขผู้เสียภาษี ${c.taxId || '-'} · ${c.address || ''}
| ที่ | เลขผู้เสียภาษี | ผู้ถูกหัก / ที่อยู่ | วันที่จ่าย | ประเภทเงินได้ | จำนวนเงิน | อัตรา | ภาษีหัก |
|---|
${rows || '| ไม่มีรายการในเดือนนี้ |
'}
| รวมทั้งสิ้น ${list.length} ราย | ${f(totalAmt)} | | ${f(totalWht)} |
ภาษีหักนำส่งทั้งสิ้น (ตัวอักษร): ${bahtText(totalWht)}
⚠️ เอกสารช่วยจัดเตรียม (ใบแนบ ภ.ง.ด.${formNo}) — โปรดตรวจสอบกับสำนักงานบัญชี/ยื่นผ่านระบบกรมสรรพากร · กำหนดยื่นภายในวันที่ 7 ของเดือนถัดไป
`;
w.document.write(html); w.document.close();
}
function WHTPage({ role, toast, pShort, pLong, period }) {
const canEdit = role === 'owner' || role === 'staff';
const canDelete = role === 'owner';
const [, setVer] = useState(0);
const refresh = () => setVer((v) => v + 1);
const [modal, setModal] = useState(null);
const [delRow, setDelRow] = useState(null);
const isCurrent = period.m === CURRENT_PERIOD.m && period.y === CURRENT_PERIOD.y;
const defaultISO = (period.y - 543) + '-' + String(period.m + 1).padStart(2, '0') + '-' + String(isCurrent ? new Date().getDate() : 1).padStart(2, '0');
const handleSave = async (rec) => {
const exists = (D.wht || []).some((x) => x.id === rec.id);
const res = exists ? await API.updateWht(rec) : await API.addWht(rec);
if (res.ok && res.data.ok) {
const saved = res.data.record || rec;
D.wht = D.wht || [];
const i = D.wht.findIndex((x) => x.id === saved.id);
if (i >= 0) D.wht[i] = saved; else D.wht.push(saved);
toast(exists ? 'แก้ไขแล้ว' : 'บันทึกการหัก ณ ที่จ่ายแล้ว');
setModal(null); refresh();
} else toast((res.data && (res.data.msg || res.data.error)) || 'บันทึกไม่สำเร็จ', 'warn');
};
const handleDelete = async () => {
const res = await API.deleteWht(delRow.id);
if (res.ok && res.data.ok) { const i = D.wht.findIndex((x) => x.id === delRow.id); if (i >= 0) D.wht.splice(i, 1); toast('ลบแล้ว'); refresh(); }
else toast('ลบไม่สำเร็จ', 'warn');
setDelRow(null);
};
const rows = (D.wht || []).filter((r) => inPeriod(r.payDateISO, period));
const totalAmt = rows.reduce((a, r) => a + (r.amount || 0), 0);
const totalWht = rows.reduce((a, r) => a + (r.wht || 0), 0);
const pnd3 = rows.filter((r) => r.payeeType !== 'company');
const pnd53 = rows.filter((r) => r.payeeType === 'company');
return (
<>
หัก ณ ที่จ่าย (จ่ายออก)
บันทึกภาษีที่หักเมื่อจ่ายค่าแรง/จ้างช่วง → ออก 50 ทวิ + ภ.ง.ด.3/53 · {pShort}
{canEdit &&
}
a + r.wht, 0), 0)} />
a + r.wht, 0), 0)} />
บันทึกทุกครั้งที่จ่ายค่าแรง/จ้างผู้รับเหมาช่วงแล้วหักภาษีไว้ — ระบบออกหนังสือรับรองหัก ณ ที่จ่าย (50 ทวิ)ให้ผู้รับ และรวมเป็นใบแนบ ภ.ง.ด.3/53ยื่นภายในวันที่ 7 ของเดือนถัดไป
รายการหัก ณ ที่จ่าย
| วันที่จ่าย | ผู้ถูกหัก | ประเภทเงินได้ | จำนวนเงิน | อัตรา | ภาษีหัก | แบบ | {canEdit && จัดการ | }
|---|
{rows.map((r) => (
| {r.payDate || thDateW(r.payDateISO)} |
{r.payee} {r.payeeTax} |
{r.incomeLabel}{r.description ? {r.description} : null} |
{D.fmt(r.amount)} |
{r.whtRate}% |
{D.fmt(r.wht)} |
{r.payeeType === 'company' ? 'ภ.ง.ด.53' : 'ภ.ง.ด.3'} |
{canEdit && (
{canDelete && }
|
)}
))}
{rows.length === 0 && | ยังไม่มีรายการหัก ณ ที่จ่ายในเดือนนี้ — กด “เพิ่มการจ่าย” |
}
{rows.length > 0 &&
| รวม {rows.length} ราย |
{D.fmt(totalAmt)} | |
{D.fmt(totalWht)} | | {canEdit && | }
}
{modal && setModal(null)} onSave={handleSave} />}
{delRow && (
setDelRow(null)}
footer={<>}>
ลบรายการหัก ณ ที่จ่ายของ {delRow.payee} ยอดภาษีหัก {D.baht(delRow.wht)} ใช่หรือไม่?
)}
);
}
function WhtModal({ record, defaultISO, onClose, onSave }) {
const r = record || {};
const [payDateISO, setPayDateISO] = useState(r.payDateISO || defaultISO || new Date().toISOString().slice(0, 10));
const [payee, setPayee] = useState(r.payee || '');
const [payeeTax, setPayeeTax] = useState(r.payeeTax || '');
const [payeeAddress, setPayeeAddress] = useState(r.payeeAddress || '');
const [payeeType, setPayeeType] = useState(r.payeeType || 'individual');
const [typeCode, setTypeCode] = useState(r.incomeCode || '40(7)/(8)');
const [amount, setAmount] = useState(r.amount != null ? String(r.amount) : '');
const [rate, setRate] = useState(r.whtRate != null ? String(r.whtRate) : '3');
const [desc, setDesc] = useState(r.description || '');
const [sug, setSug] = useState(false);
const [err, setErr] = useState('');
const [saving, setSaving] = useState(false);
const amtN = parseFloat(amount) || 0;
const rateN = parseFloat(rate) || 0;
const whtN = Math.round(amtN * rateN / 100 * 100) / 100;
const typeObj = D.whtTypes.find((t) => t.code === typeCode) || D.whtTypes[0];
const pickType = (code) => { setTypeCode(code); const t = D.whtTypes.find((x) => x.code === code); if (t) setRate(String(t.rate)); };
// ค้นผู้รับจากที่เคยบันทึก
const payeeBook = React.useMemo(() => {
const m = new Map();
(D.wht || []).forEach((x) => { if (x.payee && !m.has(x.payee)) m.set(x.payee, { payee: x.payee, payeeTax: x.payeeTax, payeeAddress: x.payeeAddress, payeeType: x.payeeType }); });
(D.docs || []).forEach((x) => { if (x.vendor && !m.has(x.vendor)) m.set(x.vendor, { payee: x.vendor, payeeTax: x.vendorTax, payeeAddress: '', payeeType: 'company' }); });
return [...m.values()];
}, []);
const q = payee.trim().toLowerCase();
const sugList = (q ? payeeBook.filter((c) => c.payee.toLowerCase().includes(q) || (c.payeeTax || '').includes(q)) : payeeBook).slice(0, 6);
const pickPayee = (c) => { setPayee(c.payee); setPayeeTax(c.payeeTax && c.payeeTax !== '—' ? c.payeeTax : ''); if (c.payeeAddress) setPayeeAddress(c.payeeAddress); if (c.payeeType) setPayeeType(c.payeeType); setSug(false); };
const save = async () => {
setErr('');
if (!payee.trim()) { setErr('กรุณากรอกชื่อผู้รับเงิน (ผู้ถูกหัก)'); return; }
if (amtN <= 0) { setErr('กรุณากรอกจำนวนเงินที่จ่าย'); return; }
setSaving(true);
await onSave({
id: r.id || ('W' + Date.now()),
payDateISO, payDate: thDateW(payDateISO),
payee: payee.trim(), payeeTax: payeeTax.trim(), payeeAddress: payeeAddress.trim(), payeeType,
incomeCode: typeCode, incomeLabel: typeObj.label, description: desc.trim(),
amount: amtN, whtRate: rateN, wht: whtN, condition: 'หัก', status: r.status || 'recorded',
});
setSaving(false);
};
return (
}>
{err &&
{err}
}
setSug(true)} onChange={(e) => { setPayee(e.target.value); setSug(true); }} onBlur={() => setTimeout(() => setSug(false), 160)} placeholder="พิมพ์ชื่อเพื่อค้นหา/เพิ่มใหม่" />
setPayeeTax(e.target.value)} placeholder="13 หลัก" />
{sug && sugList.length > 0 && (
ผู้รับที่เคยบันทึก
{sugList.map((c, i) => (
))}
)}
setPayeeAddress(e.target.value)} placeholder="ที่อยู่ (สำหรับใบ 50 ทวิ)" />
{[['individual', 'บุคคลธรรมดา → ภ.ง.ด.3'], ['company', 'นิติบุคคล → ภ.ง.ด.53']].map(([k, l]) => (
))}
setDesc(e.target.value)} placeholder="เช่น งานเทพื้น คสล. โครงการ A" />
setAmount(e.target.value)} placeholder="0.00" />
setRate(e.target.value)} />
ยอดจ่ายให้ผู้รับจริง = {D.baht(amtN - whtN)} (จ่าย {D.fmt0(amtN)} − หักภาษี {D.fmt0(whtN)}) · ออกใบ 50 ทวิ ให้ผู้รับ และยื่น{payeeType === 'company' ? ' ภ.ง.ด.53' : ' ภ.ง.ด.3'}