import { Head, Link, useForm } from '@inertiajs/react'; import { ArrowLeft, Save, TrendingDown, TrendingUp } from 'lucide-react'; import type { FormEvent } from 'react'; 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, SelectTrigger, SelectValue, } from '@/components/ui/select'; import { Tabs, TabsList, TabsTrigger } from '@/components/ui/tabs'; import { Textarea } from '@/components/ui/textarea'; import AppLayout from '@/layouts/app-layout'; import cashTransactionRoutes from '@/routes/cash-transactions'; import type { BreadcrumbItem } from '@/types'; import type { Account } from '@/types/accounting'; interface PageProps { expense_accounts: Account[]; income_accounts: Account[]; cash_accounts: Account[]; } const breadcrumbs: BreadcrumbItem[] = [ { title: 'Manajemen Kas', href: cashTransactionRoutes.index().url, }, { title: 'Input Transaksi Baru', href: cashTransactionRoutes.create().url, }, ]; export default function CreateCashTransaction({ expense_accounts, income_accounts, cash_accounts, }: PageProps) { const { data, setData, post, processing, errors, reset } = useForm({ type: 'expense' as 'income' | 'expense', related_account_id: '', cash_account_id: '', amount: 0, date: new Date().toISOString().split('T')[0], description: '', }); const isExpense = data.type === 'expense'; const activeAccounts = isExpense ? expense_accounts : income_accounts; const submit = (e: FormEvent) => { e.preventDefault(); post(cashTransactionRoutes.store().url, { onSuccess: () => reset(), }); }; return (

Input Transaksi Kas Baru

Isi formulir di bawah untuk Input Transaksi Kas Baru
Data Transaksi Pilih akun{' '} {isExpense ? 'beban' : 'pendapatan'} dan akun kas terkait.
{ setData((prev) => ({ ...prev, type: v as 'income' | 'expense', related_account_id: '', // Reset account when type switches })); }} > Pengeluaran Pemasukan
setData('date', e.target.value) } required /> {errors.date && (

{errors.date}

)}
setData( 'amount', Number(e.target.value), ) } required /> {errors.amount && (

{errors.amount}

)}
{errors.related_account_id && (

{errors.related_account_id}

)}
{errors.cash_account_id && (

{errors.cash_account_id}

)}