import AuthenticatedLayout from '@/Layouts/AuthenticatedLayout'; import { Head, useForm } from '@inertiajs/react'; import { Button, LinkButton } from '@/Components/ui/button'; import { Plus, Trash2 } from 'lucide-react'; type LI = { id?: number; description: string; sku: string; quantity: string; unit: string; unit_price: string; notes: string }; const mapItem = (i: any): LI => ({ id: i.id, description: i.description??'', sku: i.sku??'', quantity: String(i.quantity), unit: i.unit??'', unit_price: String(i.unit_price), notes: i.notes??'' }); const empty = (): LI => ({ description:'', sku:'', quantity:'1', unit:'', unit_price:'0', notes:'' }); export default function DOEdit({ deliveryOrder: d, customers }: any) { const { data, setData, put, processing } = useForm({ customer_id: String(d.customer_id), do_number: d.do_number, currency: d.currency, tax_rate: String(d.tax_rate??''), shipping_cost: String(d.shipping_cost??''), notes: d.notes??'', terms: d.terms??'', delivery_address: d.delivery_address??'', expected_delivery_date: d.expected_delivery_date??'', client_po_number: d.client_po_number??'', line_items: d.line_items.map(mapItem) }); const items: LI[] = data.line_items; const upd = (i: number, k: keyof LI, v: string) => { const a=[...items]; a[i]={...a[i],[k]:v}; setData('line_items',a); }; const fi = (label: string, key: string, type='text') =>
setData(key,e.target.value)} className="w-full border rounded-md px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary/30"/>
; return (
{e.preventDefault();put(`/delivery-orders/${d.id}`)}} className="space-y-6">
{fi('DO Number *','do_number')}{fi('Client PO Number','client_po_number')}{fi('Currency','currency')}{fi('Expected Delivery','expected_delivery_date','date')}{fi('Tax Rate (%)','tax_rate','number')}{fi('Shipping Cost','shipping_cost','number')}

Line Items

{items.map((item,i)=>)}
DescriptionQtyUnit Price
upd(i,'description',e.target.value)} className="w-full border rounded px-2 py-1.5 text-sm"/> upd(i,'quantity',e.target.value)} className="w-full border rounded px-2 py-1.5 text-sm"/> upd(i,'unit_price',e.target.value)} className="w-full border rounded px-2 py-1.5 text-sm"/>
Cancel
 ); }