/* global React, Icon, fmt, fmtMoney, fmtDate, useToast */ const { useState, useEffect, useRef } = React; // ---------- Generic Modal shell ---------- function Modal({ title, icon, onClose, children, foot, size = "" }) { useEffect(() => { const h = (e) => e.key === "Escape" && onClose(); window.addEventListener("keydown", h); return () => window.removeEventListener("keydown", h); }, [onClose]); return (
e.stopPropagation()}>
{icon &&
}

{title}

{children}
{foot &&
{foot}
}
); } // ---------- Delete Confirm (requires typing DELETE) ---------- function DeleteConfirmModal({ title, message, onClose, onConfirm, loading }) { const [input, setInput] = useState(""); const ok = input.trim().toUpperCase() === "DELETE"; return ( }>
⚠️ คำเตือน: การลบนี้ไม่สามารถกู้คืนได้
{message || title}
setInput(e.target.value)} placeholder="DELETE" autoFocus style={{ fontFamily: "monospace", letterSpacing: 2, fontSize: 15 }} />
); } // ---------- Edit Project ---------- function EditProjectModal({ project, onClose, onSave }) { const [form, set] = useState({ name: project.name || "", client: project.client || "", start_date: project.start_date || "", status: project.status || "active", }); const [loading, setLoading] = useState(false); const valid = form.name.trim().length > 0; const save = async () => { setLoading(true); try { await onSave(form); onClose(); } catch(e) { setLoading(false); } }; return ( }>
set({ ...form, name: e.target.value })} autoFocus />
set({ ...form, client: e.target.value })} />
set({ ...form, start_date: e.target.value })} />
); } // ---------- Edit Contract ---------- function EditContractModal({ contract, onClose, onSave }) { const [form, set] = useState({ contract_number: contract.contract_number || "", contract_date: contract.contract_date || "", description: contract.description || "", }); const [loading, setLoading] = useState(false); const valid = form.contract_number && form.contract_date && form.description; const save = async () => { setLoading(true); try { await onSave(form); onClose(); } catch(e) { setLoading(false); } }; return ( }>
set({ ...form, contract_number: e.target.value })} autoFocus />
set({ ...form, contract_date: e.target.value })} />
set({ ...form, description: e.target.value })} />
); } // ---------- Edit House ---------- function EditHouseModal({ house, onClose, onSave }) { const [form, set] = useState({ house_code: house.house_code || "", price: String(house.price || ""), notes: house.notes || "", }); const [loading, setLoading] = useState(false); const valid = form.house_code && form.price && Number(form.price) > 0; const priceChanged = Number(form.price) !== house.price; const save = async () => { setLoading(true); try { await onSave({ house_code: form.house_code, price: Number(form.price), notes: form.notes }, house.price); onClose(); } catch(e) { setLoading(false); } }; return ( }>
set({ ...form, house_code: e.target.value })} autoFocus />
set({ ...form, price: e.target.value })} />
{priceChanged && (
⚠️ การเปลี่ยนราคาจะปรับยอดมูลค่ารวมในสัญญาและโครงการโดยอัตโนมัติ
)}
set({ ...form, notes: e.target.value })} />
); } // ---------- New Contract ---------- function NewContractModal({ onClose, onCreate }) { const [form, set] = useState({ contract_number: "", contract_date: "", description: "", file: null }); const fileRef = useRef(); const valid = form.contract_number && form.contract_date && form.description; return ( }>
set({ ...form, contract_number: e.target.value })} autoFocus />
set({ ...form, contract_date: e.target.value })} />
set({ ...form, description: e.target.value })} />
set({ ...form, file: e.target.files[0] || null })} />
fileRef.current.click()} style={{ cursor: "pointer" }}>
{form.file ? form.file.name : "คลิกเพื่ออัปโหลด PDF / รูปภาพ"}
PDF, JPG, PNG · สูงสุด 10MB
{form.file && ( )}
); } // ---------- Add House Range ---------- function AddRangeModal({ onClose, onSave }) { const [form, set] = useState({ prefix: "A-", pattern: "001-010", price: "775000", note: "" }); const parsePattern = (pat) => { if (!pat) return []; const codes = []; pat.split(",").forEach((seg) => { seg = seg.trim(); if (seg.includes("-")) { const [a, b] = seg.split("-").map((s) => s.trim()); const len = Math.max(a.length, b.length); const start = parseInt(a, 10), end = parseInt(b, 10); if (!isNaN(start) && !isNaN(end)) { for (let i = start; i <= end; i++) codes.push(String(i).padStart(len, "0")); } } else codes.push(seg); }); return codes; }; const codes = parsePattern(form.pattern); const total = codes.length * (parseFloat(form.price) || 0); return ( }>
set({ ...form, prefix: e.target.value })} />
set({ ...form, pattern: e.target.value })} />
set({ ...form, price: e.target.value })} />
set({ ...form, note: e.target.value })} />
ตัวอย่างที่จะสร้าง {codes.length} หลัง · รวม ฿{fmt(total)}
{codes.length === 0 ? (
ใส่รหัสหรือช่วง — เช่น 001-010
) : (
{codes.slice(0, 50).map((c) => ( {form.prefix}{c} ))} {codes.length > 50 && +{codes.length - 50} อื่นๆ}
)}
); } // ---------- Bulk Text ---------- function BulkTextModal({ onClose, onSave }) { const [txt, setTxt] = useState("A-001,775000,งวดที่ 1\nA-002,775000,งวดที่ 1\nA-003,775000\nA-004,775000"); const rows = txt.split("\n").filter((l) => l.trim()).length; return ( }>
รูปแบบ: รหัสบ้าน, ราคา, หมายเหตุ — บรรทัดละหลัง