import { DataTable } from '@/components/core/data-table'; 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 { CoreUser } from '@/types/core'; import { Head, Link, router } from '@inertiajs/react'; import { RotateCcw, Trash2 } from 'lucide-react'; import { formatDate } from '@/utils/date-format'; interface UsersIndexProps { users: CoreUser[]; deletedUsers?: CoreUser[]; } export default function UsersIndex({ users, deletedUsers = [] }: UsersIndexProps) { const handleDelete = (id: number) => { if (confirm('Are you sure you want to delete this user?')) { router.delete(`/core/users/${id}`); } }; const handleToggleStatus = (id: number, isActive: boolean) => { const action = isActive ? 'deactivate' : 'activate'; router.post(`/core/users/${id}/${action}`); }; const handleRestore = (id: number) => { if (confirm('Are you sure you want to restore this user?')) { router.post(`/core/users/${id}/restore`, {}, { preserveScroll: true, onSuccess: () => { router.reload({ only: ['users', 'deletedUsers'] }); }, }); } }; const handleForceDelete = (id: number) => { if (confirm('Are you sure you want to permanently delete this user? This action cannot be undone.')) { router.delete(`/core/users/${id}/force`, { preserveScroll: true, onSuccess: () => { router.reload({ only: ['users', 'deletedUsers'] }); }, }); } }; return (

Users

Manage system users

( {row.name} ), }, { header: 'Email', accessor: 'email', }, { header: 'Company', accessor: (row) => row.company?.name || '-', }, { header: 'Type', accessor: (row) => { if (row.is_super_admin) { return Super Admin; } if (row.is_company_admin) { return Company Admin; } return User; }, }, { header: 'Status', accessor: (row) => ( {row.is_active ? 'Active' : 'Inactive'} ), }, ]} actions={(row) => ( <> {!row.is_super_admin && ( <> )} )} /> {deletedUsers && deletedUsers.length > 0 && (

Deleted Users

Deleted records that can be restored

row.name, }, { header: 'Email', accessor: 'email', }, { header: 'Company', accessor: (row) => row.company?.name || '-', }, { header: 'Type', accessor: (row) => { if (row.is_super_admin) { return Super Admin; } if (row.is_company_admin) { return Company Admin; } return User; }, }, { header: 'Deleted At', accessor: (row) => row.deleted_at ? formatDate(row.deleted_at) : '-', }, ]} actions={(row) => ( <> )} /> )}

); }