import { Form, Head, Link } from '@inertiajs/react'; import { useState } from 'react'; import { ClipboardList, DollarSign, MapPin, PanelTop, Plus, StickyNote, Users, } from 'lucide-react'; import JobController from '@/actions/App/Http/Controllers/JobController'; import { CustomerSiteFields, type CustomerOption, } from '@/components/crm/customer-site-fields'; import { EquipmentFields } from '@/components/crm/equipment-fields'; import { JobPartsPanel } from '@/components/crm/job-parts-panel'; import { 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 { create as jobsCreate, index as jobsIndex } from '@/routes/jobs'; import type { OptionsBundle } from '@/types'; type Props = { options: OptionsBundle; customers: CustomerOption[]; selectedCustomerId: number | null; }; const textareaClassName = 'border-input dark:bg-input/30 min-h-24 w-full rounded-md border bg-transparent px-3 py-2 text-sm shadow-xs outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]'; export default function JobsCreate({ options, customers, selectedCustomerId, }: Props) { // Opened from a customer's page, that customer is already chosen and their // first site follows with it. Everybody else is found by searching. const [customerId, setCustomerId] = useState( () => selectedCustomerId, ); const [siteId, setSiteId] = useState( () => customers.find((customer) => customer.id === selectedCustomerId) ?.sites[0]?.id ?? null, ); return ( <>
New installation job } title="New job" description="Create the job, then work it through the installation pipeline from the job page." actions={ } />
{({ processing, errors }) => ( <> { setCustomerId(nextCustomer); setSiteId(nextSite); }} errors={{ customer_id: errors.customer_id, site_id: errors.site_id, }} />
{options.jobTypes.map((type) => ( ))} {options.priorities.map( (priority) => ( ), )}