import AuthenticatedLayout from "@/Layouts/AuthenticatedLayout"; import { Head, Link, useForm } from "@inertiajs/react"; export default function Edit({ user, mode, all_roles }) { const isCreate = mode === "create"; const initialRoleIds = user?.role_ids || []; const { data, setData, post, put, processing, errors } = useForm({ name: user?.name || "", email: user?.email || "", roles: initialRoleIds, send_invite: true, }); const toggleRole = (id) => { if (data.roles.includes(id)) setData("roles", data.roles.filter((x) => x !== id)); else setData("roles", [...data.roles, id]); }; const submit = (e) => { e.preventDefault(); if (isCreate) post(route("users.store")); else put(route("users.update", user.id)); }; const input = "w-full rounded-md border-gray-300 text-base focus:border-[#26348C] focus:ring-1 focus:ring-[#26348C]/30 min-h-[44px]"; return (

{isCreate ? "Invite Member" : `Edit · ${user.name}`}

Cancel }>

Identity

setData("name", e.target.value)} className={input} placeholder="e.g. Karan Patel" required /> {errors.name &&

{errors.name}

}
setData("email", e.target.value)} className={input} placeholder="karan@monocurepharma.com" required /> {errors.email &&

{errors.email}

}

Becomes their login.

Roles · {data.roles.length} selected

Tap to toggle. A user can hold multiple roles · permissions stack additively.

{all_roles.map((r) => { const active = data.roles.includes(r.id); const isSuper = r.slug === "super_admin"; return ( ); })}
{isCreate && (
)}
Cancel
); }