import InputError from '@/components/input-error'; import { Button } from '@/components/ui/button'; import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from '@/components/ui/card'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectTrigger, SelectValue, } from '@/components/ui/select'; import AppLayout from '@/layouts/app-layout'; import { formatIDR } from '@/lib/formatters'; import savingsRoutes from '@/routes/savings'; import type { BreadcrumbItem, Member } from '@/types'; import type { SavingsProduct } from '@/types/savings'; import { Head, Link, router, useForm } from '@inertiajs/react'; import { AlertCircle, ArrowLeft, User, Wallet } from 'lucide-react'; import type { FormEvent } from 'react'; interface PageProps { member: Member; products: SavingsProduct[]; } const breadcrumbs: BreadcrumbItem[] = [ { title: 'Simpanan', href: '/savings' }, { title: 'Buka Rekening', href: '#' }, ]; export default function OpenAccount({ member, products }: PageProps) { const form = useForm({ member_id: member.id, savings_product_id: '', account_name: member.name || '', }); const handleSubmit = (e: FormEvent) => { e.preventDefault(); form.post(savingsRoutes.open().url); }; const selectedProduct = products.find( (p) => p.id === Number(form.data.savings_product_id), ); return (

Buka Rekening Simpanan Buka rekening simpanan baru untuk anggota

{/* Member Info */}

Informasi Anggota

Nomor Identitas: {member.id_number || '-'}

Nama Lengkap: {member.name}

Cabang: {member.branch?.name || '-'}

{/* Product Selection */}

Produk Simpanan{' '} * {form.errors.savings_product_id && ( )}

{/* Product Info */} {selectedProduct && (

{selectedProduct.name}

Kode: {selectedProduct.code}

Jenis: {selectedProduct.type}

Saldo Minimum: {formatIDR( selectedProduct.minimum_balance, )}

{selectedProduct.has_administrative_fee && (

Biaya Admin: {formatIDR( selectedProduct.administrative_fee ?? 0, )}

)}

)} {/* Account Name */}

Nama Rekening{' '} * form.setData( 'account_name', e.target.value, ) } placeholder="Masukkan nama rekening" required />

Nama rekening biasanya menggunakan nama lengkap anggota

{form.errors.account_name && ( )}

{/* Important Notice */} {selectedProduct && selectedProduct.minimum_balance > 0 && (

Saldo Minimum Awal

Setoran awal minimum sebesar{' '} {formatIDR( selectedProduct.minimum_balance, )} {' '} diperlukan untuk membuka rekening ini.

)} {/* Actions */}

); }