import { Form, Head, Link } from '@inertiajs/react'; import { Info } from 'lucide-react'; import InputError from '@/components/input-error'; import { TicketCard } from '@/components/ticket/ticket-ui'; 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 { Spinner } from '@/components/ui/spinner'; type Props = { states: Array<{ value: string; label: string }>; }; const selectClassName = 'border-input h-9 w-full rounded-md border bg-transparent px-3 text-sm shadow-xs outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]'; export default function TicketRegister({ states }: Props) { return ( <>

Create your ticket account

If we installed your system, we will match your details to your account and fill in the rest. If we have not met yet, this creates a customer record for you.

{({ processing, errors }) => ( <>

Is this a new address for us? (optional)

Existing customers already have their installation address on file. We only use this when we have no record of you.

How we handle your details

We collect your name, contact details, property address, system details and anything you send us, to answer your report and arrange service, warranty or network work. We share only what is needed with the installer, manufacturer, distributor or network involved — never for marketing without your consent. You can ask to see or correct your details at any time by contacting us. Full details are in our privacy policy.

)}

Already registered?{' '} Sign in

); }