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 } from '@/types'; export default function CommitteesCreate() { const { t } = useTranslation(); const { data, setData, post, processing, errors } = useForm({ name: '', description: '', }); const handleSubmit = (e: React.FormEvent) => { e.preventDefault(); post('/admin/committees'); }; const breadcrumbs: BreadcrumbItem[] = [ { title: 'Dashboard', href: '/dashboard' }, { title: 'Committees', href: '/admin/committees' }, { title: 'Create', href: '/admin/committees/create' }, ]; return (

{t('Create Committee')}

{t('Add a new committee to manage')}

{t('Committee Information')} {t('Enter the details for the new committee')}

Name * setData('name', e.target.value)} className={errors.name ? 'border-red-500' : ''} /> {errors.name && (

{errors.name}

)}

{t('Description')}