import AppLayout from '@/layouts/app-layout';
import { Button } from '@/components/ui/button';
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
import { Input } from '@/components/ui/input';
import { Label } from '@/components/ui/label';
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
import { router, Head, useForm } from '@inertiajs/react';
import { ArrowLeft } from 'lucide-react';
import PermissionPicker from '@/components/permission-picker';
import Heading from '@/components/heading';
import { PageHelp } from '@/components/page-help';
import { dashboard } from '@/routes';
import type { User, Permission, BreadcrumbItem } from '@/types';
interface Props {
agent: User;
permissions: Permission[];
agentPermissions: number[];
}
export default function EditAgent({ agent, permissions, agentPermissions }: Props) {
const { data, setData, put, processing, errors } = useForm({
name: agent.name || '',
email: agent.email || '',
password: '',
password_confirmation: '',
status: (agent.status || 'active') as 'active' | 'inactive' | 'suspended',
permissions: agentPermissions || [],
});
const breadcrumbs: BreadcrumbItem[] = [
{ title: 'Dashboard', href: dashboard().url },
{ title: 'Agents', href: '/agents' },
{ title: 'Edit Agent', href: `/agents/${agent.id}/edit` },
];
const helpSections = [
{
title: 'Edit Agent Overview',
content: 'Update your agent\'s profile information, credentials, and permissions. Changes take effect immediately after saving.',
},
{
title: 'Agent Information',
content: 'Update the agent\'s name and email address. The email must be unique and will be used for login and notifications.',
},
{
title: 'Password Management',
content: 'Leave the password fields blank to keep the current password. If you enter a new password, make sure to confirm it in both fields. Passwords must meet minimum security requirements.',
},
{
title: 'Agent Status',
content: 'Active: Agent can log in and perform tasks. Inactive: Agent cannot log in but data is preserved. Suspended: Temporarily blocked from accessing the system.',
},
{
title: 'Permission Management',
content: 'Select which actions this agent can perform. Base agent permissions are included automatically. Additional permissions can be granted based on your requirements.',
},
{
title: 'Saving Changes',
content: 'Click "Save Changes" to apply all updates. The agent will need to log out and log back in for permission changes to take effect.',
},
];
const handleSubmit = (e: React.FormEvent) => {
e.preventDefault();
put(`/agents/${agent.id}`);
};
return (