import { useState } from 'react'; import { Head, Link, useForm } from '@inertiajs/react'; import { DatePicker } from '@/components/admin/date-picker'; import { ImageUpload } from '@/components/admin/image-upload'; import { RichText } from '@/components/admin/rich-text'; import { Button } from '@/components/ui/button'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'; export default function EventCreate() { const [imageKey, setImageKey] = useState(0); const { data, setData, post, processing, errors } = useForm({ title: '', description: '', location: '', starts_at: null as string | null, ends_at: null as string | null, type: 'conference', status: 'upcoming', max_registrations: '', image: null as File | null, image_clear: false, }); function submit(e: React.FormEvent) { e.preventDefault(); post('/admin/events'); } return ( <>
Events / New Event

New Event

setData('title', e.target.value)} required /> {errors.title &&

{errors.title}

}
setData('description', v)} height={300} /> {errors.description &&

{errors.description}

}
setData('starts_at', v)} /> {errors.starts_at &&

{errors.starts_at}

}
setData('ends_at', v)} />
setData('location', e.target.value)} />
setData('max_registrations', e.target.value)} />
{ setData('image', file); setData('image_clear', false); }} onClear={() => { setData('image', null); setData('image_clear', true); setImageKey((k) => k + 1); }} />
); }