import { Head, Link, useForm } from '@inertiajs/react'; import { Button } from '@/components/ui/button'; import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from '@/components/ui/card'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import InputError from '@/components/input-error'; export default function TicketLookup() { const { data, setData, post, processing, errors } = useForm({ ticket_no: '', }); function handleSubmit(e: React.FormEvent) { e.preventDefault(); post('/ticket-status'); } return ( <>
Support Center
Track Your Ticket Enter your ticket number to view its current status
setData( 'ticket_no', e.target.value.toUpperCase(), ) } placeholder="e.g. TKT-20260331-0001" className="font-mono" />

Don't have a ticket yet?{' '} Submit one here

); }