import { useConfirm } from '@/Components/ConfirmDialog'; import Select from '@/Components/Select'; import AppLayout from '@/Layouts/AppLayout'; import Link from '@/Components/Link'; import { Head, router } from '@inertiajs/react'; import { ArrowLeft, Copy, Plus, Save, Trash2, Users } from 'lucide-react'; import { FormEvent, useState } from 'react'; interface Props { kategoriler: { id: number; ad: string }[]; onerilen_kod?: string; } interface Satir { cari_kodu: string; unvan: string; kategori_id: number | ''; vergi_dairesi: string; vergi_no: string; telefon: string; email: string; adres: string; notlar: string; } const bosSatir = (kategoriIdDefault: number | '' = ''): Satir => ({ cari_kodu: '', unvan: '', kategori_id: kategoriIdDefault, vergi_dairesi: '', vergi_no: '', telefon: '', email: '', adres: '', notlar: '', }); export default function CariToplu({ kategoriler, onerilen_kod }: Props) { const varsayilanKat = kategoriler[0]?.id ?? ''; const [satirlar, setSatirlar] = useState([bosSatir(varsayilanKat), bosSatir(varsayilanKat), bosSatir(varsayilanKat)]); const [processing, setProcessing] = useState(false); const confirm = useConfirm(); const guncelle = (idx: number, alan: keyof Satir, deger: any) => { setSatirlar((s) => s.map((sa, i) => (i === idx ? { ...sa, [alan]: deger } : sa))); }; const ekle = () => setSatirlar((s) => [...s, bosSatir(varsayilanKat)]); const sil = async (idx: number) => { const onay = await confirm({ tip: 'tehlike', baslik: 'Satırı Sil', mesaj: <>Bu satırı silmek istediğine emin misin?, detay: 'Henüz kaydedilmemiş; girdiğin bilgiler kaybolacak.', onayMetni: 'Sil', }); if (!onay) return; setSatirlar((s) => s.filter((_, i) => i !== idx)); }; const kopyala = (idx: number) => setSatirlar((s) => [ ...s.slice(0, idx + 1), { ...s[idx], cari_kodu: '' }, ...s.slice(idx + 1), ]); const dolu = satirlar.filter((s) => s.unvan.trim() && s.kategori_id); const kaydet = async (e: FormEvent) => { e.preventDefault(); if (dolu.length === 0) { await confirm({ tip: 'uyari', baslik: 'Geçerli Satır Yok', mesaj: 'En az bir satır için unvan ve kategori girilmelidir.', onayMetni: 'Tamam', iptalMetni: 'Kapat', }); return; } const onay = await confirm({ tip: 'soru', baslik: 'Toplu Cari Kaydetme', mesaj: <>{dolu.length} cari aynı transaction'da kaydedilecek., detay: 'Boş kod alanları otomatik üretilir. İşlem başarısız olursa hiçbiri kaydedilmez (atomik).', onayMetni: 'Kaydet', }); if (!onay) return; setProcessing(true); router.post('/cariler/toplu/', { satirlar: dolu as any }, { onFinish: () => setProcessing(false), }); }; return ( Cariler listesine dön

Birden fazla cariyi tek seferde kaydedin. Her satır için unvan ve kategori zorunlu; diğer alanlar opsiyonel ve sonradan tek tek düzenlenebilir. Cari kodu boş bırakılırsa otomatik üretilir (örn: {onerilen_kod ?? '120.001'}). Tüm satırlar tek transaction'da kaydedilir.

{satirlar.map((s, i) => ( ))}

#	Cari Kodu	Unvan *	Kategori *	Vergi Dairesi	Vergi No / TC	Telefon	E-posta	Adres	Notlar	İşlem
{i + 1}	guncelle(i, 'cari_kodu', e.target.value)} placeholder="(Otomatik)" className="w-full rounded-lg border-slate-300 font-mono text-sm" />	guncelle(i, 'unvan', e.target.value)} placeholder="Cari unvanı..." className="w-full rounded-lg border-slate-300 text-sm" />		guncelle(i, 'vergi_dairesi', e.target.value)} placeholder="Örn: Beşiktaş VD" className="w-full rounded-lg border-slate-300 text-sm" />	guncelle(i, 'vergi_no', e.target.value)} placeholder="10 haneli VN / 11 haneli TC" className="w-full rounded-lg border-slate-300 font-mono text-sm" />	guncelle(i, 'telefon', e.target.value)} placeholder="0532 123 45 67" className="w-full rounded-lg border-slate-300 text-sm" />	guncelle(i, 'email', e.target.value)} placeholder="ornek@firma.com" className="w-full rounded-lg border-slate-300 text-sm" />	guncelle(i, 'adres', e.target.value)} placeholder="Mahalle, sokak, ilçe, il..." className="w-full rounded-lg border-slate-300 text-sm" />	guncelle(i, 'notlar', e.target.value)} placeholder="Not, açıklama veya detay..." className="w-full rounded-lg border-slate-300 text-sm" />

{satirlar.length} satır

{dolu.length} kayıt edilecek

İptal

); }