import { Button } from '@/components/ui/button'; import { Card } from '@/components/ui/card'; import DashboardLayout from '@/layouts/dashboard/layout'; import { SharedData } from '@/types/global'; import { Head, Link } from '@inertiajs/react'; import { ClipboardList, Plus } from 'lucide-react'; import MarkSheetCard from './partials/marksheet-card'; interface MarksheetPageProps extends SharedData { templates: MarksheetTemplate[]; } const MarksheetIndex = ({ templates }: MarksheetPageProps) => { const examTemplates = templates.filter((template) => template.type === 'exam'); const courseTemplates = templates.filter((template) => template.type === 'course'); return ( <>

Marksheet Templates

Design marksheets showing course grades

Course Marksheet Templates
{courseTemplates.length === 0 ? (

No marksheet templates yet

Create your first marksheet template to get started

 ) : (
{courseTemplates.map((template) => ( ))}
)}
); }; MarksheetIndex.layout = (page: React.ReactNode) => ; export default MarksheetIndex;