import AppLayout from '@/layouts/app-layout'; import { type BreadcrumbItem } from '@/types'; import { Head, Link, useForm } from '@inertiajs/react'; import { Card, CardContent, CardFooter, CardHeader, CardTitle, } from "@/components/ui/card" import { Input } from "@/components/ui/input" import InputError from '@/components/input-error'; import { Button, buttonVariants } from '@/components/ui/button'; import { Label } from '@/components/ui/label'; import { FormEventHandler, useRef } from 'react'; // import ImageUpload from '@/components/ImageUpload'; type CreateTaskForm = { name: string; }; const breadcrumbs: BreadcrumbItem[] = [ { title: 'Residency Program Create', href: '/residency_program/create', }, ]; export default function Create() { const taskName = useRef(null); const taskemail = useRef(null); const { data, setData, errors, post, reset, processing } = useForm({ name: '', }); const createTask: FormEventHandler = (e) => { e.preventDefault(); post(route('residency_program.store'), { forceFormData: true, preserveScroll: true, onSuccess: () => { reset(); }, onError: (errors) => { if (errors.name) { reset('name'); reset('email'); taskName.current?.focus(); } } }); }; return (
Residency Program List
Create Residency Program
setData('name', e.target.value)} placeholder="Name of residency program" disabled={processing} />
setData('email', e.target.value)} placeholder="email of residency program" disabled={processing} />
Cancel
); }