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 { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import { Textarea } from '@/components/ui/textarea'; import { ArrowLeft } from 'lucide-react'; import { type BreadcrumbItem } from '@/types'; interface Reportable { id: number; name: string; } interface Props { reportable: Reportable; reportableType: 'committee' | 'board'; } export default function ReportsCreate({ reportable, reportableType }: Readonly) { const { t } = useTranslation(); const { data, setData, post, processing, errors } = useForm({ title: '', report_date: new Date().toISOString().split('T')[0], content: '', }); const handleSubmit = (e: React.FormEvent) => { e.preventDefault(); post(`/admin/reports/${reportableType}/${reportable.id}`); }; const entityName = reportableType === 'committee' ? 'Committee' : 'Board'; const backUrl = `/admin/reports/${reportableType}/${reportable.id}`; const breadcrumbs: BreadcrumbItem[] = [ { title: 'Dashboard', href: '/dashboard' }, { title: `${entityName}s`, href: `/admin/${reportableType}s` }, { title: reportable.name, href: `/admin/${reportableType}s/${reportable.id}` }, { title: 'Reports', href: backUrl }, { title: 'Create Report', href: `/admin/reports/${reportableType}/${reportable.id}/create` }, ]; return (

{t('Create Report')}

{reportable.name}

{t('Report Details')}
setData('title', e.target.value)} placeholder={t('e.g., Q1 2026 Financial Report, Annual Summary')} required /> {errors.title && (

{errors.title}

)}
setData('report_date', e.target.value)} required /> {errors.report_date && (

{errors.report_date}

)}