Toplam tutar
{fmtTRY(patient.totalFee)}
Tahsil
{fmtTRY(patient.paid)}
Kalan
0 ? "var(--coral)" : "var(--mint)"}}>
{fmtTRY(patient.balance)}
Hekim hakedişi
{fmtTRY(totalShare)}
{[
["plan","Tedavi Planı"],
["sessions","Seans Geçmişi"],
["payments","Ödemeler"],
["odontogram","Odontogram"],
["notes","Notlar"],
["files","Belgeler"],
].map(([k, label]) => (
))}
setShowOdontogram(false)}/>}
);
}
function ProcSelect({ procedures, value, onChange, required, autoFocus }) {
const [open, setOpen] = React.useState(autoFocus || false);
const ref = React.useRef();
const display = value === "__custom__" ? "✏ Farklı işlem gir..." : value || "— Seçin —";
const isEmpty = !value;
React.useEffect(() => {
const close = (e) => { if (ref.current && !ref.current.contains(e.target)) setOpen(false); };
document.addEventListener("mousedown", close);
return () => document.removeEventListener("mousedown", close);
}, []);
const select = (v) => { onChange(v); setOpen(false); };
return (
{open && (
{procedures.map(p => (
select(p)}
style={{padding:"9px 12px",fontSize:"13.5px",color:"var(--ink)",cursor:"pointer",
background:value===p?"color-mix(in oklch, var(--accent), transparent 90%)":"transparent",
fontWeight:value===p?600:400}}>
{p}
))}
select("__custom__")}
style={{padding:"9px 12px",fontSize:"13.5px",color:"var(--accent)",cursor:"pointer",
borderTop:"1px solid var(--line)",marginTop:2,fontWeight:500}}>
✏ Farklı işlem gir...
)}
);
}
function PlanTab({ patient, clinic, data, onUpdate, onAddEvents }) {
const { fmtTRY, fmtDate, StatusPill, DatePicker } = window.DentUI;
const I = window.DentIcons;
const catalog = data.TREATMENTS_CATALOG || [];
const procedures = catalog.map(c => c.name);
const [showAdd, setShowAdd] = React.useState(false);
const [form, setForm] = React.useState({ procedure: "", date: "", fee: "", status: "Planlandı", count: "1", interval: "14", category: patient.treatment || "" });
const grouped = React.useMemo(() => {
const g = {};
(patient.plan || []).forEach(s => {
const cat = s.category || patient.treatment || "Genel";
if (!g[cat]) g[cat] = [];
g[cat].push(s);
});
return g;
}, [patient.plan, patient.treatment]);
const [customProc, setCustomProc] = React.useState("");
const set = (k, v) => setForm(f => ({ ...f, [k]: v }));
const handleProcedureChange = (name) => {
const entry = catalog.find(c => c.name === name);
setForm(f => ({ ...f, procedure: name, fee: entry?.baseFee != null ? String(entry.baseFee) : f.fee }));
};
const isCustom = form.procedure === "__custom__";
const count = Math.max(1, Math.min(99, parseInt(form.count) || 1));
const interval = Math.max(1, parseInt(form.interval) || 14);
const toggleSessionStatus = (sessionId) => {
const newPlan = patient.plan.map(s =>
s.id === sessionId
? { ...s, status: s.status === "Tamamlandı" ? "Planlandı" : "Tamamlandı" }
: s
);
onUpdate({ plan: newPlan });
};
const handleAdd = (e) => {
e.preventDefault();
const finalProc = isCustom ? customProc.trim() : form.procedure;
if (!finalProc) return;
const totalFee = parseFloat(form.fee) || 0;
const totalShare = Math.round(totalFee * (clinic?.share || 50) / 100);
const startDate = form.date ? new Date(form.date + "T00:00:00") : null;
const newSessions = Array.from({ length: count }, (_, i) => {
let sessionDate = "";
if (startDate) {
const d = new Date(startDate);
d.setDate(d.getDate() + i * interval);
sessionDate = `${d.getFullYear()}-${String(d.getMonth()+1).padStart(2,'0')}-${String(d.getDate()).padStart(2,'0')}`;
}
return {
id: "s" + Date.now() + "_" + i,
session: patient.plan.length + 1 + i,
date: sessionDate,
procedure: finalProc,
fee: i === 0 ? totalFee : 0,
share: i === 0 ? totalShare : 0,
status: form.status,
category: form.category || patient.treatment || "Genel",
};
});
const newPlan = [...patient.plan, ...newSessions];
const newTotal = patient.totalFee + totalFee;
onUpdate({ plan: newPlan, totalFee: newTotal, balance: newTotal - patient.paid });
if (onAddEvents) {
const newEvents = newSessions.filter(s => s.date).map(s => ({
id: 'appt_' + s.id,
date: s.date,
startHour: 9,
duration: 1,
patientId: patient.id,
clinicId: patient.clinicId,
procedure: s.procedure,
notes: '',
}));
if (newEvents.length) onAddEvents(newEvents);
}
setForm({ procedure: "", date: "", fee: "", status: "Planlandı", count: "1", interval: "14", category: patient.treatment || "" });
setCustomProc("");
setShowAdd(false);
};
return (
Tedavi Planı
{patient.plan.length} seans · {patient.plan.filter(s=>s.status==="Tamamlandı").length} tamamlandı
{showAdd && (
)}
{patient.plan.length === 0 &&
Henüz seans eklenmedi.
}
{Object.entries(grouped).map(([cat, sessions]) => (
{cat}
{sessions.length} seans · {sessions.filter(s=>s.status==="Tamamlandı").length} tamamlandı
{sessions.map((s) => (
-
{s.session}
{s.procedure}
{fmtDate(s.date)}
{s.fee > 0 && (
<>
Ücret {fmtTRY(s.fee)}
Hakediş {fmtTRY(s.share)}
)}
))}
))}
);
}
function SessionsTab({ patient }) {
const { fmtTRY, fmtDate, StatusPill } = window.DentUI;
const done = patient.plan.filter(s => s.status === "Tamamlandı");
return (
Seans
Tarih
İşlem
Ücret
Hakediş
{done.map(s => (
#{s.session}
{fmtDate(s.date)}
{s.procedure}
{fmtTRY(s.fee)}
{fmtTRY(s.share)}
))}
);
}
function PaymentsTab({ patient, clinic, onUpdate }) {
const { fmtTRY, Tag, DatePicker } = window.DentUI;
const [showAdd, setShowAdd] = React.useState(false);
const [form, setForm] = React.useState({ date: "", amount: "", method: "Hasta → Klinik" });
const set = (k, v) => setForm(f => ({ ...f, [k]: v }));
const [editingIdx, setEditingIdx] = React.useState(null);
const [editForm, setEditForm] = React.useState({});
const setE = (k, v) => setEditForm(f => ({ ...f, [k]: v }));
const payments = patient.payments || [];
const recalc = (newPayments) => {
const newPaid = newPayments.filter(p => p.status === "Tahsil edildi").reduce((a, p) => a + p.amount, 0);
onUpdate({ payments: newPayments, paid: newPaid, balance: patient.totalFee - newPaid });
};
const handleAdd = (e) => {
e.preventDefault();
const amount = parseFloat(form.amount) || 0;
const newPayments = [...payments, { date: form.date, amount, method: form.method, status: "Tahsil edildi" }];
recalc(newPayments);
setForm({ date: "", amount: "", method: "Hasta → Klinik" });
setShowAdd(false);
};
const handleEditSave = (e) => {
e.preventDefault();
const newPayments = payments.map((p, i) =>
i === editingIdx ? { ...p, date: editForm.date, amount: parseFloat(editForm.amount) || 0, method: editForm.method } : p
);
recalc(newPayments);
setEditingIdx(null);
};
const handleDelete = (i) => {
recalc(payments.filter((_, idx) => idx !== i));
if (editingIdx === i) setEditingIdx(null);
};
return (
Toplam tutar
{fmtTRY(patient.totalFee)}
Tahsil edildi
{fmtTRY(patient.paid)}
Kalan bakiye
0 ? "var(--coral)" : "var(--mint)"}}>
{fmtTRY(patient.balance)}
Hekim hakedişi (%{clinic.share})
{(() => {
const fromSessions = patient.plan.filter(s=>s.status==="Tamamlandı").reduce((a,b)=>a+b.share,0);
return fmtTRY(fromSessions > 0 ? fromSessions : Math.round(patient.paid * clinic.share / 100));
})()}
{showAdd && (
)}
TarihYönTutarDurum
{payments.length === 0 &&
Henüz ödeme eklenmedi.
}
{payments.map((p, i) => editingIdx === i ? (
) : (
{p.date}
{p.method}
{fmtTRY(p.amount)}
{p.status}
))}
);
}
function NotesTab({ patient, onUpdate }) {
const [text, setText] = React.useState(patient.notes || "");
const [dirty, setDirty] = React.useState(false);
const [saved, setSaved] = React.useState(false);
React.useEffect(() => {
if (!dirty) setText(patient.notes || "");
}, [patient.notes]);
const handleChange = (val) => { setText(val); setDirty(true); setSaved(false); };
const handleSave = () => {
onUpdate({ notes: text });
setDirty(false);
setSaved(true);
setTimeout(() => setSaved(false), 2000);
};
const handleTranscript = React.useCallback((t) => {
setText(prev => prev ? prev + t : t);
setDirty(true);
}, []);
return (