{patient.name}
{patient.age} yaş · {patient.gender === "K" ? "Kadın" : "Erkek"} ·
{patient.phone}
{c.name}
{showMore &&
setShowMore(false)}/>}
Toplam tutar
{fmtTRY(patient.totalFee)}
Tahsil
{fmtTRY(patient.paid)}
Kalan
0 ? "var(--coral)" : "var(--mint)"}}>
{fmtTRY(patient.balance)}
Hekim hakedişi
{fmtTRY(totalShare)}
Ödeme ilerlemesi · %{pct}
{[
["plan","Tedavi Planı"],
["sessions","Seans Geçmişi"],
["payments","Ödemeler"],
["notes","Notlar"],
["files","Belgeler"],
].map(([k, label]) => (
))}
{tab === "plan" &&
}
{tab === "sessions" && }
{tab === "payments" && }
{tab === "notes" && }
{tab === "files" && }
);
}
const DEFAULT_PROCEDURES = [
"İmplant cerrahisi", "İmplant kontrolü", "İmplant üst yapısı",
"Kanal tedavisi", "Kanal kontrolü",
"Kompozit dolgu", "Amalgam dolgu",
"Zirkonyum kron", "Zirkonyum köprü", "Kron simantasyonu", "Geçici kron",
"Diş beyazlatma (ofis)", "Diş beyazlatma (ev)",
"Ortodonti kontrolü", "Braket yapıştırma", "Braket sökümü", "Şeffaf plak teslimi", "Şeffaf plak kontrolü",
"Diş çekimi", "Gömülü diş çekimi",
"Tartar temizliği", "Profilaksi",
"İlk muayene", "Kontrol muayenesi",
"Panoramik röntgen", "RVG röntgen", "CBCT",
"Ölçü alımı", "Dikiş alımı",
];
function getProcedures() {
try { return JSON.parse(localStorage.getItem("df_procedures")) || DEFAULT_PROCEDURES; } catch { return DEFAULT_PROCEDURES; }
}
function saveProcedures(list) {
localStorage.setItem("df_procedures", JSON.stringify(list));
}
function ProcedureManagerModal({ onClose }) {
const [items, setItems] = React.useState(getProcedures);
const [newItem, setNewItem] = React.useState("");
const [editing, setEditing] = React.useState(null);
const [editVal, setEditVal] = React.useState("");
const save = (list) => { setItems(list); saveProcedures(list); };
const handleAdd = (e) => {
e.preventDefault();
const val = newItem.trim();
if (!val || items.includes(val)) return;
save([...items, val]);
setNewItem("");
};
const handleDelete = (i) => save(items.filter((_, idx) => idx !== i));
const handleRename = (i) => {
const val = editVal.trim();
if (!val) return;
const next = [...items];
next[i] = val;
save(next);
setEditing(null);
};
const handleReset = () => { if (confirm("Varsayılana dönsün mü?")) save(DEFAULT_PROCEDURES); };
return (
e.target === e.currentTarget && onClose()}>
İşlem Listesini Düzenle
{items.map((item, i) => (
{editing === i ? (
setEditVal(e.target.value)}
onKeyDown={e => { if (e.key === "Enter") handleRename(i); if (e.key === "Escape") setEditing(null); }}/>
) : (
{item}
)}
{editing === i ? (
<>
) : (
<>
)}
))}
);
}
function PlanTab({ patient, clinic, onUpdate }) {
const { fmtTRY, fmtDate, StatusPill } = window.DentUI;
const I = window.DentIcons;
const [showAdd, setShowAdd] = React.useState(false);
const [showManager, setShowManager] = React.useState(false);
const [procedures, setProcedures] = React.useState(getProcedures);
const [form, setForm] = React.useState({ procedure: "", date: "", fee: "", status: "Planlandı", count: "1", interval: "14" });
const [customProc, setCustomProc] = React.useState("");
const set = (k, v) => setForm(f => ({ ...f, [k]: v }));
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.toISOString().slice(0, 10);
}
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,
};
});
const newPlan = [...patient.plan, ...newSessions];
const newTotal = patient.totalFee + totalFee;
onUpdate({ plan: newPlan, totalFee: newTotal, balance: newTotal - patient.paid });
setForm({ procedure: "", date: "", fee: "", status: "Planlandı", count: "1", interval: "14" });
setCustomProc("");
setShowAdd(false);
};
return (
{patient.treatment || "Tedavi Planı"}
{patient.plan.length} seans · {patient.plan.filter(s=>s.status==="Tamamlandı").length} tamamlandı
{showManager &&
{ setProcedures(getProcedures()); setShowManager(false); }}/>}
{showAdd && (
)}
{patient.plan.map((s) => (
-
{s.session}
{s.procedure}
{fmtDate(s.date)}
{s.fee > 0 && (
<>
Ücret {fmtTRY(s.fee)}
Hakediş {fmtTRY(s.share)}
)}
))}
{patient.plan.length === 0 && Henüz seans eklenmedi.
}
);
}
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 } = 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 I = window.DentIcons;
const [newNote, setNewNote] = React.useState("");
const [saved, setSaved] = React.useState(false);
const handleSave = () => {
if (!newNote.trim()) return;
const existing = patient.notes ? patient.notes + "\n\n" : "";
onUpdate({ notes: existing + newNote.trim() });
setNewNote("");
setSaved(true);
setTimeout(() => setSaved(false), 2000);
};
return (