import { FileText } from 'lucide-react'; import { Head, Link, router } from '@inertiajs/react'; import { Button } from '@/Components/ui/button'; import { EmptyState } from '@/Components/ui/empty-state'; import DashboardLayout from '@/Layouts/DashboardLayout'; interface Template { id: number; name: string; description: string | null; sections: string[]; filters: Record; is_system: boolean; created_at: string; } interface IndexProps { templates: Template[]; filters: { type?: string; search?: string; sort?: string; }; counts: { total: number; system: number; user: number; }; pagination: { current_page: number; last_page: number; per_page: number; total: number; }; } export default function ReportTemplatesIndex({ templates, }: IndexProps) { return (

Report Templates

Manage your report templates

{templates.length > 0 ? (
{templates.map((template) => (

{template.name}

{template.description && (

{template.description}

)}
{template.is_system && ( System )} {template.sections.length} sections
))}
) : ( router.visit(route('report-templates.index'), { data: { create: 1 } }) } > Create Template } /> )}
); }