import { useState } from 'react'; import { Head, Link, useForm } from '@inertiajs/react'; import { router } from '@inertiajs/react'; import { ConfirmDialog } from '@/components/admin/confirm-dialog'; 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'; interface Event { id: number; title: string; description: string | null; location: string | null; image: string | null; starts_at: string; ends_at: string | null; type: string; status: string; max_registrations: number | null; } export default function EventEdit({ event, registrationCount }: { event: Event; registrationCount: number }) { const [imageKey, setImageKey] = useState(0); const [confirmDelete, setConfirmDelete] = useState(false); const { data, setData, post, processing, errors } = useForm({ _method: 'PUT', title: event.title, description: event.description ?? '', location: event.location ?? '', starts_at: event.starts_at.split('T')[0] as string | null, ends_at: event.ends_at ? event.ends_at.split('T')[0] : null as string | null, type: event.type, status: event.status, max_registrations: event.max_registrations ? String(event.max_registrations) : '', image: null as File | null, image_clear: false, }); function submit(e: React.FormEvent) { e.preventDefault(); post(`/admin/events/${event.id}`); } return ( <>
Events / Edit Event

Edit Event {registrationCount} registrations

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); }} />
router.delete(`/admin/events/${event.id}`, { onSuccess: () => setConfirmDelete(false) })} /> ); }