import { Head, Link, router } from '@inertiajs/react'; import { Briefcase, Pencil, Plus, Trash2 } from 'lucide-react'; import { ConfirmDialog } from '@/components/confirm-dialog'; import { EmptyState } from '@/components/empty-state'; import { Kpi } from '@/components/kpi'; import { PageHeader } from '@/components/page-header'; import { Pagination } from '@/components/pagination'; import type { Paginated } from '@/components/pagination'; import { StatusBadge } from '@/components/status-badge'; import { Button } from '@/components/ui/button'; import { Card, CardContent } from '@/components/ui/card'; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '@/components/ui/select'; import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from '@/components/ui/table'; import { create, destroy, edit, index, show } from '@/routes/clients'; type Row = { id: string; client_number: string; name: string; kind_label: string; status: string; status_label: string; relationship_partner: string | null; kyc_completed: boolean; }; type Option = { value: number | string; label: string }; type Props = { clients: Paginated; filters: { status: string; partner: number | null }; partners: Option[]; statuses: Option[]; stats: { active: number; inactive: number; this_month: number }; }; const ALL = 'all'; export default function ClientsIndex({ clients, filters, partners, statuses, stats, }: Props) { const applyFilters = ( patch: Record, ) => { router.get( index().url, { status: filters.status || undefined, partner: filters.partner || undefined, ...patch, }, { preserveState: true, replace: true }, ); }; return ( <>

New client } />

{clients.data.length === 0 ? ( New client } /> ) : ( <> Client no. Name Partner KYC Status Actions {clients.data.map((row) => ( {row.client_number} {row.name} {row.kind_label} {row.relationship_partner ?? '—'} {row.kyc_completed ? 'Complete' : 'Pending'} {row.status_label}

router.delete( destroy( row.id, ).url, ) } trigger={ } />

))}

)}

); }