import { FormField } from '@/components/core/form-field'; import { Button } from '@/components/ui/button'; import { Card } from '@/components/ui/card'; import { Label } from '@/components/ui/label'; import { MultiSelect } from '@/components/ui/multi-select'; import AppLayout from '@/layouts/app-layout'; import { Head, Link, useForm } from '@inertiajs/react'; interface RidingCompany { id: number; name: string; } interface DriverStage { id: number; name?: string; riding_company_id?: number; riding_company_ids?: number[]; stage_order: number; status: string; notes?: string; } interface DriverStagesEditProps { driverStage: DriverStage; ridingCompanies: RidingCompany[]; } export default function DriverStagesEdit({ driverStage, ridingCompanies, }: DriverStagesEditProps) { // Handle both old single riding_company_id and new riding_company_ids const initialRidingCompanyIds = driverStage.riding_company_ids ? driverStage.riding_company_ids.map(id => id.toString()) : (driverStage.riding_company_id ? [driverStage.riding_company_id.toString()] : []); const { data, setData, put, processing, errors } = useForm({ name: driverStage.name || '', riding_company_ids: initialRidingCompanyIds, stage_order: driverStage.stage_order.toString(), status: driverStage.status || 'pending', notes: driverStage.notes || '', }); const handleSubmit = (e: React.FormEvent) => { e.preventDefault(); put(`/drivers/driver-stages/${driverStage.id}`); }; return (

Edit Driver Stage

Update driver stage information

{Object.keys(errors).length > 0 && (

There {Object.keys(errors).length === 1 ? 'is' : 'are'}{' '} {Object.keys(errors).length} error {Object.keys(errors).length === 1 ? '' : 's'} with your submission

    {Object.entries(errors).map(([field, message]) => (
  • {message}
    • ))}
)}

Stage Information

setData('name', e.target.value)} error={errors.name} required placeholder="Enter driver stage name" />
({ value: company.id.toString(), label: company.name, }))} value={data.riding_company_ids} onChange={(value) => setData('riding_company_ids', value)} placeholder="Select riding companies..." className="w-full" searchable={true} /> {errors.riding_company_ids && (

{errors.riding_company_ids}

)}

Select one or more riding companies. This stage will be available for all drivers in the selected companies.

setData('stage_order', e.target.value)} error={errors.stage_order} required min="1" />
{errors.status && (

{errors.status}

)}