import { Button } from '@/components/ui/button'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import AppLayout from '@/layouts/app-layout'; import product from '@/routes/product'; import { BreadcrumbItem } from '@/types'; import { Head, Link, router } from '@inertiajs/react'; import { useState } from 'react'; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '@/components/ui/select'; const breadcrumbs: BreadcrumbItem[] = [ { title: 'Add Product', href: product.add().url, }, ]; export default function Add() { const [values, setValues] = useState({ name: '', url: '', display_status: '', }); function handleChange(e: { target: { id: any; value: any } }) { const key = e.target.id; const value = e.target.value; setValues((values) => ({ ...values, [key]: value, })); } function handleSubmit(e: { preventDefault: () => void }) { e.preventDefault(); router.post(product.store().url, values); } return ( <>

Add Products

Name *

URL *

Display State

); }