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: 'Teachers', href: '/admin/school/teachers' }, ]; export default function TeachersShow() { 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/teachers/${data.id}` }]; return (

{data.title} {data.first_name} {data.last_name}

Back Edit

Title: {data.title}

First Name: {data.first_name}

Middle Name: {data.middle_name}

Last Name: {data.last_name}

Email: {data.email}

Phone: {data.phone}

Position: {data.position_title}

Employee Code: {data.emploee_code}

Start Date: {data.start_date}

End Date: {data.end_date}

Address: {data.address}

Qualifications:

{data.qualifications}

{data.picture_url && (

Picture: ${`${data.first_name}$

)}

); }