import { Head, Link, useForm } from '@inertiajs/react'; import { Switch } from '@/components/ui/switch'; import { AdminLayout } from '@/layouts/admin-layout'; type AttributeGroupData = { id: number; name: string; slug: string; description: string | null; is_active: boolean; sort_order: number; }; type AttributeGroupEditProps = { group: AttributeGroupData; }; type AttributeGroupForm = { name: string; slug: string; description: string; is_active: boolean; sort_order: string; }; export default function AttributeGroupEdit({ group }: AttributeGroupEditProps) { const form = useForm({ name: group.name, slug: group.slug, description: group.description || '', is_active: group.is_active, sort_order: String(group.sort_order), }); const submit = (event: React.FormEvent) => { event.preventDefault(); form.transform((data) => ({ ...data, sort_order: data.sort_order === '' ? 0 : Number(data.sort_order), })); form.put(`/admin/attribute-groups/${group.id}`); }; return (

Edit Attribute Group

Back to list
form.setData('name', event.target.value) } className="w-full rounded-lg border border-slate-300 bg-white px-3 py-2 text-sm text-[#0a1530] outline-none focus:border-[#0b7285] dark:border-[#4a3a78] dark:bg-[#160f2d] dark:text-[#efe8ff] dark:focus:border-[#a78bfa]" required /> form.setData('slug', event.target.value) } className="w-full rounded-lg border border-slate-300 bg-white px-3 py-2 text-sm text-[#0a1530] outline-none focus:border-[#0b7285] dark:border-[#4a3a78] dark:bg-[#160f2d] dark:text-[#efe8ff] dark:focus:border-[#a78bfa]" />
form.setData('sort_order', event.target.value) } className="w-full rounded-lg border border-slate-300 bg-white px-3 py-2 text-sm text-[#0a1530] outline-none focus:border-[#0b7285] dark:border-[#4a3a78] dark:bg-[#160f2d] dark:text-[#efe8ff] dark:focus:border-[#a78bfa]" />