import React from 'react'; import AppLayout from '@/layouts/app-layout'; import { Head, useForm, usePage, Link } from '@inertiajs/react'; import { BreadcrumbItem } from '@/types'; import { Button } from '@/components/ui/button'; import MultiParentSelector from '@/components/multi-parent-selector'; const breadcrumbsBase: BreadcrumbItem[] = [ { title: 'School Management', href: '/admin/school' }, { title: 'Students', href: '/admin/school/students' }, ]; export default function StudentsEdit() { const { props } = usePage(); const pageProps: any = props; const item = pageProps.item ?? {}; const breadcrumbs: BreadcrumbItem[] = [...breadcrumbsBase, { title: `${item.first_name} ${item.last_name}`, href: `/admin/school/students/${item.id}/edit` }]; const form = useForm({ first_name: item.first_name ?? '', middle_name: item.middle_name ?? '', last_name: item.last_name ?? '', gender: item.gender ?? '', hebrew_name: item.hebrew_name ?? '', pronouns: item.pronouns ?? '', preferred_name: item.preferred_name ?? '', allergies: item.allergies ?? '', special_accomodations: item.special_accomodations ?? '', date_of_birth: item.date_of_birth ?? item.dob ?? '', email: item.email ?? '', is_parent_email: item.is_parent_email ?? false, parent_ids: (item.parents || []).map((p: any) => p.id) as (string | number)[], address: item.address ?? '', picture_url: item.picture_url ?? '', }); function submit(e: React.FormEvent) { e.preventDefault(); form.put(`/api/admin/students/${item.id}`, { onSuccess: () => window.location.href = `/admin/school/students/${item.id}` }); } return (

Edit Student

First Name form.setData('first_name', e.target.value)} className="w-full rounded border p-2" />

Middle Name form.setData('middle_name', e.target.value)} className="w-full rounded border p-2" />

Last Name form.setData('last_name', e.target.value)} className="w-full rounded border p-2" />

Hebrew Name form.setData('hebrew_name', e.target.value)} className="w-full rounded border p-2" />

Pronouns form.setData('pronouns', e.target.value)} className="w-full rounded border p-2" />

Preferred Name form.setData('preferred_name', e.target.value)} className="w-full rounded border p-2" />

Allergies form.setData('allergies', e.target.value)} className="w-full rounded border p-2" />

Special Accomodations form.setData('special_accomodations', e.target.value)} className="w-full rounded border p-2" />

Gender

Date of Birth form.setData('date_of_birth', e.target.value)} className="w-full rounded border p-2" />

Email form.setData('email', e.target.value)} className="w-full rounded border p-2" />

form.setData('is_parent_email', e.target.checked)} className="rounded" /> Is Parent Email

form.setData('parent_ids', value)} error={form.errors.parent_ids} />

Address