import { Head, Link } from "@inertiajs/react"; import { ArrowLeft } from "lucide-react"; import AppLayout from "@/layouts/app-layout"; import { Button } from "@/components/ui/button"; import { StatusBadge } from "@/components/crm-data-table"; import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "@/components/ui/table"; type OrderItem = { id: number; product?: { name: string }; qty: number; unit_price: number | string; discount_amount: number | string; subtotal: number | string; }; type OrderDetail = { id: number; order_number: string; order_date: string; status: string; subtotal: number | string; discount_total: number | string; tax_total: number | string; grand_total: number | string; customer?: { name: string }; sales?: { name: string }; items?: OrderItem[]; }; type Props = { order: OrderDetail }; export default function Show({ order }: Props) { // Format tanggal ke lokal Indonesia const formattedDate = order.order_date ? new Date(order.order_date).toLocaleDateString("id-ID", { day: "2-digit", month: "short", year: "numeric", }) : "-"; return (
{/* Header Page */}

{order.order_number}

Tanggal Order: {formattedDate}

{/* Info Cards */}
Customer
{order.customer?.name || "-"}
Sales
{order.sales?.name || "-"}
Total Grand
Rp{" "} {Number(order.grand_total).toLocaleString("id-ID")}
{/* Tabel Item Order */}

Rincian Produk

Produk Qty Harga (Rp) Diskon (Rp) Subtotal (Rp) {order.items && order.items.length > 0 ? ( order.items.map((item) => ( {item.product?.name || "-"} {item.qty} Rp{" "} {Number( item.unit_price, ).toLocaleString("id-ID")} Rp{" "} {Number( item.discount_amount, ).toLocaleString("id-ID")} Rp{" "} {Number( item.subtotal, ).toLocaleString("id-ID")} )) ) : ( Tidak ada item dalam order ini. )}
{/* Ringkasan Pembayaran */}
Subtotal Rp{" "} {Number(order.subtotal).toLocaleString("id-ID")}
Diskon Rp{" "} {Number(order.discount_total).toLocaleString( "id-ID", )}
Pajak Rp{" "} {Number(order.tax_total).toLocaleString( "id-ID", )}
Total Rp{" "} {Number(order.grand_total).toLocaleString( "id-ID", )}
); }