Create filters-builder - simple tool in HTML/CSS/JS/PHP used for building filters in related categories -- 2

Hi, DETAILS ARE AVAILABLE IN ATTACHED FILE. BEFORE YOU APPLY PLEASE MAKE SURE YOU READ THE DESCRIPTION CAREFULLY and you are sure that you have skills allowing you to accomplish that task. (I'm not looking for the fastest offer, cheapest one but someone who can really accomplish that and because many people here accept tasks they cannot accomplish, so please just make sure you are able to or we will both loose time). In this task, I need to create kind of filters-builder, which should be simple HTML/JS(jQuery?) page where I can add or edit new filters in specific categories. What I need is to have kind of builder (in HTML, JS) so I can dynamically add such filters to every category I want. So imagine we have categories listed in a tree, like that: + ROOT - [ Something ] (+ add filter) - [ Fruits ] (+ add filter) -- [ Apples ] (+ add filter) -- [ Bananas ] (+ add filter) - [ Vegetables ] (+ add filter) -- [ Onion ] (+ add filter) -- [ Potatoes ] (+ add filter) - [ Juices ] (+ add filter) [ Bread ] (+ add filter) Every category has unique ID which is also used to structure categories in the tree (see my 2nd task https://www.freelancer.co.uk/projects/php/Simple-website-HTML-MySQL-category/details) so its easy to identify. In every category I need to have an option to add new filter [ (+ add filter) button ]. Once I click on that I should see a modal box (or just some kind of small "choose box", no matter how it looks) where I can specify: - what kind of filter do I want (see [*1] kinds of filters) e.g. radiobutton filter or checkbox filter or select filter or range - filter's name (label) (using input:text) e.g. "Choose a size" - possible values/chooses. e.g. for "checkbox filter" I can have a few options like A, B, C, D, E (here I should be able to specify value+label if those are different or ust value if is the same as label) - default values (choosen by the default) e.g. for checkbox filter I can have A, B as "default" (values which are ticked by the default), for radio it is just 1 value, for range it is value like 100,150 - is recursive? [ yes / no ] (flag specifies if ths filter is applicable only to this, specific category or maybe is applicable to all other, deeper ones as well) For example: considering above's example A.1 (Aliexpress Category Men's clothing -> Jackets & Coats -> Jackets), if I start frmo just category tree and I dont have any filters yet and then if I want to add filters for "Size", considering my category tree looks like that: + ROOT - [ Men's clothing] (+ add filter) (+ add filter) --- [ Jackets & Coats ] (+ add filter) ------ [ Jackets ] (+ add filter) ------ [ Coats ] (+ add filter) I need to click to (+ add filter) (next to Jackets category), then I should see kinds filters I can choose, then I should choose "checkbox filter" and then I should be able to specify possible options (e.g. sizes like S, M, L, XL, XXL), default values (I'm choosing S, M) and filter's name (label), lets say "Choose your size:" and if my filter is recursive or not. Each option I specify/add, of course should be a new checkbox. The final result should be that filter I specifie should be added to category tree like that: + ROOT - [ Men's clothing] (+ add filter) (+ add filter) --- [ Jackets & Coats ] (+ add filter) ------ [ Jackets ] (+ add filter) [[[ Choose your size: (- remove filter) ( * edit filter) [x] S [x] M [ ] L [ ] XL [ ] XXL ]]] ------ [ Coats ] (+ add filter) Of course after that I should still be able to add new and more filters. Also, the same way, I should be able to EDIT any filter (edit possible options, name/label, default options etc.) and also I should be able to DELETE any filter. Now, All those filters should be Saved to the Database (it needs simple PHP script and AJAX call to that script and simple DB, MySQL table), so if I add a few filters to a few categories, then there should be "Save button" and also, it should be saved automatically, just when I add/edit/remove any new filter.