import AuthenticatedLayout from '@/Layouts/AuthenticatedLayout'; import { Head, Link, useForm } from '@inertiajs/react'; export default function Edit({ aula, pabellones = [], tipos = [], }) { const { data, setData, put, processing, errors, } = useForm({ nombre: aula?.nombre ?? '', numero_aula: aula?.numero_aula ?? '', capacidad: aula?.capacidad ?? 0, id_pabellon: aula?.id_pabellon ? String(aula.id_pabellon) : '', tipo: aula?.tipo ?? '', }); const submit = (event) => { event.preventDefault(); put(route('aulas.update', aula.id), { preserveScroll: true, }); }; const inputClass = (error) => `w-full rounded-lg border px-3 py-2.5 text-sm outline-none transition focus:ring-2 ${ error ? 'border-rose-400 focus:border-rose-500 focus:ring-rose-200' : 'border-slate-300 focus:border-[#315d7a] focus:ring-[#315d7a]/20' }`; return (

Editar aula

Actualice la información del aula.

} >
setData( 'nombre', event.target.value ) } placeholder="Ejemplo: Laboratorio de cómputo" maxLength={50} autoFocus autoComplete="off" disabled={processing} className={inputClass(errors.nombre)} /> {errors.nombre && (

{errors.nombre}

)}
setData( 'numero_aula', event.target.value ) } placeholder="Ejemplo: A-101" maxLength={20} autoComplete="off" disabled={processing} className={inputClass( errors.numero_aula )} /> {errors.numero_aula && (

{errors.numero_aula}

)}
{errors.id_pabellon && (

{errors.id_pabellon}

)}
setData( 'capacidad', event.target.value ) } placeholder="Ejemplo: 50" disabled={processing} className={inputClass( errors.capacidad )} /> {errors.capacidad && (

{errors.capacidad}

)}
setData( 'tipo', event.target.value ) } placeholder="Ejemplo: Aula teórica, laboratorio o taller" maxLength={50} autoComplete="off" disabled={processing} className={inputClass(errors.tipo)} /> {tipos.map((tipoItem) => ( {errors.tipo && (

{errors.tipo}

)}
Cancelar
); }