import { useState } from 'react'; import { Form, Head, Link } from '@inertiajs/react'; import { Building2, HardHat, Mail, MapPin, Target, UserPlus, UserRound, } from 'lucide-react'; import CustomerController from '@/actions/App/Http/Controllers/CustomerController'; import { Callout, PageHeader, SectionCard } from '@/components/crm/page-header'; import { FormField, NativeSelect } from '@/components/crm/native-select'; import { Button } from '@/components/ui/button'; import { Input } from '@/components/ui/input'; import { index as customersIndex } from '@/routes/customers'; import type { OptionsBundle } from '@/types'; export default function CustomerCreate({ options, builder, }: { options: OptionsBundle; /** * The builder whose page opened this form, when it did. The client is saved * under that account in the same request, so there is nothing to remember * to do afterwards. */ builder: { id: number; name: string; customer_number: string } | null; }) { const [type, setType] = useState('residential'); // Everything except a residential customer is billed as an organisation, // which matches App\Enums\CustomerType::isOrganisation() on the backend. const isOrganisation = type !== 'residential'; return ( <>

{({ processing, errors }) => ( <> New customer record } title="New customer" description="Record the billing party. Sites and jobs are added against the customer afterwards." actions={ <> } /> {builder ? ( {builder.name} ({builder.customer_number}) is the builder account. Their own sites, jobs and billing are recorded here, and the account whose client they are is recorded against this customer. ) : null}

setType(event.target.value) } > {options.customerTypes.map((option) => ( ))}

{isOrganisation ? ( <> ) : ( <> )}

{options.contactMethods.map( (option) => ( ), )}

{options.states.map((option) => ( ))}

{options.leadSources.map((option) => ( ))} {options.staff.map((option) => ( ))}