import { Head, useForm, usePage } from '@inertiajs/react';
import {
ArrowRight,
ClipboardList,
MapPin,
ShieldCheck,
TriangleAlert,
UserRound,
} from 'lucide-react';
import { Button } from '@/components/ui/button';
import { Input } from '@/components/ui/input';
import { NativeSelect } from '@/components/crm/native-select';
import { cn } from '@/lib/utils';
import type { InspectionIntakeFormProps } from '@/types';
/**
* The first screen of the standing warranty link: who and where.
*
* This is the door a crew opens on site, without a job number and without
* waiting for the office. Three things are asked before anything else, because
* they are what the report is filed against: whose installation it is, where it
* is, and what the crew is there for. The next screen shows what the CRM already
* holds for that address, and the crew says whether it is the same place.
*
* Written for a phone in a driveway: one column, large targets, and the address
* split into the parts the match actually uses.
*/
export default function StartInspection({
purposes,
states,
intake,
urls,
}: InspectionIntakeFormProps) {
const { errors } = usePage<{ errors: Record }>().props;
const { data, setData, post, processing } = useForm({
customer_name: intake?.customer_name ?? '',
customer_phone: intake?.customer_phone ?? '',
site_address: intake?.site_address ?? '',
site_suburb: intake?.site_suburb ?? '',
site_state: intake?.site_state ?? 'QLD',
site_postcode: intake?.site_postcode ?? '',
purpose: intake?.purpose ?? purposes[0]?.value ?? 'warranty',
inspector_name: intake?.inspector_name ?? '',
inspector_business: intake?.inspector_business ?? '',
});
const fieldError = (field: string) => errors[field];
return (
<>
Standing warranty and service link
Start a report on site
No job number needed and nothing to wait for. Confirm who
the system belongs to and where it is, then fill in the
same inspection report the office sends out — array,
inverter, battery, earthing, labels and photos.
{[
['Who and where', 'The name on the bill and the address.'],
['Confirm the client', 'Pick the match, or say none of them.'],
['The report', 'Checklist, readings, photos, signature.'],
].map(([title, hint], index) => (