import InputError from '@/components/input-error'; import SimpleEditor from '@/components/SimpleEditor'; import { Button } from '@/components/ui/button'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'; import { useToast } from '@/hooks/use-toast'; import AppLayout from '@/layouts/app-layout'; import { PageProps } from '@/types'; import { Head, useForm } from '@inertiajs/react'; export default function CreateProperty({ auth }: PageProps) { const { toast } = useToast(); const { data, setData, post, processing, errors, reset } = useForm({ owner_id: auth.user.id, title: '', description: '

', type: 'House', price: '', currency: 'NGN', address_line1: '', address_line2: '', city: '', state: '', country: 'Nigeria', zip_code: '', latitude: '', longitude: '', bedrooms: '', bathrooms: '', area_sq_ft: '', status: 'available', is_featured: false, media: [], }); const handleFileChange = (e: React.ChangeEvent) => { if (e.target.files) { setData('media', Array.from(e.target.files)); } }; const submit = (e: React.FormEvent) => { e.preventDefault(); post(route('properties.store'), { onSuccess: () => { toast({ title: 'Property Added', description: 'The property has been successfully added to the listings.' }); reset(); }, onError: () => { toast({ title: 'Error', description: 'Failed to add property.', variant: 'destructive' }); }, }); }; return (

Create New Property

setData('title', e.target.value)} required />
setData('price', parseFloat(e.target.value))} required />
setData('address_line1', e.target.value)} required />
setData('address_line2', e.target.value)} />
setData('city', e.target.value)} required />
setData('state', e.target.value)} required />
setData('country', e.target.value)} required />
setData('zip_code', e.target.value)} />
setData('latitude', parseFloat(e.target.value))} />
setData('longitude', parseFloat(e.target.value))} />
setData('bedrooms', parseInt(e.target.value))} required />
setData('bathrooms', parseInt(e.target.value))} required />
setData('area_sq_ft', parseInt(e.target.value))} required />
setData('description', newContent)} />
setData('is_featured', e.target.checked)} className="h-4 w-4 rounded border border-input" />
); }