import React from 'react'; import { Head, useForm } from '@inertiajs/react'; import { Input } from "@/components/ui/input"; import { Button } from "@/components/ui/button"; import AppLayout from '@/layouts/app-layout'; import type { BreadcrumbItem } from '@/types'; const breadcrumbs: BreadcrumbItem[] = [ { title: 'Clients', href: '/clients', }, ]; export default function Edit({ client }) { const { data, setData, put } = useForm({ first_name: client.first_name, last_name: client.last_name, company_name: client.company_name, phone: client.phone, email: client.email, }); const handleSubmit = (e) => { e.preventDefault(); put(`/clients/${client.id}`); }; return (

Edit Client

setData('first_name', e.target.value)} placeholder="Name" /> setData('last_name', e.target.value)} placeholder="Name" /> setData('company_name', e.target.value)} placeholder="Name" /> setData('phone', e.target.value)} placeholder="Name" /> setData('email', e.target.value)} placeholder="Email" />
); }