import { Head, router, useForm } from '@inertiajs/react'; import { Button } from '@/components/ui/button'; import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '@/components/ui/select'; import InputError from '@/components/input-error'; import type { Category, Company, System, Ticket } from '@/types'; type Props = { ticket: Ticket; companies: Company[]; systems: System[]; categories: Category[]; }; export default function EditTicket({ ticket, companies, systems, categories, }: Props) { const { data, setData, put, processing, errors } = useForm({ title: ticket.title, description: ticket.description, priority: ticket.priority, status: ticket.status, company_id: String(ticket.company_id), system_id: String(ticket.system_id), category_id: String(ticket.category_id), }); const filteredCategories = categories.filter( (c) => !data.system_id || c.system_id === Number(data.system_id), ); function handleSubmit(e: React.FormEvent) { e.preventDefault(); put(`/tickets/${ticket.id}`); } return ( <>

Edit Ticket {ticket.ticket_no}

Ticket Details
setData('title', e.target.value) } />