import { Head, Link } from '@inertiajs/react'; import { useForm } from '@inertiajs/react'; import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; import { Button } from '@/components/ui/button'; import { Field, FieldError } from "@/components/ui/field" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import userRoutes from '@/routes/user'; import React from 'react'; import { toast } from 'sonner'; import { Textarea } from '@/components/ui/textarea'; import { Calendar } from "@/components/ui/calendar" import { Popover, PopoverContent, PopoverTrigger, } from "@/components/ui/popover" import { NumericFormat } from 'react-number-format'; import { ArrowLeft, Loader, Save } from 'lucide-react'; export default function UserCreate() { const [isCalendarOpen, setIsCalendarOpen] = React.useState(false); const { data, setData, post, processing, errors } = useForm({ username: '', email: '', nik: '', full_name: '', phone_number: '', address: '', birth_place: '', birth_date: '', base_salary: 0, }); const onSubmit = (e: React.FormEvent) => { e.preventDefault(); post(userRoutes.store().url, { onSuccess: (response: any) => { toast.success(response.props.flash.success); }, }); }; return (