import { Form, Head, Link, router } from '@inertiajs/react'; import { ShieldOff, ShieldX, UserCheck } from 'lucide-react'; import { useMemo, useState } from 'react'; import UserController from '@/actions/App/Http/Controllers/Admin/UserController'; import { ConfirmDialog } from '@/components/confirm-dialog'; import Heading from '@/components/heading'; import InputError from '@/components/input-error'; import PasswordInput from '@/components/password-input'; import { SearchableSelect } from '@/components/searchable-select'; import { Badge } from '@/components/ui/badge'; import { Button } from '@/components/ui/button'; import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from '@/components/ui/card'; import { Checkbox } from '@/components/ui/checkbox'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import { Separator } from '@/components/ui/separator'; import { formatDate } from '@/lib/utils'; import { index } from '@/routes/admin/users'; import { dashboard } from '@/routes'; type LoginHistoryEntry = { id: number; event: string; description: string; ip_address: string | null; created_at: string | null; }; const LOGIN_EVENT_VARIANTS: Record< string, 'default' | 'secondary' | 'destructive' > = { 'login.success': 'secondary', logout: 'secondary', 'user.locked_out': 'destructive', }; type RoleOption = { name: string; label: string; }; type DepartmentOption = { id: number; code: string; name: string; }; type EditableUser = { id: number; name: string; email: string; roles: string[]; department_id: number | null; is_active: boolean; deactivated_at: string | null; deactivated_by: string | null; two_factor_enabled: boolean; }; export default function UsersEdit({ user, roles, departments, loginHistory, can, }: { user: EditableUser; roles: RoleOption[]; departments: DepartmentOption[]; loginHistory: LoginHistoryEntry[]; can: { deactivate: boolean; resetPassword: boolean; revokeTwoFactor: boolean; viewLoginHistory: boolean; }; }) { const [selectedRoles, setSelectedRoles] = useState(user.roles); const [departmentId, setDepartmentId] = useState( user.department_id ? String(user.department_id) : 'none', ); const departmentOptions = useMemo( () => departments.map((department) => ({ value: String(department.id), label: `${department.code} — ${department.name}`, })), [departments], ); const showStatusCard = can.deactivate || can.resetPassword || can.revokeTwoFactor || can.viewLoginHistory; function toggleRole(role: string, checked: boolean) { setSelectedRoles((current) => checked ? [...current, role] : current.filter((value) => value !== role), ); } return ( <>
Informations du compte Identifiants, département et rôles
{({ processing, errors }) => ( <>

Appliqué à la fiche collaborateur associée.

{roles.map((role) => ( ))}
)}
{showStatusCard && ( Statut du compte {user.is_active ? 'Actif' : 'Désactivé'} Activation du compte et réinitialisation du mot de passe {!user.is_active && user.deactivated_at && (

Désactivé le{' '} {formatDate(user.deactivated_at)} {user.deactivated_by && ` par ${user.deactivated_by}`} .

)}
{can.deactivate && (user.is_active ? ( Désactiver le compte } title={`Désactiver le compte de ${user.name} ?`} description="Cette personne ne pourra plus se connecter tant que le compte n'est pas réactivé." confirmLabel="Désactiver" onConfirm={() => router.post( UserController.deactivate.url( user.id, ), {}, { preserveScroll: true, }, ) } /> ) : ( ))} {can.resetPassword && ( Envoyer un lien de réinitialisation } title="Envoyer un lien de réinitialisation ?" description={`Un e-mail sera envoyé à ${user.email} pour définir un nouveau mot de passe.`} confirmLabel="Envoyer" variant="default" onConfirm={() => router.post( UserController.sendPasswordResetLink.url( user.id, ), {}, { preserveScroll: true, }, ) } /> )} {can.revokeTwoFactor && user.two_factor_enabled && ( Révoquer la 2FA } title={`Révoquer la 2FA de ${user.name} ?`} description="Cette personne devra reconfigurer la double authentification lors de sa prochaine connexion." confirmLabel="Révoquer" variant="destructive" onConfirm={() => router.post( UserController.revokeTwoFactor.url( user.id, ), {}, { preserveScroll: true, }, ) } /> )}
{can.viewLoginHistory && ( <>

Historique de connexion

{loginHistory.length === 0 ? (

Aucune activité récente.

) : (
    {loginHistory.map( (entry) => (
  • { entry.event } {formatDate( entry.created_at, )}
    {entry.ip_address && ( { entry.ip_address } )}
    • ), )}
)}
)} )}
); } UsersEdit.layout = { breadcrumbs: [ { title: 'Tableau de bord', href: dashboard() }, { title: 'Utilisateurs', href: index() }, { title: 'Modifier', href: '#' }, ], };