เลือกวันเวรของคุณที่จะเสนอแลก · {MONTHS_TH[month]} {thaiYear(year)}
{/* day-of-week header */}
{WEEKDAYS_SHORT.map((d,i)=>(
{d}
))}
{/* calendar grid */}
{/* leading empty cells */}
{Array(firstDow).fill(null).map((_,i)=>
)}
{days.map(d=>{
const dn = d.getDate();
const a = assigns[dn];
const isWorking = a && a !== 'off';
const b = isWorking ? BRANCHES[a.b] : null;
const sh = isWorking ? SHIFTS[a.s] : null;
const isToday = isSameDay(d, TODAY);
const isHov = hovered === dn;
return (
);
})}
{/* legend */}
{Object.values(BRANCHES).filter(b=>b.id!=='off').map(b=>(
{b.name}
))}
{Object.values(SHIFTS).map(s=>(
{s.char}
{s.label} {s.time}
))}
);
}
// ============================================================
// 2b. AdvanceLeaveModal — ยื่นขอวันหยุดล่วงหน้า (ก่อนวันที่ 28)
// ============================================================
function AdvanceLeaveModal({ staffId, targetMonth, store, requestAdvanceLeaves, onClose }){
const [sel, setSel] = uSR(new Set());
const [note, setNote] = uSR('');
const year = targetMonth.getFullYear(), month = targetMonth.getMonth();
const days = daysOfMonth(year, month);
const deadline = TODAY.getDate() <= 28;
const deadlineDate = `28 ${MONTHS_TH[TODAY.getMonth()]}`;
const me = STAFF_BY_ID[staffId];
const toggle = (d)=>{
const k = d.getDate();
setSel(s=>{ const n=new Set(s); n.has(k)?n.delete(k):n.add(k); return n; });
};
const submit = ()=>{
const dates = days.filter(d=>sel.has(d.getDate()));
requestAdvanceLeaves(dates, staffId, note.trim());
onClose();
};
// days already requested
const reqKeys = new Set(days.filter(d=>{
const k=`${year}-${String(month+1).padStart(2,'0')}-${String(d.getDate()).padStart(2,'0')}_${staffId}`;
return !!store.leaves[k];
}).map(d=>d.getDate()));
return (
{!deadline
? หมดเขตยื่นล่วงหน้าเดือนนี้แล้ว (หลังวันที่ 28)
: <>
📌 ยื่นได้ถึง วันที่ {deadlineDate} {thaiYear(TODAY.getFullYear())} · เลือกวันหยุดที่ต้องการในเดือน {MONTHS_TH[month]}
{WEEKDAYS_SHORT.map((d,i)=>(
{d}
))}
{Array(new Date(year,month,1).getDay()).fill(null).map((_,i)=>
)}
{days.map(d=>{
const k=d.getDate(); const isSel=sel.has(k); const isReq=reqKeys.has(k);
const isOff=STAFF_BY_ID[staffId].offDays.includes(d.getDay());
return ;
})}
{sel.size>0 && (
เลือกแล้ว {sel.size} วัน: {[...sel].sort((a,b)=>a-b).join(', ')} {MONTHS_TH[month]}
)}