import { Head } from '@inertiajs/react'; import { Download, Printer, SearchIcon } from 'lucide-react'; import { useMemo, useState } from 'react'; import { Button } from '@/components/ui/button'; import { Card, CardContent } from '@/components/ui/card'; import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from '@/components/ui/dropdown-menu'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import { Table, TableBody, TableCell, TableFooter, TableHead, TableHeader, TableRow, } from '@/components/ui/table'; import AppLayout from '@/layouts/app-layout'; import { formatIDR } from '@/lib/formatters'; import { useFilterParams } from '@/lib/hooks/useFilterParams'; import accountingRoutes from '@/routes/accounting'; import type { BreadcrumbItem } from '@/types'; interface TrialBalanceAccount { code: string; name: string; classification: string; normal_balance: string; debit: number; credit: number; } interface PageProps { accounts: TrialBalanceAccount[]; total_debit: number; total_credit: number; as_of_date: string; } const breadcrumbs: BreadcrumbItem[] = [ { title: 'Akuntansi', href: accountingRoutes.accounts.index().url, }, { title: 'Laporan Keuangan', href: '#', }, { title: 'Neraca Saldo', href: accountingRoutes.reports.trialBalance().url, }, ]; export default function TrialBalance({ accounts, total_debit, total_credit, as_of_date, }: PageProps) { const [search, setSearch] = useState(''); const filteredAccounts = useMemo( () => accounts.filter( (acc) => acc.name.toLowerCase().includes(search.toLowerCase()) || acc.code.toLowerCase().includes(search.toLowerCase()), ), [accounts, search], ); const { updateFilter } = useFilterParams({ baseUrl: accountingRoutes.reports.trialBalance().url, }); const handleDateChange = (date: string) => { updateFilter('as_of_date', date); }; return (

Neraca Saldo (Trial Balance)

Posisi saldo semua akun buku besar pada tanggal tertentu.

Export PDF Export CSV
setSearch(e.target.value)} />
handleDateChange(e.target.value)} />
{/* */} Kode Akun Nama Akun Debit Kredit {filteredAccounts.length > 0 ? ( filteredAccounts.map( (account: TrialBalanceAccount) => ( {account.code} {account.name} {account.debit > 0 ? formatIDR( account.debit, ) : '-'} {account.credit > 0 ? formatIDR( account.credit, ) : '-'} ), ) ) : ( Tidak ada data ditemukan. )} Total {formatIDR(total_debit)} {formatIDR(total_credit)} {Math.abs(total_debit - total_credit) > 0.01 && ( Balance Difference: {formatIDR( Math.abs( total_debit - total_credit, ), )} )}
); }