import { Badge } from '@/components/ui/badge'; import { Button } from '@/components/ui/button'; import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; import { Separator } from '@/components/ui/separator'; import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from '@/components/ui/table'; import { Head, Link } from '@inertiajs/react'; import { ArrowLeft, Mail } from 'lucide-react'; import type { Order } from '@/types/order'; import { ORDER_STATUS, PAYMENT_METHOD, ORDER_CHANNEL } from '@/types/order'; import * as orderRoutes from '@/routes/order'; import type { GeneralSetting } from '@/types/general-setting'; interface ShowProps { order: Order; setting: GeneralSetting; } export default function OrderShow({ order, setting }: ShowProps) { return (
{/* Header / Actions */}

Detail Pesanan

Invoice #{order.order_number}

{/* Actions removed as requested */}
{/* Invoice Card */}
{setting?.logo_light_url ? ( Logo ) : (
{setting?.name?.charAt(0) || 'V'}
)}

{setting?.name || 'VN Grup'}

Your Style, Our Passion

{setting?.address || 'Alamat Toko Belum Diatur'}

{setting?.phone || '-'}

INVOICE

#{order.order_number}

Tanggal Pesanan: {order.created_at_formatted}

Channel: {ORDER_CHANNEL[order.order_channel] || order.order_channel}

Status: {ORDER_STATUS[order.order_status]?.label ?? order.order_status}

Tagihan Untuk:

{order.customer_name}

Pelanggan Setia

Pembayaran:

{PAYMENT_METHOD[order.payment_method] || order.payment_method}

# Produk Harga Jumlah Total {order.items?.map((item, index) => ( {index + 1}
{item.product?.name || 'Produk Tidak Diketahui'}
{item.price_type}
{item.price_formatted} {item.qty} {item.total_formatted}
))}

Catatan:

Terima kasih telah berbelanja di {setting?.name || 'VN Grup'}. Barang yang sudah dibeli tidak dapat ditukar atau dikembalikan kecuali ada perjanjian sebelumnya. Simpan invoice ini sebagai bukti pembelian yang sah.

Dicatat oleh: {order.user?.name || '-'}
Subtotal {order.subtotal_formatted}
Potongan / Diskon - {order.discount_formatted}
Total Tagihan {order.total_formatted}
Sudah Dibayar {order.payment_formatted}

Semoga hari Anda menyenangkan!

Generated by {setting?.name || 'VN Grup'} System

); } OrderShow.layout = (page: any) => (
{page}
);