import { DataTable } from '@/components/core/data-table'; import { DeleteDialog } from '@/components/core/delete-dialog'; import { Badge } from '@/components/ui/badge'; import { Button } from '@/components/ui/button'; import { Card } from '@/components/ui/card'; import AppLayout from '@/layouts/app-layout'; import { Head, Link, router } from '@inertiajs/react'; import { useState } from 'react'; interface RidingCompany { id: number; name: string; } interface DocumentRequirement { id: number; riding_company_id: number; riding_company?: { id: number; name: string; }; riding_companies?: Array<{ id: number; name: string; }>; name: string; type: string; required: boolean; instructions?: string; active: boolean; default_status?: string; created_at: string; driver_count?: number; } interface DocumentRequirementsIndexProps { ridingCompany: RidingCompany; documentRequirements: DocumentRequirement[]; } export default function DocumentRequirementsIndex({ ridingCompany, documentRequirements, }: DocumentRequirementsIndexProps) { const [deleteDialog, setDeleteDialog] = useState<{ open: boolean; requirement: DocumentRequirement | null }>({ open: false, requirement: null, }); const handleDelete = (requirement: DocumentRequirement) => { setDeleteDialog({ open: true, requirement }); }; const confirmDelete = () => { if (deleteDialog.requirement) { router.delete(`/ridingcarcompanies/document-requirements/${deleteDialog.requirement.id}`); } }; const handleToggleStatus = (id: number) => { router.post(`/ridingcarcompanies/document-requirements/${id}/toggle-active`); }; return (

Document Requirements

Manage document requirements for riding companies

{documentRequirements.length > 0 ? ( (
{row.name} {row.driver_count !== undefined && row.driver_count > 0 && (

Used by {row.driver_count} driver(s)

)}
), }, { header: 'Riding Companies', accessor: (row) => { if (row.riding_companies && row.riding_companies.length > 0) { return (
{row.riding_companies.map((company, index) => ( {company.name} ))}
); } return row.riding_company?.name || '-'; }, }, { header: 'Type', accessor: (row) => ( {row.type} ), }, { header: 'Required', accessor: (row) => ( {row.required ? 'Required' : 'Optional'} ), }, { header: 'Status', accessor: (row) => ( {row.active ? 'Active' : 'Inactive'} ), }, { header: 'Instructions', accessor: (row) => row.instructions || '-', }, ]} actions={(row) => ( <> )} /> ) : (

No document requirements found.

)} setDeleteDialog({ open, requirement: null })} onConfirm={confirmDelete} title="Delete Document Requirement" description={`Are you sure you want to delete "${deleteDialog.requirement?.name}"? This action cannot be undone.`} />
); }