import AuthenticatedLayout from '@/Layouts/AuthenticatedLayout'; import { Head, Link, router, useForm } from '@inertiajs/react'; import { Badge } from '@/Components/ui/badge'; import { Button, LinkButton } from '@/Components/ui/button'; import { formatCurrency, formatDate, formatDateTime } from '@/lib/utils'; import { Printer, Edit } from 'lucide-react'; export default function POShow({ purchaseOrder: po, headerTemplates }: any) { const canSend = po.status === 'draft' || po.status === 'approved'; const canReceive = po.status === 'sent' || po.status === 'partially_received'; const canCancel = !['received','cancelled'].includes(po.status); const action = (href: string, label: string, data: any = {}, confirm?: string) => { const go = () => router.post(href, data); return ; }; return (
{canSend && action(`/purchase-orders/${po.id}/send`,'Send to Supplier')} {canReceive && action(`/purchase-orders/${po.id}/receive`,'Mark Received')} {canCancel && action(`/purchase-orders/${po.id}/cancel`,`Cancel PO`,{reason:'Cancelled'}, 'Cancel this PO?')} Edit ← Back

PO Details

{[['Supplier',po.supplier?.name],['Currency',po.currency],['PO Number',po.po_number],['Expected Delivery',formatDate(po.expected_delivery_date)],['Sent',formatDateTime(po.sent_at)],['Received',formatDateTime(po.received_at)]].map(([l,v])=>

{l}

{v??'—'}

)}

Totals

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

Line Items

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

Notes

{po.notes}

}

Activity Log

{po.activity_log?.map((a:any)=>
{a.description}{formatDateTime(a.created_at)}
)}
{(!po.activity_log||po.activity_log.length===0)&&

No activity yet.

}
); }