import { Form, Head, router } from '@inertiajs/react'; import { ArrowDownToLine, ArrowUpFromLine, Wallet } from 'lucide-react'; import { useState } from 'react'; import InputError from '@/components/input-error'; import { RupiahInput } from '@/components/rupiah-input'; import { Button } from '@/components/ui/button'; import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle, } from '@/components/ui/dialog'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import { formatCurrency } from '@/lib/utils'; import { index as cashAccountIndex, deposit, withdrawal } from '@/routes/admin/finance/cash-accounts'; import { update as updateTransaction, destroy as destroyTransaction } from '@/routes/admin/finance/cash-accounts/transactions'; import { createTransactionColumns } from './transaction-columns'; import type { CashTransaction } from './transaction-columns'; import { DataTable } from '@/components/data-table'; import { ConfirmDialog } from '@/components/confirm-dialog'; type CashAccount = { id: number; name: string; balance: number; }; type Props = { cashAccount: CashAccount | null; transactions: CashTransaction[]; }; export default function CashAccountIndex({ cashAccount, transactions }: Props) { const [depositOpen, setDepositOpen] = useState(false); const [withdrawalOpen, setWithdrawalOpen] = useState(false); const [editing, setEditing] = useState(null); const [deleting, setDeleting] = useState(null); function handleDelete() { if (!deleting) { return; } router.delete(destroyTransaction(deleting.id), { onSuccess: () => setDeleting(null), }); } const columns = createTransactionColumns({ handleEdit: (transaction) => setEditing(transaction), handleDeleteClick: (transaction) => setDeleting(transaction), }); return ( <>

Kas Toko

Saldo saat ini
{formatCurrency(cashAccount?.balance ?? 0)}
setDepositOpen(false)}> {({ errors, processing }) => ( <> Deposit
)}
setWithdrawalOpen(false)}> {({ errors, processing }) => ( <> Withdrawal
)}
{ if (!open) { setEditing(null); } }} > {editing && (
setEditing(null)}> {({ errors, processing }) => ( <> Edit Transaksi
)}
)} { if (!open) { setDeleting(null); } }} title="Hapus Transaksi" description={`Apakah Anda yakin ingin menghapus transaksi "${deleting?.description}"? Tindakan ini tidak dapat dibatalkan.`} confirmLabel="Hapus" onConfirm={handleDelete} />
); } CashAccountIndex.layout = { breadcrumbs: [ { title: 'Keuangan', href: cashAccountIndex(), }, { title: 'Kas Toko', href: cashAccountIndex(), }, ], };