import { Head, useForm } from '@inertiajs/react'; import { useMemo } from 'react'; import AppLayout from '@/layouts/app-layout'; import { Button } from '@/components/ui/button'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import { CrmSelect } from '@/components/crm-select'; import { Textarea } from '@/components/ui/textarea'; type P={id:number;sku:string;name:string;unit:string;price:string|number;stock:number}; type Props={customers:{id:number;name:string}[];sales:{id:number;name:string}[];products:P[];visitId:number|null}; type Item={product_id:string;qty:string;unit_price:string;discount_amount:string}; export default function Create({customers,sales,products,visitId}:Props){const f=useForm<{customer_id:string;sales_id:string;visit_id:string;order_date:string;discount_total:string;tax_total:string;notes:string;items:Item[]}>({customer_id:'',sales_id:'',visit_id:visitId?String(visitId):'',order_date:new Date().toISOString().slice(0,10),discount_total:'0',tax_total:'0',notes:'',items:[{product_id:'',qty:'1',unit_price:'0',discount_amount:'0'}]}); const subtotal=useMemo(()=>f.data.items.reduce((s,i)=>s+(Number(i.qty)||0)*(Number(i.unit_price)||0)-(Number(i.discount_amount)||0),0),[f.data.items]); const total=Math.max(0,subtotal-(Number(f.data.discount_total)||0)+(Number(f.data.tax_total)||0)); const setItem=(idx:number,key:keyof Item,val:string)=>f.setData('items',f.data.items.map((it,i)=>i===idx?{...it,[key]:val}:it)); const chooseProduct=(idx:number,id:string)=>{const p=products.find(x=>String(x.id)===id);f.setData('items',f.data.items.map((it,i)=>i===idx?{...it,product_id:id,unit_price:p?String(p.price):'0'}:it));}; const submit=(e:any)=>{e.preventDefault();f.post('/crm/orders')};return

Buat Order

Harga dapat disesuaikan per item sesuai kesepakatan customer.

f.setData('customer_id',e.target.value)}>{customers.map(c=>)}
f.setData('sales_id',e.target.value)}>{sales.map(s=>)}
f.setData('order_date',e.target.value)}/>
f.setData('visit_id',e.target.value)} placeholder="opsional"/>

Item Order

{f.data.items.map((it,idx)=>
chooseProduct(idx,e.target.value)}>{products.map(p=>)}setItem(idx,'qty',e.target.value)}/>setItem(idx,'unit_price',e.target.value)}/>setItem(idx,'discount_amount',e.target.value)}/>
)}