import { Head, useForm, Link } from '@inertiajs/react'; import { Card, CardContent } from '@/components/ui/card'; import { Button } from '@/components/ui/button'; import { Field, FieldGroup } from "@/components/ui/field" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import productRoutes from '@/routes/product'; import React from 'react'; import { toast } from 'sonner'; import { SimpleEditor } from '@/components/tiptap-templates/simple/simple-editor' import { Category } from '@/types/category'; import { Combobox, ComboboxContent, ComboboxEmpty, ComboboxItem, ComboboxList, ComboboxChips, ComboboxChip, ComboboxChipsInput, ComboboxValue, useComboboxAnchor, } from "@/components/ui/combobox" import { NumericFormat } from 'react-number-format'; export default function ProductCreate({ categories }: { categories: Category[] }) { const { data, setData, post, processing, errors } = useForm({ name: '', description: '', category_ids: [] as number[], prices: { purchase: '', distributor: '', agent: '', reseller: '', retail: '', } }); const anchor = useComboboxAnchor() const onSubmit = (e: React.FormEvent) => { e.preventDefault(); post(productRoutes.store().url, { onSuccess: (response: any) => { toast.success(response.props.flash.success); }, }); }; const filteredCategories = categories.filter((c) => !data.category_ids.includes(c.id)) return (

Tambah Produk

setData('name', e.target.value)} autoComplete='off' placeholder='Contoh: Gamis Wanita' maxLength={100} /> {errors.name &&

{errors.name}

}
data.category_ids.includes(c.id))} onValueChange={(selected) => { setData( "category_ids", selected.map((item: Category) => item.id) ) }} > {(values: Category[]) => ( <> {values.map((value) => ( {value.name} ))} )} Data tidak ditemukan. {(item: Category) => ( {item.name} )} {errors.category_ids &&

{errors.category_ids}

} { setData('prices', { ...data.prices, purchase: values.value }) }} placeholder="Rp 0" /> {errors['prices.purchase'] &&

{errors['prices.purchase']}

} { setData('prices', { ...data.prices, distributor: values.value }) }} placeholder="Rp 0" /> {errors['prices.distributor'] &&

{errors['prices.distributor']}

} { setData('prices', { ...data.prices, agent: values.value }) }} placeholder="Rp 0" /> {errors['prices.agent'] &&

{errors['prices.agent']}

} { setData('prices', { ...data.prices, reseller: values.value }) }} placeholder="Rp 0" /> {errors['prices.reseller'] &&

{errors['prices.reseller']}

} { setData('prices', { ...data.prices, retail: values.value }) }} placeholder="Rp 0" /> {errors['prices.retail'] &&

{errors['prices.retail']}

}
setData('description', val)} /> {errors.description &&

{errors.description}

}
); } ProductCreate.layout = { breadcrumbs: [ { title: 'Master', }, ], };