import { DataTable } from '@/components/core/data-table'; import { CompanyDeleteDialog } from '@/components/core/company-delete-dialog'; import { Badge } from '@/components/ui/badge'; import { Button } from '@/components/ui/button'; import AppLayout from '@/layouts/app-layout'; import { Company } from '@/types/core'; import { Head, Link, router } from '@inertiajs/react'; import { useState, useMemo } from 'react'; import { usePermissions } from '@/hooks/use-permissions'; interface CompaniesIndexProps { companies: Array; } interface CompanyWithCount extends Company { riding_companies_count?: number; } export default function CompaniesIndex({ companies }: CompaniesIndexProps) { const { can } = usePermissions(); const [deleteDialog, setDeleteDialog] = useState<{ open: boolean; company: CompanyWithCount | null }>({ open: false, company: null, }); const handleDelete = (company: CompanyWithCount) => { setDeleteDialog({ open: true, company }); }; // Get available companies for transfer (exclude the company being deleted) const availableCompanies = useMemo(() => { return companies.filter((c) => c.id !== deleteDialog.company?.id); }, [companies, deleteDialog.company]); const handleToggleStatus = (id: number, isActive: boolean) => { const action = isActive ? 'deactivate' : 'activate'; router.post(`/core/companies/${id}/${action}`); }; return (

Companies

Manage all companies in the system

{/* Only show create button if user has create permission */} {can('core', 'companies', 'create') && ( )}
( {row.name} ), }, { header: 'Email', accessor: 'email', }, { header: 'Status', accessor: (row) => ( {row.is_active ? 'Active' : 'Inactive'} ), }, { header: 'Created', accessor: (row) => new Date(row.created_at).toLocaleDateString(), }, ]} actions={(row) => ( <> {/* Show view button if user has read permission */} {can('core', 'companies', 'read') && ( )} {/* Show edit button if user has update permission */} {can('core', 'companies', 'update') && ( )} {/* Show activate/deactivate button if user has update permission */} {can('core', 'companies', 'update') && ( )} {/* Show delete button if user has delete permission */} {can('core', 'companies', 'delete') && ( )} )} /> setDeleteDialog({ open, company: null })} company={deleteDialog.company} availableCompanies={availableCompanies} ridingCompaniesCount={deleteDialog.company?.riding_companies_count || 0} />
); }