import { DataTable } from '@/components/core/data-table'; import { LeadSourceDeleteDialog } from '@/components/core/lead-source-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, useMemo } from 'react'; interface LeadSource { id: number; name: string; slug: string; description?: string; active: boolean; created_at: string; updated_at: string; } interface LeadSourcesIndexProps { leadSources: LeadSource[]; driversCounts?: Record; availableLeadSources?: LeadSource[]; } export default function LeadSourcesIndex({ leadSources, driversCounts = {}, availableLeadSources = [] }: LeadSourcesIndexProps) { const [deleteDialog, setDeleteDialog] = useState<{ open: boolean; source: LeadSource | null }>({ open: false, source: null, }); const handleDelete = (source: LeadSource) => { setDeleteDialog({ open: true, source }); }; // Filter available lead sources for transfer (exclude the one being deleted) const availableForTransfer = useMemo(() => { if (!deleteDialog.source) { return availableLeadSources; } return availableLeadSources.filter((ls) => ls.id !== deleteDialog.source?.id); }, [availableLeadSources, deleteDialog.source]); const handleToggleStatus = (id: number) => { router.post(`/drivers/lead-sources/${id}/toggle-active`); }; return (

Lead Sources

Manage lead sources for tracking driver origins

{leadSources.length > 0 ? ( ( {row.name} ), }, { header: 'Slug', accessor: (row) => ( {row.slug} ), }, { header: 'Description', accessor: (row) => row.description || '-', }, { header: 'Status', accessor: (row) => ( {row.active ? 'Active' : 'Inactive'} ), }, { header: 'Actions', accessor: (row) => (
), }, { header: 'Drivers', accessor: (row) => driversCounts[row.id] || 0, }, ]} /> ) : (

No lead sources found.

)} setDeleteDialog({ open, source: null })} leadSource={deleteDialog.source} availableLeadSources={availableForTransfer} driversCount={deleteDialog.source ? driversCounts[deleteDialog.source.id] || 0 : 0} />
); }