import { useState } from 'react';
import { Head, router } from '@inertiajs/react';
import {
Check,
ChevronLeft,
MapPin,
Phone,
SearchX,
ShieldQuestion,
} from 'lucide-react';
import { Button } from '@/components/ui/button';
import { cn } from '@/lib/utils';
import type { InspectionConfirmProps, InspectionIntakeCandidate } from '@/types';
/**
* The second screen: is this the right client?
*
* The address was looked up before the page was drawn, so what is here is what
* the CRM already holds for that street. The crew is standing in front of the
* meter, which makes them the best judge of whether the record is the same
* place — a wrong link is worse than no link, because the report then files
* itself against somebody else's system.
*
* "None of these" is a first-class answer: a system installed before this CRM
* existed, a street the office spells differently, a customer who sold the house.
* The report still opens, with the typed name and address on it, and the office
* links it afterwards.
*/
export default function ConfirmClient({
intake,
candidates,
purposes,
urls,
}: InspectionConfirmProps) {
const [busy, setBusy] = useState(null);
const post = (siteId: number | null) => {
setBusy(siteId ?? 'none');
router.post(
urls.link,
{ ...intake, site_id: siteId },
{ onFinish: () => setBusy(null) },
);
};
const purpose =
purposes.find((option) => option.value === intake.purpose)?.label ??
'Inspection';
return (
<>
= 60
? 'text-emerald-700 dark:text-emerald-400'
: 'text-amber-700 dark:text-amber-400',
)}
>
{candidate.reason}
{candidate.job ? (
Last job {candidate.job.job_number}
{candidate.job.title
? ` · ${candidate.job.title}`
: ''}
) : (
No jobs recorded at this address
)}
))}
None of these is the right place
Carry on anyway. The report opens for the address
you typed, and the office links it to the client
once they have the paperwork in front of them.
Only the client record is being confirmed here. Nothing is
changed on their file: a correction to a name or an address is
the office's job, from the report.