Nombre de la sección setData( 'nombre', event.target.value ) } placeholder="Ejemplo: Sección A" maxLength={50} autoComplete="off" autoFocus disabled={processing} className={inputClass(errors.nombre)} /> {errors.nombre && (

{errors.nombre}

)}

Descripción

setData(
                                'descripcion',
                                event.target.value
                            )
                        }
                        placeholder="Ingrese una descripción de la sección"
                        rows={4}
                        maxLength={1000}
                        disabled={processing}
                        className={`${inputClass(
                            errors.descripcion
                        )} resize-y`}
                    />

{errors.descripcion && (
                        <p className="mt-1 text-sm text-rose-600">
                            {errors.descripcion}
                        </p>
                    )}
                </div>

<div className="mt-6 flex flex-wrap justify-end gap-3">
                    <Link
                        href={route('secciones.index')}
                        className="rounded-lg border border-slate-300 bg-white px-5 py-2.5 text-sm font-semibold text-slate-700 transition hover:bg-slate-100"
                    >
                        Cancelar
                    </Link>

<button
                        type="submit"
                        disabled={processing}
                        className="rounded-lg bg-[#315d7a] px-5 py-2.5 text-sm font-semibold text-white transition hover:bg-[#274b63] disabled:cursor-not-allowed disabled:opacity-60"
                    >
                        {processing
                            ? 'Actualizando...'
                            : 'Actualizar'}
                    </button>
                </div>
            </form>
        </AuthenticatedLayout>
    );
}

Editar sección