import AsyncSelect from '@/Components/AsyncSelect'; import { useConfirm } from '@/Components/ConfirmDialog'; import DatePicker from '@/Components/DatePicker'; import DateTimeRangePicker from '@/Components/DateTimeRangePicker'; import MoneyInput from '@/Components/MoneyInput'; import Select from '@/Components/Select'; import AppLayout from '@/Layouts/AppLayout'; import { paraFormat, tarihFormat } from '@/lib/format'; import Link from '@/Components/Link'; import { Head, router, useForm } from '@inertiajs/react'; import { ArrowLeft, Plus, Trash2, Wallet, AlertCircle } from 'lucide-react'; import { FormEvent, useState } from 'react'; interface Odeme { id: number; tarih: string; tutar: number | string; para_birimi: string; aciklama?: string; donem_baslangic?: string; donem_bitis?: string; odeme_turu?: { id: number; ad: string } | null; } interface Personel { id: number; ad: string; soyad: string; saatlik_ucret: number | string; para_birimi: string; } interface Props { personel: Personel; odemeler: Odeme[]; baslangic: string; bitis: string; netBorc: number; odemeTurleri: { id: number; ad: string }[]; } export default function OdemeYonet({ personel, odemeler, baslangic, bitis, netBorc, odemeTurleri }: Props) { const [bas, setBas] = useState(baslangic); const [bit, setBit] = useState(bitis); const filtrele = (e: FormEvent) => { e.preventDefault(); router.get(`/personeller/${personel.id}/odeme/`, { baslangic: bas, bitis: bit }); }; const { data, setData, post, processing, reset } = useForm({ tarih: new Date().toISOString().slice(0, 10), tutar: 0, odeme_tur_id: '', donem_baslangic: '', donem_bitis: '', aciklama: '', }); const ekle = (e: FormEvent) => { e.preventDefault(); post(`/personeller/${personel.id}/odeme`, { preserveScroll: true, onSuccess: () => { setData('tutar', 0); setData('aciklama', ''); setData('donem_baslangic', ''); setData('donem_bitis', ''); }, }); }; const confirm = useConfirm(); const sil = async (o: Odeme) => { const onay = await confirm({ tip: 'tehlike', baslik: 'Ödemeyi Sil', mesaj: <>{tarihFormat(o.tarih)} tarihli, {paraFormat(o.tutar, o.para_birimi)} tutarlı ödeme silinsin mi?, detay: 'Ödeme kaydı kalıcı olarak silinir.', onayMetni: 'Sil', }); if (!onay) return; router.delete(`/personeller/${personel.id}/odeme/${o.id}/`, { preserveScroll: true }); }; const toplamOdeme = odemeler.reduce((t, o) => t + parseFloat(o.tutar as string), 0); return ( Personeller {/* PERSONEL OZET */}

{personel.ad.charAt(0)}{personel.soyad.charAt(0)}

{personel.ad} {personel.soyad}

Saatlik: {paraFormat(personel.saatlik_ucret, personel.para_birimi)}

Net Borç

0 ? 'text-rose-700' : netBorc < 0 ? 'text-emerald-700' : 'text-slate-700'}`}> {paraFormat(Math.abs(netBorc))}

{netBorc > 0 ? 'Personele ödenecek' : netBorc < 0 ? 'Avans verildi' : 'Sıfır'}

{/* TARIH FILTRESI + OZET KARTLAR */}

Bu Dönemde

{odemeler.length} ödeme

Toplam Ödeme

{paraFormat(toplamOdeme)}

{/* YENI ODEME FORMU */}

Yeni Ödeme Yap

Tarih setData('tarih', v)} placeholder="Ödeme tarihi" />

Tutar setData('tutar', v)} currency={personel.para_birimi} placeholder="0,00" />

Tür setData('aciklama', e.target.value)} placeholder="Açıklama..." className="w-full rounded-lg border-slate-300 text-sm" />

{/* ODEME LISTESI */}

{odemeler.length === 0 ? ( ) : ( odemeler.map((o) => ( )) )}

Tarih	Tutar	Tür	Dönem	Açıklama	İşlem
Bu dönemde ödeme yok.
{tarihFormat(o.tarih)}	{paraFormat(o.tutar, o.para_birimi)}	{o.odeme_turu ? ( {o.odeme_turu.ad} ) : -}	{o.donem_baslangic && o.donem_bitis ? `${tarihFormat(o.donem_baslangic)} - ${tarihFormat(o.donem_bitis)}` : '-'}	{o.aciklama \|\| '-'}

); }