Groupable & Searchable Dual Listbox

Build a dual list-box that contain category also nested category inside them there are products, for example we have Food -- category -- Drinks -- category -- Soft Drinks -- category -- Water -- product -- Meat -- category -- beef -- category -- Roasted Meat --product-- some cases should be handled:> *when he click the category it will move it and all their child to the right, * when clicking on category it should move it and it child to the right, * when clicking on product a copy of the category should be moved to the right also there should be a submit button to submit the right data to the backend THE DATA SHOULD BE DYNAMICALLY SO I CAN JUST ADD MY DYNAMIC DATA EASILY Sample of what I want :> [login to view URL] The dual box should look like the one in the link