import InputError from '@/Components/input-error'; import { Button } from '@/Components/ui/button'; import { Checkbox } from '@/Components/ui/checkbox'; import { Input } from '@/Components/ui/input'; import { Label } from '@/Components/ui/label'; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/Components/ui/select'; import { Textarea } from '@/Components/ui/textarea'; import AuthenticatedLayout from '@/Layouts/app-layout'; import type { PageProps } from '@/types'; import { Head, Link, useForm } from '@inertiajs/react'; import type { FormEventHandler } from 'react'; interface Project { id: string; posted_by_staff_id: string; title: string; description: string; type: string; status: string; start_date: string; end_date: string; image_url: string; budget: number; location: string; is_featured: boolean; progress: number; date_added: string; team_size: number; } interface ProjectFormProps extends PageProps { project?: Project; // Optional project prop for edit mode } export default function ProjectForm({ auth, project }: ProjectFormProps) { const { data, setData, post, put, processing, errors, reset } = useForm({ posted_by_staff_id: project?.posted_by_staff_id || auth.user.id, // Use existing or current user title: project?.title || '', description: project?.description || '', type: project?.type || '', status: project?.status || 'planning', start_date: project?.start_date || '', end_date: project?.end_date || '', image_url: project?.image_url || '', budget: project?.budget || 0, location: project?.location || '', is_featured: project?.is_featured || false, progress: project?.progress || 0, date_added: project?.date_added || '', team_size: project?.team_size || 0, }); const isEditMode = !!project; // Check if project prop exists const submit: FormEventHandler = (e) => { e.preventDefault(); if (isEditMode) { put(route('projects.update', project.id)); } else { post(route('projects.store')); } }; return ( {isEditMode ? 'Edit Project' : 'Create New Project'}} >
setData('title', e.target.value)} />
setData('budget', e.target.value)} />
setData('location', e.target.value)} />
setData('team_size', e.target.value)} />
setData('progress', e.target.value)} />
setData('date_added', e.target.value)} />
setData('start_date', e.target.value)} />
setData('end_date', e.target.value)} />
setData('image_url', e.target.value)} />