import { Head, Link } from '@inertiajs/react'; import { ArrowLeft, MapPin, Pencil, Phone, ShoppingCart, UserRound } from 'lucide-react'; import AppLayout from '@/layouts/app-layout'; import { Badge } from '@/components/ui/badge'; import { Button } from '@/components/ui/button'; import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table'; type Props = { customer: any }; const money = (v: number) => new Intl.NumberFormat('id-ID', { style: 'currency', currency: 'IDR', maximumFractionDigits: 0 }).format(v); export default function CustomerShow({ customer }: Props) { return <>

{customer.name}

{customer.code || 'Tanpa kode'} ยท {customer.contact_person || 'Tidak ada contact person'}

Profil Customer

Status

{customer.status}

Kategori

{customer.category?.name ?? '-'}

Sales

{customer.sales?.name ?? '-'}

Team

{customer.team?.name ?? '-'}

Telepon

{customer.phone ?? '-'}

Credit Limit

{money(Number(customer.credit_limit ?? 0))}

Alamat

{customer.address ?? '-'}

 Ringkasan
Order{customer.orders?.length ?? 0}
Invoice{customer.invoices?.length ?? 0}
Kunjungan{customer.visits?.length ?? 0}
Order Terakhir
NomorTanggalStatusTotal{(customer.orders ?? []).map((o: any) => {o.order_number || `ORD-${o.id}`}{o.order_date}{o.status}{money(Number(o.grand_total))})}
; } CustomerShow.layout = (page: React.ReactNode) => {page};