import { Head, Link } from '@inertiajs/react'; import type { ColumnDef } from '@tanstack/react-table'; import { ArrowLeft, Edit, History } from 'lucide-react'; import { Button } from '@/components/ui/button'; import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from '@/components/ui/card'; import { DataTable } from '@/components/ui/data-table'; import { StatusBadge } from '@/components/ui/status-badge'; import AppLayout from '@/layouts/app-layout'; import { formatDateID, formatIDR } from '@/lib/formatters'; import accountingRoutes from '@/routes/accounting'; import type { BreadcrumbItem } from '@/types'; import type { Account, JournalEntryLine } from '@/types/accounting'; interface PageProps { account: Account; debit_total: number; credit_total: number; balance: number; } export default function ShowAccount({ account, debit_total, credit_total, balance, }: PageProps) { const breadcrumbs: BreadcrumbItem[] = [ { title: 'Akuntansi', href: accountingRoutes.accounts.index().url, }, { title: 'Daftar Akun', href: accountingRoutes.accounts.index().url, }, { title: account.name, href: accountingRoutes.accounts.show({ account: account.id }).url, }, ]; const columns: ColumnDef[] = [ { accessorKey: 'journal_entry.transaction_date', header: 'Tanggal', cell: ({ row }) => formatDateID( row.original.journal_entry?.transaction_date || '', ), }, { accessorKey: 'journal_entry.voucher_number', header: 'Voucher', cell: ({ row }) => ( {row.original.journal_entry?.voucher_number} ), }, { accessorKey: 'description', header: 'Keterangan', }, { accessorKey: 'type', header: 'Tipe', cell: ({ row }) => ( {row.getValue('type')} ), }, { accessorKey: 'amount', header: 'Jumlah', cell: ({ row }) => formatIDR(row.getValue('amount')), }, ]; return (

{account.name}

{account.code} • {account.classification}

Klasifikasi
{account.classification}
Level
Lvl {account.level}
Saldo Normal
{account.normal_balance}
Status
Ringkasan Saldo Posisi keuangan akun saat ini.
Total Debit {formatIDR(debit_total)}
Total Kredit {formatIDR(credit_total)}
Saldo Akhir {formatIDR(balance)}
Transaksi Terakhir 10 transaksi terbaru pada akun ini.
); }