/* ============ Annual reports: งบประจำปี / งบดุล / กราฟวิเคราะห์รายปี ============ */ function AnnualPage({ onNav, toast }) { const [tab, setTab] = useState('overview'); // overview | jobs | balance | archive const years = D.years; const cur = years[years.length - 1]; return ( <>
งบประจำปี & วิเคราะห์
สรุปผลประกอบการรายปี · กำไรสะสม · แยกประเภทงาน · งบดุล — เพื่อยื่นภาษีและวางแผนลดหย่อน
{[['overview', 'ภาพรวมรายปี'], ['jobs', 'แยกประเภทงาน'], ['balance', 'งบดุล/กำไรสะสม'], ['archive', 'เก็บเอกสารรายปี']].map(([id, l]) => ( ))}
{tab === 'overview' && } {tab === 'jobs' && } {tab === 'balance' && } {tab === 'archive' && } ); } /* ----- grouped bar + line: revenue/expense/profit per year ----- */ function AnnualOverview({ years }) { const max = Math.max(...years.flatMap((y) => [y.revenue, y.expense])) * 1.1; const maxAcc = Math.max(...years.map((y) => y.accProfit)) * 1.1; const H = 240; // accumulated profit points as percentages (for div-based dots — avoids SVG oval distortion) const pts = years.map((y, i) => ({ x: (i + 0.5) / years.length * 100, y: 100 - (y.accProfit / maxAcc) * 100, val: y.accProfit, })); const linePath = pts.map((p, i) => (i ? 'L' : 'M') + p.x + ' ' + p.y).join(' '); return ( <>

รายได้ · รายจ่าย · กำไรสะสม รายปี

เปรียบเทียบ 4 ปี (พ.ศ. 2565–2568)
{[['รายได้', 'var(--primary)'], ['รายจ่าย', 'var(--primary-tint2)'], ['กำไรสะสม', 'var(--warn)']].map(([l, c]) => ( {l} ))}
{/* bars */}
{years.map((y, i) => (
{(y.revenue / 1e6).toFixed(1)}M
{y.label}
))}
{/* accumulated profit line overlay */}
{pts.map((p, i) => (
))}
{/* per-year table */}

ตารางสรุปผลประกอบการรายปี

{years.map((y) => ( ))}
ปีภาษี (พ.ศ.)รายได้รวมรายจ่ายรวมกำไรขั้นต้นVAT จ่ายกำไรสุทธิกำไรสะสม
{y.label}{y.ytd && ถึงปัจจุบัน} {D.fmt0(y.revenue)} {D.fmt0(y.expense)} {D.fmt0(y.profit)} {D.fmt0(y.vatPaid)} {D.fmt0(y.netProfit)} {D.fmt0(y.accProfit)}
); } /* ----- revenue split by job type ----- */ function AnnualJobs({ years, cur }) { const segs = D.jobTypes.map((j) => ({ id: j.id, label: j.label, color: j.color, value: cur.revByJob[j.id] || 0 })).sort((a, b) => b.value - a.value); const totalCur = segs.reduce((a, s) => a + s.value, 0); // stacked bars across years const maxYr = Math.max(...years.map((y) => y.revenue)) * 1.05; return ( <>
วิเคราะห์ว่ารายได้มาจากงานประเภทใดบ้าง เพื่อวางแผนภาษีและจับคู่ใบกำกับภาษีซื้อให้ตรงประเภทงาน — ใช้สิทธิ์ลดหย่อน/เครดิต VAT ได้ถูกต้อง

สัดส่วนรายได้ปีนี้

{cur.label}
{segs.map((s) => (
{s.label} {D.fmt0(s.value)} {Math.round(s.value / totalCur * 100)}%
))}

แนวโน้มรายได้แต่ละประเภทงาน

stacked · 4 ปี
{years.map((y) => { const total = y.revenue; return (
{D.jobTypes.map((j) => { const v = y.revByJob[j.id] || 0; return
; })}
{y.label.split(' ')[0]}
); })}
{D.jobTypes.map((j) => ( {j.label} ))}
{/* matrix table: job type x year */}

รายได้แยกประเภทงาน × ปี

{years.map((y) => )} {D.jobTypes.map((j) => { const sum = years.reduce((a, y) => a + (y.revByJob[j.id] || 0), 0); return ( {years.map((y) => )} ); })} {years.map((y) => )}
ประเภทงาน{y.label.split(' ')[0]}รวม 4 ปี
{j.label}{D.fmt0(y.revByJob[j.id] || 0)}{D.fmt0(sum)}
รวมรายได้{D.fmt0(y.revenue)}{D.fmt0(years.reduce((a, y) => a + y.revenue, 0))}
); } /* ----- balance sheet + accumulated profit ----- */ function AnnualBalance({ years }) { const cur = years[years.length - 1]; const maxAcc = Math.max(...years.map((y) => y.accProfit)); return ( <>
{/* balance sheet */}

งบดุล (ย่อ)

ณ สิ้นปี {cur.label}
ส่วนของผู้ถือหุ้น {D.baht(cur.equity, 0)}
สินทรัพย์ = หนี้สิน + ส่วนของผู้ถือหุ้น
{/* accumulated profit growth */}

กำไรสะสม (เติบโตรายปี)

{years.map((y) => (
{(y.accProfit / 1e6).toFixed(1)}M
{y.label.split(' ')[0]}
))}
กำไรสะสมใช้พิจารณาการจ่ายเงินปันผลและประเมินสุขภาพทางการเงินของกิจการ
{/* P&L summary for filing */}

งบกำไรขาดทุน — เตรียมยื่นภาษี

สรุปสำหรับ ภ.ง.ด.50 (นิติบุคคล)
{years.map((y) => )}{years.map((y) => )}{years.map((y) => )}{years.map((y) => )}{years.map((y) => )}
รายการ{y.label.split(' ')[0]}
รายได้จากการประกอบกิจการ{D.fmt0(y.revenue)}
หัก ต้นทุน + ค่าใช้จ่าย({D.fmt0(y.expense)})
กำไรก่อนภาษี{D.fmt0(y.profit)}
กำไรสุทธิ{D.fmt0(y.netProfit)}
); } function BalRow({ label, value, bold }) { return
{label}{D.baht(value, 0)}
; } function BalSub({ label, value }) { return
{label}{D.fmt0(value)}
; } /* ----- document archive per year ----- */ function AnnualArchive({ onNav, toast }) { return ( <>
คลังเก็บเอกสารแยกตามปี — ทุกใบเสร็จ/ใบกำกับภาษีถูกจัดเก็บถาวร แบ่งโฟลเดอร์ /ปี/เดือน/หมวด พร้อมดาวน์โหลดทั้งปีได้
{D.archives.map((a) => (
ปี {a.year}
{a.months} เดือน · {a.docs} เอกสาร
{a.status === 'active' ? ปีปัจจุบัน : a.status === 'complete' ? ครบถ้วน : เก็บถาวร}
รายรับ
{a.income}
รายจ่าย
{a.expense}
ส่งบัญชีแล้ว{a.sent}/{a.months} เดือน
ขนาดไฟล์รวม{a.size}
))}
); } window.AnnualPage = AnnualPage;