import { Head, Link } from '@inertiajs/react'; import { AlertCircle, ArrowLeft, CheckCircle2 } from 'lucide-react'; import { Button } from '@/components/ui/button'; import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; import AppLayout from '@/layouts/app-layout'; import { formatDateID, formatIDR } from '@/lib/formatters'; import type { BreadcrumbItem, CashCount } from '@/types'; interface Props { cashCount: CashCount; } const DENOMINATION_LABELS: Record = { 1000: 'Rp 1.000', 2000: 'Rp 2.000', 5000: 'Rp 5.000', 10000: 'Rp 10.000', 20000: 'Rp 20.000', 50000: 'Rp 50.000', 100000: 'Rp 100.000', }; const STATUS_CONFIG = { balanced: { label: 'Seimbang', className: 'bg-emerald-100 text-emerald-800 border-emerald-200', icon: , }, over: { label: 'Lebih', className: 'bg-amber-100 text-amber-800 border-amber-200', icon: , }, short: { label: 'Kurang', className: 'bg-red-100 text-red-800 border-red-200', icon: , }, } as const; export default function Show({ cashCount }: Props) { const breadcrumbs: BreadcrumbItem[] = [ { title: 'Kas & Teller', href: '/cash-counts' }, { title: `Hitung Kas ${formatDateID(cashCount.date)}`, href: `/cash-counts/${cashCount.id}`, }, ]; const status = STATUS_CONFIG[cashCount.status as keyof typeof STATUS_CONFIG] ?? STATUS_CONFIG.balanced; const diff = Number(cashCount.difference); const physicalTotal = Number(cashCount.physical_total); const systemBalance = Number(cashCount.system_balance); const submittedAt = new Date(cashCount.created_at).toLocaleString('id-ID', { day: '2-digit', month: 'long', year: 'numeric', hour: '2-digit', minute: '2-digit', }); return (

{/* Header */}

Hitung Kas Fisik

{status.icon} {status.label}

Tanggal {formatDateID(cashCount.date)} ·{' '} {cashCount.teller?.name ?? '—'} · Disubmit{' '} {submittedAt}

{/* Denomination Breakdown */}

Rincian Per Pecahan

{[...(cashCount.details || [])] .sort( (a, b) => Number(b.denomination) - Number(a.denomination), ) .map((detail) => ( 0 ? '' : 'opacity-40' } > ))}

Pecahan	Jumlah Lembar	Subtotal
0 ? 'bg-primary' : 'bg-muted-foreground'}`} /> {DENOMINATION_LABELS[ detail .denomination ] ?? `Rp ${detail.denomination.toLocaleString('id-ID')}`}	{detail.quantity.toLocaleString( 'id-ID', )}{' '} lembar	{detail.quantity > 0 ? ( formatIDR( Number( detail.subtotal, ), ) ) : ( — )}
Total Kas Fisik	{formatIDR(physicalTotal)}

{/* Summary Panel */}

Ringkasan

Saldo Kas Sistem

{formatIDR(systemBalance)}

Total Kas Fisik

{formatIDR(physicalTotal)}

Selisih

0 ? 'text-amber-600' : 'text-red-600' }`} > {diff >= 0 ? '+' : ''} {formatIDR(diff)}

{/* Note if present */} {cashCount.note && ( Keterangan Selisih

{cashCount.note}

)}

); }