import { useTranslation } from '@/hooks/use-translation'; import React from 'react'; import { Head, Link, useForm } from '@inertiajs/react'; import AppLayout from '@/layouts/app-layout'; import { Button } from '@/components/ui/button'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import { Textarea } from '@/components/ui/textarea'; import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'; import { type BreadcrumbItem, type Committee } from '@/types'; interface Props { committee: Committee; } export default function CommitteesEdit({ committee }: Readonly) { const { t } = useTranslation(); const { data, setData, put, processing, errors } = useForm({ name: committee.name || '', description: committee.description || '', }); const handleSubmit = (e: React.FormEvent) => { e.preventDefault(); put(`/admin/committees/${committee.id}`); }; const breadcrumbs: BreadcrumbItem[] = [ { title: 'Dashboard', href: '/dashboard' }, { title: 'Committees', href: '/admin/committees' }, { title: 'Edit', href: `/admin/committees/${committee.id}/edit` }, ]; return (

{t('Edit Committee')}

{t('Update committee information')}

{t('Committee Information')} Update the details for {committee.name}
setData('name', e.target.value)} className={errors.name ? 'border-red-500' : ''} /> {errors.name && (

{errors.name}

)}