);
};
// ---------- Planner hub ----------
const PlannerHub = ({go, back}) => {
const tools=[
{k:'triangle',i:'chartBar',t:'พีระมิดวางแผนการเงิน',s:'แมพหลัก — แตะวางแผนทีละชั้น (แนะนำ)',c:'#1e3a8a',hot:true},
{k:'needs',i:'shieldCheck',t:'คำนวณทุนที่ควรมี',s:'Needs Analysis — ทุนชีวิตที่เหมาะสมกับภาระ',c:'#1e40af'},
{k:'planInvest',i:'chartBar',t:'วางแผนการลงทุน',s:'จัดพอร์ตตามระดับความเสี่ยง (ผ่าน KYC)',c:'#7c3aed',kyc:true},
{k:'planRetire',i:'coins',t:'วางแผนเกษียณ',s:'เป้าเงินเกษียณและเงินออมที่ต้องเตรียม',c:'#2547c4'},
{k:'planEdu',i:'seedling',t:'วางแผนการศึกษาบุตร',s:'ทุนการศึกษาและการออมรายเดือน',c:'#0d9488'},
{k:'planLegacy',i:'crown',t:'วางแผนมรดก',s:'ส่งต่อความมั่งคั่งอย่างมีประสิทธิภาพ',c:'#d97706'},
{k:'planTax',i:'wallet',t:'วางแผนภาษี',s:'ลดหย่อนภาษีด้วยประกันชีวิต/บำนาญ',c:'#5b21b6'},
];
return (
{tools.map(tl=>(
))}
);
};
const PlanShell = ({title, sub, back, go, cid, inputs, result}) => (
);
// ---------- Needs analysis ----------
const NeedsAnalysis = ({go, back, params, toast}) => {
const cust = params.cid && CUSTOMERS.find(c=>c.id===params.cid);
const haveDefault = cust ? Object.values(cust.coverage).reduce((a,b)=>a+b,0) : 2000000;
const [income,setIncome]=useStatePL(cust?cust.income:50000);
const [years,setYears]=useStatePL(10);
const [debt,setDebt]=useStatePL(1000000);
const [depFund,setDep]=useStatePL(2000000);
const [assets,setAssets]=useStatePL(500000);
const [have,setHave]=useStatePL(haveDefault);
const need = Math.max(0, income*12*years + debt + depFund - assets);
const gap = Math.max(0, need - have);
return (
}
result={<>
ช่องว่างความคุ้มครอง
0?'var(--gold)':'#4ade80'}}>{THB(gap)}
{gap>0?'ทุนที่ลูกค้ายังขาดเพื่อคุ้มครองครบ':'ความคุ้มครองเพียงพอแล้ว 🎉'}
{gap>0 && }
}/>
);
};
// ---------- Retirement ----------
const RetirementPlan = ({go, back, toast}) => {
const [ageNow,setAgeNow]=useStatePL(35);
const [ageRet,setAgeRet]=useStatePL(60);
const [expense,setExpense]=useStatePL(30000);
const [savings,setSavings]=useStatePL(500000);
const [monthly,setMonthly]=useStatePL(8000);
const toRet=Math.max(0,ageRet-ageNow), after=Math.max(0,85-ageRet);
const goal=expense*12*after;
const projected=Math.round(savings*Math.pow(1.03,toRet) + monthly*12*toRet*1.03);
const pct=Math.min(100,Math.round(projected/goal*100));
const gap=Math.max(0,goal-projected);
const reqMonthly=toRet>0?Math.round(gap/(toRet*12)):0;
return (
}
result={<>
=100?'#16a34a':pct>=60?'var(--navy-700)':'#f59e0b'}>
{pct}%
ของเป้าหมาย
เป้าเงินเกษียณ (ถึงอายุ 85)
{THBshort(goal)}
คาดว่าจะมี {THBshort(projected)}
0?'ยังขาดอีก':'เกินเป้าหมาย'} value={THB(gap)} big color={gap>0?'var(--gold-600)':'var(--ok)'}/>
{gap>0 && (
ควรออมเพิ่มอีก {THB(reqMonthly)}/เดือน เพื่อให้ถึงเป้าเกษียณ — แนะนำประกันบำนาญ
)}
}/>
);
};
// ---------- Education ----------
const EducationPlan = ({go, back}) => {
const [childAge,setChildAge]=useStatePL(5);
const [startAge,setStartAge]=useStatePL(18);
const [tuition,setTuition]=useStatePL(200000);
const [yrs,setYrs]=useStatePL(4);
const [savings,setSavings]=useStatePL(100000);
const [monthly,setMonthly]=useStatePL(3000);
const toStart=Math.max(0,startAge-childAge);
const goal=tuition*yrs;
const projected=Math.round(savings*Math.pow(1.025,toStart)+monthly*12*toStart);
const pct=Math.min(100,Math.round(projected/goal*100));
const gap=Math.max(0,goal-projected);
const reqMonthly=toStart>0?Math.round(gap/(toStart*12)):0;
return (
}
result={<>
=100?'#16a34a':'#0d9488'}>
{pct}%
ของเป้าหมาย
ทุนการศึกษาที่ต้องเตรียม
{THBshort(goal)}
เริ่มใช้ในอีก {toStart} ปี
0?'ยังขาดอีก':'เพียงพอแล้ว'} value={THB(gap)} big color={gap>0?'#0d9488':'var(--ok)'}/>
{gap>0 && (
ควรออมเพิ่มอีก {THB(reqMonthly)}/เดือน — แนะนำประกันสะสมทรัพย์เพื่อการศึกษา
)}
}/>
);
};
// ---------- Tax ----------
function thaiTax(taxable){
const b=[[150000,0],[150000,.05],[200000,.10],[250000,.15],[250000,.20],[1000000,.25],[3000000,.30],[Infinity,.35]];
let tax=0, rem=Math.max(0,taxable);
for(const [size,rate] of b){ if(rem<=0)break; const amt=Math.min(rem,size); tax+=amt*rate; rem-=amt; }
return Math.round(tax);
}
const TaxPlan = ({go, back}) => {
const [income,setIncome]=useStatePL(1200000);
const [deduct,setDeduct]=useStatePL(150000);
const [life,setLife]=useStatePL(0);
const [pension,setPension]=useStatePL(0);
const expense=Math.min(income*0.5,100000);
const personal=60000;
const taxableBefore=Math.max(0, income-expense-personal-deduct);
const taxableAfter=Math.max(0, taxableBefore-life-pension);
const taxBefore=thaiTax(taxableBefore), taxAfter=thaiTax(taxableAfter);
const saved=taxBefore-taxAfter;
const max=Math.max(taxBefore,1);
return (
เพิ่มลดหย่อนด้วยประกัน
}
result={<>
ภาษีที่ประหยัดได้
{THB(saved)}
จากการลดหย่อนเบี้ยประกัน {THB(life+pension)}
ก่อนวางแผน{THB(taxBefore)}
หลังวางแผน{THB(taxAfter)}
}/>
);
};
Object.assign(window, { PlnSlider, PlannerHub, NeedsAnalysis, RetirementPlan, EducationPlan, TaxPlan });