import { useTranslation } from '@/hooks/use-translation'; import { Head, Link, router } from '@inertiajs/react'; import AppLayout from '@/layouts/app-layout'; import { Button } from '@/components/ui/button'; import { Badge } from '@/components/ui/badge'; import { type BreadcrumbItem } from '@/types'; import { Plus, Eye, Edit, Trash2, FileText } from 'lucide-react'; interface Form { id: number; name: string; description: string | null; is_active: boolean; submissions_count: number; created_at: string; } interface Props { forms: Form[]; } export default function FormsIndex({ forms }: Readonly) { const { t } = useTranslation(); const breadcrumbs: BreadcrumbItem[] = [ { title: 'Dashboard', href: '/dashboard' }, { title: 'Forms', href: '/admin/forms' }, ]; const handleDelete = (id: number) => { if (confirm('Are you sure you want to delete this form? This will also delete all submissions.')) { router.delete(`/admin/forms/${id}`); } }; return (

{t('Forms')}

{forms.length === 0 ? (

{t('No forms yet')}

{t('Create your first custom form to start collecting data.')}

) : (
{forms.map((form) => (

{form.name}

{form.is_active ? 'Active' : 'Inactive'}
{form.description && (

{form.description}

)}
{form.submissions_count} submission{form.submissions_count !== 1 ? 's' : ''}
))}
)}
); }