Create Document Requirement

{ridingCompany ? `Add a new document requirement for ${ridingCompany.name}` : 'Add a new document requirement for one or more riding companies' }

{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

{message}

)}

Requirement Information

setData('name', e.target.value)} error={errors.name} required placeholder="e.g., Driver License, Vehicle Registration, Insurance" />

{ridingCompanies.length > 0 && (

Riding Companies * ({ 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}

)}

{ridingCompany ? `This requirement will be created for ${ridingCompany.name} and any additional companies you select.` : 'Select one or more riding companies. This requirement will be applied to drivers in the selected companies.' }

)}

Document Type * {errors.type &&

{errors.type}

}

Default Status * {errors.default_status && (

{errors.default_status}

)}

Default status for documents created from this requirement.

Instructions / Notes

setData('instructions', e.target.value)}
                                    className="w-full rounded-md border px-3 py-2"
                                    rows={3}
                                    placeholder="Provide instructions or notes for this document requirement..."
                                />
                                {errors.instructions && (
                                    <p className="text-sm text-red-500">{errors.instructions}</p>
                                )}
                                <p className="mt-1 text-xs text-neutral-500">
                                    Additional notes or instructions that will be copied to driver documents.
                                </p>
                            </div>

<div>
                                <Label htmlFor="required" className="flex items-center gap-2">
                                    <input
                                        type="checkbox"
                                        id="required"
                                        name="required"
                                        checked={data.required}
                                        onChange={(e) => setData('required', e.target.checked)}
                                        className="rounded border-gray-300"
                                    />
                                    <span>Required (Mandatory)</span>
                                </Label>
                                {errors.required && (
                                    <p className="text-sm text-red-500">{errors.required}</p>
                                )}
                            </div>

<div>
                                <Label htmlFor="active" className="flex items-center gap-2">
                                    <input
                                        type="checkbox"
                                        id="active"
                                        name="active"
                                        checked={data.active}
                                        onChange={(e) => setData('active', e.target.checked)}
                                        className="rounded border-gray-300"
                                    />
                                    <span>Active</span>
                                </Label>
                                {errors.active && (
                                    <p className="text-sm text-red-500">{errors.active}</p>
                                )}
                            </div>
                        </div>
                    </Card>

<div className="flex justify-end gap-4">
                        <Link
                            href={ridingCompany 
                                ? `/ridingcarcompanies/riding-companies/${ridingCompany.id}/document-requirements`
                                : '/drivers/driver-documents'
                            }
                        >
                            <Button type="button" variant="outline">
                                Cancel
                            </Button>
                        </Link>
                        <Button type="submit" disabled={processing}>
                            {processing ? 'Creating...' : 'Create Document Requirement'}
                        </Button>
                    </div>
                </form>

<Dialog open={showConfirmDialog} onOpenChange={setShowConfirmDialog}>
                    <DialogContent>
                        <DialogHeader>
                            <DialogTitle>Add to Existing Drivers?</DialogTitle>
                            <DialogDescription>
                                {ridingCompany 
                                    ? `Do you want to add this document requirement to all existing drivers for ${ridingCompany.name}?`
                                    : 'Do you want to add this document requirement to all existing drivers for the selected riding companies?'
                                }
                            </DialogDescription>
                        </DialogHeader>
                        <DialogFooter>
                            <Button
                                type="button"
                                variant="outline"
                                onClick={() => handleConfirm(false)}
                                disabled={processing}
                            >
                                No, Create Only
                            </Button>
                            <Button
                                type="button"
                                onClick={() => handleConfirm(true)}
                                disabled={processing}
                            >
                                Yes, Add to Drivers
                            </Button>
                        </DialogFooter>
                    </DialogContent>
                </Dialog>
            </div>
        </AppLayout>
    );
}