import { classNames } from '@/Utils/Index'; import { Head, router, useForm } from '@inertiajs/react'; import { Form, Input, Button, Select, Upload, Typography, message, Space, Divider } from 'antd'; import { UploadOutlined } from '@ant-design/icons'; const { Text } = Typography; export default function TripForm({ className = '', action = 'products.store', productCategories, initialData }) { const [form] = Form.useForm(); const { data, setData, post, errors, processing, recentlySuccessful } = useForm({ name_mn: initialData?.mn.name, name_en: initialData?.en.name, description_mn: initialData?.mn.description, description_en: initialData?.en.description, short_description_mn: initialData?.mn.short_description, short_description_en: initialData?.en.short_description, product_category_id: initialData?.product_category_id, image: null, slug: initialData?.slug }); const submit = (e) => { if (action === 'products.store') { post(route(action)); } else { router.post(route('products.update', { product: initialData.slug }), { _method: 'put', ...data, }) } }; return (

{action === 'product.store' ? 'Бүтээгдэхүүн нэмэх' : 'Бүтээгдэхүүн засах'}

{/* Update your account's profile information and email address. */}

setData('name_mn', e.target.value)} autoComplete="name_mn" /> setData('name_en', e.target.value)} autoComplete="name_en" /> setData('description_mn', e.target.value)} autoComplete="description_mn" /> setData('description_en', e.target.value)} autoComplete="description_en" /> setData('short_description_mn', e.target.value)} autoComplete="short_description_mn" /> setData('short_description_en', e.target.value)} autoComplete="short_description_en" /> setData('slug', e.target.value)} autoComplete="slug" /> { setData('image', file); return false; // Prevent automatic upload }} maxCount={1} > {recentlySuccessful && ( Saved. )}
); }