import { Form, Head, Link } from '@inertiajs/react';
import { useState } from 'react';
import {
BadgeCheck,
ClipboardList,
DollarSign,
Info,
Leaf,
MapPin,
PanelTop,
PlugZap,
ShieldCheck,
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 { Callout, PageHeader, SectionCard } from '@/components/crm/page-header';
import { FormField, NativeSelect } from '@/components/crm/native-select';
import { RuleFlag } from '@/components/crm/status-badge';
import { Button } from '@/components/ui/button';
import { Input } from '@/components/ui/input';
import {
formatDate,
toDateInputValue,
toDateTimeInputValue,
} from '@/lib/format';
import { show as customerShow } from '@/routes/customers';
import { index as jobsIndex, show as jobShow } from '@/routes/jobs';
import type { JobDetail, OptionsBundle } from '@/types';
type Props = {
job: JobDetail;
options: OptionsBundle;
customers: CustomerOption[];
can: {
viewFinancials: boolean;
manageCompliance: boolean;
};
};
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]';
/**
* A boolean field that always submits a value. Inertia's Form reads plain form
* values, and Laravel's `boolean` rule rejects a bare "on", so the hidden input
* supplies "0" when the box is unchecked.
*/
function CheckboxField({
label,
name,
defaultChecked,
hint,
error,
}: {
label: string;
name: string;
defaultChecked: boolean;
hint?: string | null;
error?: string;
}) {
return (
{error ? (
{error}
) : null}
);
}
export default function JobsEdit({ job, options, customers, can }: Props) {
// The job's own customer and site are already chosen; their sites arrive
// with the pinned customer, and any other customer is found by searching.
const [customerId, setCustomerId] = useState(
() => job.customer?.id ?? null,
);
const [siteId, setSiteId] = useState(
() => job.site?.id ?? null,
);
return (
<>
{job.job_number}
·
{job.customer?.name ?? 'No customer'}
}
title={`Edit ${job.job_number}`}
description={job.customer?.name ?? null}
actions={
<>
}
/>
This form only changes the job's details. To move the job
through the pipeline — installing it, inspection, grid
connection and closeout — use the workflow controls on the{' '}
job page
. Current stage: {job.status.label}.