import AuthenticatedLayout from '@/Layouts/AuthenticatedLayout'; import { Head, Link, router } from '@inertiajs/react'; import { Badge } from '@/Components/ui/badge'; import { Button, LinkButton } from '@/Components/ui/button'; import { formatCurrency, formatDate, formatDateTime } from '@/lib/utils'; import { Edit, Printer } from 'lucide-react'; export default function DOShow({ deliveryOrder: d }: any) { const act = (href: string, label: string, data: any={}, confirm?: string) => ( ); return (
{d.status==='draft'&&act(`/delivery-orders/${d.id}/issue`,'Issue DO')} {d.status==='issued'&&act(`/delivery-orders/${d.id}/transit`,'Mark In Transit')} {d.status==='in_transit'&&act(`/delivery-orders/${d.id}/deliver`,'Mark Delivered')} {!['delivered','cancelled'].includes(d.status)&&act(`/delivery-orders/${d.id}/cancel`,'Cancel',{reason:'Cancelled'},'Cancel this DO?')} Edit ← Back

DO Details

{[['Customer',d.customer?.name],['Client PO#',d.client_po_number],['Currency',d.currency],['Expected Delivery',formatDate(d.expected_delivery_date)],['Issued',formatDateTime(d.issued_at)],['Delivered',formatDateTime(d.delivered_at)]].map(([l,v])=>

{l}

{v??'—'}

)}

Totals

{[['Subtotal',formatCurrency(d.subtotal,d.currency)],[`Tax (${d.tax_rate??0}%)`,formatCurrency(d.tax_amount,d.currency)],['Shipping',formatCurrency(d.shipping_cost??0,d.currency)]].map(([l,v])=>
{l}{v}
)}
Total{formatCurrency(d.total_amount,d.currency)}

Line Items

{d.line_items?.map((i:any)=>)}
DescriptionQtyUnit PriceTotal
{i.description}{i.sku&&({i.sku})}{i.quantity} {i.unit}{formatCurrency(i.unit_price,d.currency)}{formatCurrency(i.total_price,d.currency)}
 ); }