import { useTranslation } from '@/hooks/use-translation'; 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: 'Parents', href: '/admin/school/parents' }, ]; export default function ParentsShow() { const { t } = useTranslation(); const { props } = usePage(); const pageProps: any = props; const data = pageProps.item ?? {}; const breadcrumbs: BreadcrumbItem[] = [...breadcrumbsBase, { title: `${data.first_name} ${data.last_name}` || 'Show', href: `/admin/school/parents/${data.id}` }]; return (

{data.first_name} {data.last_name}

{t('Back')} {t('Edit')}
{t('First Name:')} {data.first_name}
{t('Last Name:')} {data.last_name}
{t('Email:')} {data.email}
{t('Date of Birth:')} {data.date_of_birth}
{t('Address:')} {data.address}
{data.picture_url && (
{t('Picture:')} {`${data.first_name}
)}
{/* Students Section */}

{t('Students')}

{data.students && data.students.length > 0 ? (
{data.students.map((student: any) => (
{student.first_name} {student.middle_name} {student.last_name}
{student.gender && (
Gender: {student.gender}
)} {student.date_of_birth && (
DOB: {student.date_of_birth}
)} {student.email && (
{student.email}
)} ))}
) : (
{t('No students assigned to this parent')}
)}
); }