import { useState } from 'react'; import { Head, Link, useForm } from '@inertiajs/react'; import { router } from '@inertiajs/react'; import { ConfirmDialog } from '@/components/admin/confirm-dialog'; import { RichText } from '@/components/admin/rich-text'; import { Button } from '@/components/ui/button'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import { Switch } from '@/components/ui/switch'; interface Division { id: number; name: string; description: string | null; chair_name: string | null; is_active: boolean; sort_order: number; } export default function DivisionsEdit({ division }: { division: Division }) { const [confirmDelete, setConfirmDelete] = useState(false); const { data, setData, put, processing, errors } = useForm({ name: division.name, description: division.description ?? '', chair_name: division.chair_name ?? '', is_active: division.is_active, sort_order: division.sort_order, }); function submit(e: React.FormEvent) { e.preventDefault(); put(`/admin/divisions/${division.id}`); } return ( <>

Divisions / Edit Division

Edit Division

Name * setData('name', e.target.value)} /> {errors.name &&

{errors.name}

}

Chair Name setData('chair_name', e.target.value)} placeholder="Full name of the chair" /> {errors.chair_name &&

{errors.chair_name}

}

Description setData('description', v)} height={250} /> {errors.description &&

{errors.description}

}

Sort Order setData('sort_order', Number(e.target.value))} /> {errors.sort_order &&

{errors.sort_order}

}

setData('is_active', v)} /> Active

router.delete(`/admin/divisions/${division.id}`, { onSuccess: () => setConfirmDelete(false) })} /> ); }