import { Head, Link, useForm } from '@inertiajs/react'; import { ArrowLeft, Save } from 'lucide-react'; import AppLayout from '@/layouts/app-layout'; import { Button } from '@/components/ui/button'; import { Card, CardContent, 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 { Textarea } from '@/components/ui/textarea'; type Option = { id: number; name: string }; type Customer = { id: number; customer_category_id: number | null; team_id: number | null; sales_id: number | null; code: string | null; name: string; address: string | null; latitude: string | number | null; longitude: string | number | null; phone: string | null; email: string | null; contact_person: string | null; type: string; credit_limit: string | number; status: string; notes: string | null }; type Props = { customer: Customer; categories: Option[]; teams: Option[]; salesUsers: Option[] }; type FormData = { customer_category_id: string; team_id: string; sales_id: string; code: string; name: string; address: string; latitude: string; longitude: string; phone: string; email: string; contact_person: string; type: string; credit_limit: string; status: string; notes: string }; export default function CustomerEdit({ customer, categories, teams, salesUsers }: Props) { const { data, setData, put, processing, errors } = useForm({ customer_category_id: customer.customer_category_id ? String(customer.customer_category_id) : '', team_id: customer.team_id ? String(customer.team_id) : '', sales_id: customer.sales_id ? String(customer.sales_id) : '', code: customer.code ?? '', name: customer.name, address: customer.address ?? '', latitude: customer.latitude ? String(customer.latitude) : '', longitude: customer.longitude ? String(customer.longitude) : '', phone: customer.phone ?? '', email: customer.email ?? '', contact_person: customer.contact_person ?? '', type: customer.type, credit_limit: String(customer.credit_limit ?? 0), status: customer.status, notes: customer.notes ?? '' }); const submit = (e: React.FormEvent) => { e.preventDefault(); put(`/customers/${customer.id}`); }; const input = (key: keyof FormData, label: string, type = 'text') =>
setData(key, e.target.value)} />{errors[key] &&

{errors[key]}

}
; return <>

Edit Customer

Informasi Customer{input('name','Nama Customer')}{input('code','Kode Customer')}{input('contact_person','Contact Person')}{input('phone','Telepon')}{input('email','Email','email')}
{input('credit_limit','Credit Limit','number')}{input('latitude','Latitude','number')}{input('longitude','Longitude','number')}