Drag a SVG element

I have a page with a bunch of elements in a SVG


It occured to me it be pretty cool if I can make the highlighted (red striped) element draggable by the mouse as a way to position it in the room.
Then id be able to do away with those blue arrows which only move it 1 unit in a direction at a time (which takes a while)
When the x/y position changes, it would be nice if the values in the 2 input fields also change.