import React from 'react'; import AppLayout from '@/layouts/app-layout'; import { Head, Link, usePage } from '@inertiajs/react'; import { BreadcrumbItem } from '@/types'; const breadcrumbsBase: BreadcrumbItem[] = [ { title: 'School Management', href: '/admin/school' }, { title: 'Classes', href: '/admin/school/class-definitions' }, ]; export default function ClassDefinitionsShow() { const { props } = usePage(); const pageProps: any = props; const data = pageProps.item ?? {}; const breadcrumbs: BreadcrumbItem[] = [...breadcrumbsBase, { title: data.name || 'Show', href: `/admin/school/class-definitions/${data.id}` }]; return (

{data.name}

Back Edit

Class #: {data.class_number}

Teacher: {data.teacher_name ?? data.teacher_id}

Capacity: {data.capacity}

Start: {data.start_date}

End: {data.end_date}

Location: {data.location}

Fee: {data.fee}

Description:

{data.description}

); }