import { Head, Link, router, usePage } from '@inertiajs/react'; import { useForm } from 'react-hook-form'; import { zodResolver } from '@hookform/resolvers/zod'; import { z } from 'zod'; import { ArrowLeft } from 'lucide-react'; import AppLayout from '@/Layouts/AppLayout'; import { Button } from '@/components/ui/button'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import { Textarea } from '@/components/ui/textarea'; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'; import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; import type { PageProps, School } from '@/Types'; const schema = z.object({ name: z.string().min(2, 'School name is required'), slug: z.string().optional(), email: z.string().email('Invalid email').optional().or(z.literal('')), phone: z.string().optional(), address: z.string().optional(), city: z.string().optional(), state: z.string().optional(), country: z.string().default('BD'), timezone: z.string().default('Asia/Dhaka'), currency: z.string().default('BDT'), language: z.string().default('en'), status: z.enum(['active', 'inactive', 'suspended']).default('active'), }); type FormData = z.infer; interface EditPageProps extends PageProps { school: School } export default function EditSchool() { const { school } = usePage().props; const { register, handleSubmit, setValue, setError, formState: { errors, isSubmitting } } = useForm({ resolver: zodResolver(schema), defaultValues: { name: school.name, slug: school.slug, email: school.email ?? '', phone: school.phone ?? '', address: school.address ?? '', city: school.city ?? '', state: school.state ?? '', country: school.country, timezone: school.timezone, currency: school.currency, language: school.language, status: school.status, }, }); const onSubmit = (data: FormData) => { router.put(`/super-admin/schools/${school.id}`, data, { onError: (errs) => Object.entries(errs).forEach(([f, m]) => setError(f as keyof FormData, { message: m }) ), }); }; const Field = ({ name, label, placeholder, type = 'text', required = false }: { name: keyof FormData; label: string; placeholder?: string; type?: string; required?: boolean; }) => (
{errors[name] &&

{errors[name]?.message as string}

}
); return (

Edit School

{school.name}

Basic Information
Location