import { Form, Head, Link, router } from '@inertiajs/react'; import { BriefcaseBusiness, KeyRound, ShieldCheck, UserCheck, UserRound, } from 'lucide-react'; import UserController from '@/actions/App/Http/Controllers/UserController'; import { FormField } from '@/components/crm/native-select'; import { Callout, KeyValueGrid, PageHeader, SectionCard, } from '@/components/crm/page-header'; import { StatusLabel, StatusPill } from '@/components/crm/status-badge'; import { Button } from '@/components/ui/button'; import { Input } from '@/components/ui/input'; import { formatDateTime } from '@/lib/format'; import { destroy as userDestroy, index as usersIndex } from '@/routes/users'; import type { RoleOption, UserSummary } from '@/types'; type Props = { staffMember: UserSummary; roleOptions: RoleOption[]; can: { assignRoles: boolean; delete: boolean; }; }; const roleTones: Record = { 'Super Admin': 'violet', 'Managing Director': 'teal', Admin: 'blue', 'Admin Support': 'indigo', 'Operations Manager': 'amber', 'Sales Manager': 'cyan', Sales: 'emerald', Installer: 'orange', Warehouse: 'slate', Finance: 'green', }; function roleTone(role: string): string { return roleTones[role] ?? 'slate'; } export default function UsersEdit({ staffMember, roleOptions, can }: Props) { const removeStaff = (): void => { const confirmed = window.confirm( `Hide ${staffMember.name}? Their sign-in stops immediately and everything they did stays on record. Nothing is destroyed — a Super Admin can restore the account from the recycle bin.`, ); if (confirmed) { router.delete(userDestroy(staffMember.id).url); } }; return ( <> {staffMember.email} {staffMember.employee_code ? ( <> · {staffMember.employee_code} ) : null} · Added {formatDateTime(staffMember.created_at)} } title={staffMember.name} description={ staffMember.job_title ? `${staffMember.job_title}${ staffMember.department ? ` · ${staffMember.department}` : '' }` : 'Staff account and access' } actions={ <> {staffMember.is_active ? 'Active' : 'Deactivated'} } />
{({ processing, errors }) => ( <>

Resetting a password signs the person out of their other sessions.

{can.assignRoles ? (
{roleOptions.map((role) => ( ))}
) : (
{staffMember.roles.length === 0 ? ( No roles assigned. ) : ( staffMember.roles.map((role) => ( {role} )) )}
You do not have permission to change roles. Only a user with the roles.manage permission can. The current roles are submitted unchanged when you save. {/* Keep the submitted role list intact so validation still passes when the picker is read only. */} {staffMember.roles.map((role) => ( ))}
)} {errors.roles ? (

{errors.roles}

) : null}
)}
{can.delete ? ( Hide this account } > Someone who has worked on jobs is deactivated instead of deleted, because job status history records who made each change. ) : null} ); } UsersEdit.layout = { breadcrumbs: [ { title: 'Staff', href: usersIndex(), }, { title: 'Edit staff member', href: '', }, ], };