Develop Indicator of AutoTrendLine with S&R from FXSSI

I would like to develop

1. Auto TrendLine = The indicator automatically spots and displays trend lines on the chart.
1. https://fxssi.com/auto-trend-lines
2. Support&Resistanc = The indicator will spot support and resistance levels with which the price has actively interacted before.
1. https://fxssi.com/support-and-resistance

I have been using these indicators some time, but I want to combine it together and get the source code. I am not sure the logic behind, but I believe one of the indicator used is ZigZag. All default setting is the same as well as the design.

Few different settings from original

1. Color scheme
1. Previously the Auto does not really "Auto change". Hence, the default remain using Auto (lines current scheme remain the same as FXSSI) but it will based on luminous of the background color. The formula is at here >> https://stackoverflow.com/questions/596216/formula-to-determine-perceived-brightness-of-rgb-color.
2. If background is dark (black etc.) it will use Light Colour scheme
3. If background is bright (white etc.) it will use Dark Colour scheme
2. Create button to allow me on/off the indicator display (autotrendline / S&R)
3. For Auto trendline, put button to allow me change the Trend Period( Short, Mid, Long Terms) = 3 button outside -- Bold is the default value
4. For S&R, put button to allow me change the Level Display Period(Short, Mid, Long Terms) = 3 button outside -- Bold is the default value
5. Should Allow to use in backtesting (their version seem cannot use)

Note: The button design need to be at least aesthetic putting at bottom left of the chart. Font size 8 with pink button bg.

Clean and Readable source code is needed by the end of project.

Experience & Responsive developer is highly recommended.