import { Button } from '@/components/ui/button'; import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'; import { Input } from '@/components/ui/input'; import AppLayout from '@/layouts/app-layout'; import { type BreadcrumbItem } from '@/types'; import { Head, Link, useForm } from '@inertiajs/react'; import { ArrowLeft, Save, MapPin } from 'lucide-react'; import { showLoading, updateToast } from '@/lib/toast'; import LocationPicker from '@/components/google-maps/location-picker'; interface Institution { id: number; name: string; } interface Props { institutions: Institution[]; } const breadcrumbs: BreadcrumbItem[] = [ { title: 'Dashboard', href: '/dashboard' }, { title: 'Sedes', href: '/institution-sedes' }, { title: 'Nueva Sede', href: '/institution-sedes/create' }, ]; export default function InstitutionSedesCreate({ institutions }: Props) { const { data, setData, post, processing, errors } = useForm({ name: '', institution_id: '', address: '', phone: '', email: '', latitude: '', longitude: '', }); const handleSubmit = (e: React.FormEvent) => { e.preventDefault(); const toastId = showLoading('Creando sede...'); post('/institution-sedes', { onSuccess: () => { updateToast(toastId, 'success', 'Sede creada exitosamente'); }, onError: () => { updateToast(toastId, 'error', 'Error al crear la sede'); } }); }; return (

Nueva Sede

Crea una nueva sede institucional

Información de la Sede Completa los datos para crear la nueva sede
setData('name', e.target.value)} placeholder="Ej: Campus Central" className={errors.name ? 'border-red-500' : ''} /> {errors.name && (

{errors.name}

)}
{errors.institution_id && (

{errors.institution_id}

)}
setData('phone', e.target.value)} placeholder="+57 4 1234567" className={errors.phone ? 'border-red-500' : ''} /> {errors.phone && (

{errors.phone}

)}
setData('email', e.target.value)} placeholder="sede@institucion.edu.co" className={errors.email ? 'border-red-500' : ''} /> {errors.email && (

{errors.email}

)}
setData('address', address)} onLocationChange={(lat, lng) => { setData('latitude', lat.toString()); setData('longitude', lng.toString()); }} addressError={errors.address} latitudeError={errors.latitude} longitudeError={errors.longitude} />
); }