Edit Ticket — {ticket.ticket_number}

Update the ticket details below.

Ticket Details

Subject * setData('title', e.target.value)} className="text-sm" />

Description *

setData('description', e.target.value)}
                                    rows={5}
                                    className="text-sm"
                                />
                                <InputError message={errors.description} />
                            </div>

<div className="grid gap-4 sm:grid-cols-2">
                                <div className="space-y-2">
                                    <Label>Category *</Label>
                                    <Select
                                        value={data.category}
                                        onValueChange={(v) => setData('category', v as TicketCategory)}
                                    >
                                        <SelectTrigger>
                                            <SelectValue placeholder="Select category" />
                                        </SelectTrigger>
                                        <SelectContent>
                                            {Object.entries(categories).map(([key, label]) => (
                                                <SelectItem key={key} value={key}>
                                                    {label}
                                                </SelectItem>
                                            ))}
                                        </SelectContent>
                                    </Select>
                                    <InputError message={errors.category} />
                                </div>

<div className="space-y-2">
                                    <Label>Priority *</Label>
                                    <Select
                                        value={data.priority}
                                        onValueChange={(v) => setData('priority', v as TicketPriority)}
                                    >
                                        <SelectTrigger>
                                            <SelectValue placeholder="Select priority" />
                                        </SelectTrigger>
                                        <SelectContent>
                                            {Object.entries(priorities).map(([key, label]) => (
                                                <SelectItem key={key} value={key}>
                                                    {label}
                                                </SelectItem>
                                            ))}
                                        </SelectContent>
                                    </Select>
                                    <InputError message={errors.priority} />
                                </div>
                            </div>

<div className="grid gap-4 sm:grid-cols-2">
                                <div className="space-y-2">
                                    <Label htmlFor="location">Location</Label>
                                    <Input
                                        id="location"
                                        value={data.location}
                                        onChange={(e) => setData('location', e.target.value)}
                                        className="text-sm"
                                    />
                                </div>

<div className="space-y-2">
                                    <Label htmlFor="equipment_type">Equipment Type</Label>
                                    <Input
                                        id="equipment_type"
                                        value={data.equipment_type}
                                        onChange={(e) => setData('equipment_type', e.target.value)}
                                        className="text-sm"
                                    />
                                </div>
                            </div>
                        </CardContent>
                    </Card>

<div className="flex justify-end gap-3">
                        <Button type="button" variant="outline" onClick={() => window.history.back()}>
                            Cancel
                        </Button>
                        <Button type="submit" disabled={processing} className="min-w-[120px]">
                            {processing ? 'Saving...' : 'Save Changes'}
                        </Button>
                    </div>
                </form>
            </div>
        </AppLayout>
    );
}