import AuthenticatedLayout from '@/Layouts/AuthenticatedLayout'; import { Head, Link, router } from '@inertiajs/react'; import { Badge } from '@/Components/ui/badge'; import { LinkButton } from '@/Components/ui/button'; import { formatCurrency, formatDate } from '@/lib/utils'; import { Edit, ExternalLink } from 'lucide-react'; export default function SupplierShow({ supplier, orders, totalSpend }: any) { return (
Edit← Back

Details

{[['Contact',supplier.contact_name],['Email',supplier.email],['Phone',supplier.phone],['Address',supplier.address],['Reg No',supplier.company_reg_no],['Tax ID',supplier.tax_id],['Payment Terms',supplier.payment_terms]].map(([l,v])=>v?

{l}

{v}

:null)}

Purchase Orders ({supplier.purchase_orders_count})

{formatCurrency(totalSpend)} total

{orders.map((o:any)=>)}
PO #DateStatusAmount
{o.po_number??'Draft'}{formatDate(o.created_at)}{formatCurrency(o.total_amount)}
{orders.length===0&&

No purchase orders yet.

}
); }