import { Head, Link, useForm } from '@inertiajs/react'; import { AlertCircle, ArrowLeft, Calculator, User } from 'lucide-react'; import { useMemo, useState } from 'react'; import InputError from '@/components/input-error'; import { MemberSelector, type MemberSearchResult, } from '@/components/members/MemberSelector'; import { Button } from '@/components/ui/button'; import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; import { CurrencyInput } from '@/components/ui/currency-input'; import { Label } from '@/components/ui/label'; import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectTrigger, SelectValue, } from '@/components/ui/select'; import { StatusBadge } from '@/components/ui/status-badge'; import { Textarea } from '@/components/ui/textarea'; import { usePermissions } from '@/hooks/use-permissions'; import AppLayout from '@/layouts/app-layout'; import { formatIDR } from '@/lib/formatters'; import { calculateFinancing } from '@/lib/helpers/financing'; import { toastError, toastLoading, toastSuccess } from '@/lib/toast'; import financingsRoutes from '@/routes/financing'; import membersRoutes from '@/routes/members'; import type { BreadcrumbItem } from '@/types'; import type { FinancingProduct } from '@/types/financing'; interface PageProps { products: FinancingProduct[]; collectors?: { id: number; name: string }[]; auth: { user: { role: string; }; }; } const breadcrumbs: BreadcrumbItem[] = [ { title: 'Pembiayaan', href: financingsRoutes.index().url, }, { title: 'Ajukan Pembiayaan', href: '', }, ]; export default function Create({ products, collectors = [] }: PageProps) { const { can, isAdmin: checkIsAdmin } = usePermissions(); const isAdmin = checkIsAdmin(); const isTeller = can('financing.propose') || isAdmin; const [selectedMember, setSelectedMember] = useState(null); const form = useForm({ member_id: '', branch_id: '', financing_product_id: '', requested_amount: '', purpose: '', collector_id: '', notes: '', }); // Real-time calculation const calculation = useMemo(() => { return calculateFinancing( form.data.financing_product_id, form.data.requested_amount, products, ); }, [form.data.financing_product_id, form.data.requested_amount, products]); if (!isTeller) { return (
Akses Ditolak

Anda tidak memiliki izin untuk mengajukan pembiayaan.

); } const handleMemberChange = ( memberId: number | null, memberData?: MemberSearchResult, ) => { if (memberId && memberData) { setSelectedMember(memberData); form.setData('member_id', memberId.toString()); form.setData('branch_id', memberData.branch_id.toString()); } else { setSelectedMember(null); form.setData('member_id', ''); form.setData('branch_id', ''); } }; const handleSubmit = (e: { preventDefault: () => void }) => { e.preventDefault(); // Check if member is selected if (!selectedMember) { toastError('Silakan pilih anggota terlebih dahulu.'); return; } // Check if member has a branch assigned if (!selectedMember.branch_id) { toastError( 'Anggota ini belum memiliki cabang. Silakan hubungi administrator untuk menetapkan cabang anggota.', ); return; } // Check if member already has active/pending financing if (selectedMember.active_financings_count > 0) { toastError( 'Anggota ini sudah memiliki pembiayaan aktif. Harap selesaikan pembiayaan yang ada terlebih dahulu.', ); return; } // Validate calculation if (calculation && !calculation.valid) { toastError(calculation.error || 'Perhitungan tidak valid'); return; } const submitUrl = financingsRoutes.store().url; form.post(submitUrl, { onStart: () => { toastLoading('Mengajukan pembiayaan...'); }, onSuccess: () => { toastSuccess('Pembiayaan berhasil diajukan'); }, onError: () => { toastError('Gagal mengajukan pembiayaan'); }, }); }; return (
{/* Header */}

Ajukan Pembiayaan Baru

Isi formulir di bawah untuk mengajukan pembiayaan baru.
{/* Form Column */}
{/* Member Selection Card (when no member selected) */} {!selectedMember && ( Pilih Anggota

Cari anggota untuk mengajukan pembiayaan

)} {/* Member Info Card (when member selected) */} {selectedMember && ( Informasi Anggota
Nama {selectedMember.name}
NIK {selectedMember.id_number || '-'}
Telepon {selectedMember.phone || '-'}
{selectedMember.branch && (
Cabang {selectedMember.branch}
)} {selectedMember.collectibility_score != null && (
Kolektibilitas
)} {selectedMember.active_financings_count > 0 && (
Pembiayaan Aktif Ada
Anggota ini memiliki{' '} { selectedMember.active_financings_count }{' '} pembiayaan aktif. Tidak dapat mengajukan pembiayaan baru.
)}
)} {/* Financing Details Form */} Detail Pembiayaan {!selectedMember && (

Silakan pilih anggota terlebih dahulu

)} {selectedMember && ( <> {/* Financing Product */}
{form.errors .financing_product_id && ( )}
{/* Requested Amount */}
{ form.setData( 'requested_amount', values.floatValue ? values.floatValue.toString() : '', ); }} required /> {/* Quick Amount Selection */}
{[ 1000000, 2000000, 3000000, 5000000, 10000000, ].map((amount) => ( ))}
{form.errors .requested_amount && ( )} {calculation && !calculation.valid && ( )}
{/* Purpose */}