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'; const breadcrumbsBase: BreadcrumbItem[] = [ { title: 'School Management', href: '/admin/school' }, { title: 'Parents', href: '/admin/school/parents' }, ]; export default function ParentsEdit() { const { props } = usePage(); const pageProps: any = props; const item = pageProps.item ?? {}; const breadcrumbs: BreadcrumbItem[] = [...breadcrumbsBase, { title: `${item.first_name} ${item.last_name}` ?? 'Edit', href: `/admin/school/parents/${item.id}/edit` }]; const form = useForm({ first_name: item.first_name ?? '', last_name: item.last_name ?? '', email: item.email ?? '', date_of_birth: item.date_of_birth ?? '', address: item.address ?? '', picture_url: item.picture_url ?? '', }); function submit(e: React.FormEvent) { e.preventDefault(); form.put(`/api/admin/parents/${item.id}`, { onSuccess: () => window.location.href = `/admin/school/parents/${item.id}` }); } return (

Edit Parent

First Name form.setData('first_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" />

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

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

Address