import AuthenticatedLayout from '@/Layouts/AuthenticatedLayout'; import { Head, Link, useForm } from '@inertiajs/react'; import { Badge } from '@/Components/ui/badge'; import { LinkButton } from '@/Components/ui/button'; import { Plus, Search } from 'lucide-react'; import { formatCurrency, formatDate } from '@/lib/utils'; const STATUSES = ['','draft','submitted','approved','sent','received','overdue','cancelled','rejected']; export default function POIndex({ orders }: any) { const params = new URLSearchParams(window.location.search); const { data, setData, get } = useForm({ search: params.get('search')??'', status: params.get('status')??'' }); const search = (e: React.FormEvent) => { e.preventDefault(); get('/purchase-orders'); }; return (
setData('search',e.target.value)} placeholder="Search PO number, supplier..." className="border rounded-md px-3 py-2 text-sm flex-1 focus:outline-none focus:ring-2 focus:ring-primary/30 min-w-0" />
New PO
{orders.data.map((o: any) => ( ))}
PO #SupplierExpected DeliveryStatusAmount
{o.po_number ?? Draft}

{formatDate(o.created_at)}

 {o.supplier?.name} {formatDate(o.expected_delivery_date)} {formatCurrency(o.total_amount, o.currency)}
{orders.data.length===0&&

No purchase orders found.

}
); }