import { useTranslation } from '@/hooks/use-translation'; import AppLayout from '@/layouts/app-layout'; import { Head, Link } from '@inertiajs/react'; import { Button } from '@/components/ui/button'; import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; import subjects from '@/routes/admin/school/subjects'; import { BreadcrumbItem } from '@/types'; const breadcrumbs: BreadcrumbItem[] = [ { title: 'Dashboard', href: '/dashboard' }, { title: 'Subjects', href: '/admin/school/subjects' }, ]; interface Subject { id: number; name: string; subject_code: string; books: string | null; class_id: number | null; teacher_id: number | null; created_at: string; updated_at: string; } interface ShowProps { item: Subject; } export default function Show({ item }: Readonly) { const { t } = useTranslation(); return (

{t('Subject Details')}

{item.name}

{t('Subject Code')}

{item.subject_code || 'N/A'}

{t('Class ID')}

{item.class_id || 'N/A'}

{t('Teacher ID')}

{item.teacher_id || 'N/A'}

{t('Books')}

{item.books || 'N/A'}

{t('Created At')}

{new Date(item.created_at).toLocaleDateString()}

{t('Updated At')}

{new Date(item.updated_at).toLocaleDateString()}

); }