import { Head } from '@inertiajs/react'; import { Download, Printer } from 'lucide-react'; import { Button } from '@/components/ui/button'; import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from '@/components/ui/dropdown-menu'; import { Input } from '@/components/ui/input'; 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 IncomeItem { code: string; name: string; balance: number; } interface PageProps { revenues: IncomeItem[]; expenses: IncomeItem[]; total_revenue: number; total_expenses: number; net_income: number; date_from: string; date_to: string; } const breadcrumbs: BreadcrumbItem[] = [ { title: 'Akuntansi', href: accountingRoutes.accounts.index().url, }, { title: 'Laporan Keuangan', href: '#', }, { title: 'Laba Rugi (Income Statement)', href: accountingRoutes.reports.incomeStatement().url, }, ]; export default function IncomeStatement({ revenues, expenses, total_revenue, total_expenses, net_income, date_from, date_to, }: PageProps) { const { updateFilter } = useFilterParams({ baseUrl: accountingRoutes.reports.incomeStatement().url, }); const handleDateChange = ( field: 'date_from' | 'date_to', value: string, ) => { updateFilter(field, value); }; return (

Laba Rugi (Income Statement)

Kinerja pendapatan dan beban dalam periode tertentu.

Export PDF Export CSV

Filter Periode

handleDateChange( 'date_from', e.target.value, ) } /> s/d handleDateChange('date_to', e.target.value) } />

{/* REVENUES SECTION */} PENDAPATAN (REVENUES) Akun Jumlah {revenues.length > 0 ? ( revenues.map((item: IncomeItem) => (

{item.name} {item.code}

{formatIDR(item.balance)} )) ) : ( Tidak ada data pendapatan ditemukan. )} Total Pendapatan {formatIDR(total_revenue)}

{/* EXPENSES SECTION */} BEBAN (EXPENSES) Akun Jumlah {expenses.length > 0 ? ( expenses.map((item: IncomeItem) => (

{item.name} {item.code}

{formatIDR(item.balance)} )) ) : ( Tidak ada data beban ditemukan. )} Total Beban {formatIDR(total_expenses)}

{/* NET INCOME SUMMARY */} = 0 ? 'border-primary/20' : 'border-red-200'}`} > = 0 ? 'bg-primary/5' : 'bg-red-50/50'}`} >

Laba / (Rugi) Bersih Net Income

= 0 ? 'text-primary' : 'text-red-700'}`} > {formatIDR(net_income)}

); }