/**
 * Creates and manages all indicator-related logic for the chart.
 * @param {Object} chart - The Lightweight Charts instance.
 * @param {Array<Object>} baseCandleDataRef - A reference to the array holding the chart's BASE 1m candle data.
 * @param {Array<Object>} displayedCandleDataRef - A reference to the array with currently visible candles.
 * @returns {Object} A manager object with public methods to control indicators.
 */
function createIndicatorManager(chart, baseCandleDataRef, displayedCandleDataRef) {
    const indicatorSlots = [
        { id: 1, cellId: 'indicator-cell-1', series: [], definition: null, params: {}, calculator: null },
        { id: 2, cellId: 'indicator-cell-2', series: [], definition: null, params: {}, calculator: null },
        { id: 3, cellId: 'indicator-cell-3', series: [], definition: null, params: {}, calculator: null },
        { id: 4, cellId: 'indicator-cell-4', series: [], definition: null, params: {}, calculator: null },
    ];

    // **FIX**: Updated colors object to match your styling request.
    const colors = {
        bb: { bb1_upper: '#FF9800', bb1_lower: '#FF9800', bb2_upper: '#2196F3', bb2_lower: '#2196F3', bb3_upper: '#9C27B0', bb3_lower: '#9C27B0' },
        hurst: { topBand: '#787b86', bottomBand: '#787b86', topBand_h: '#673ab7', bottomBand_h: '#673ab7' },
        default: ['#00BCD4', '#FFEB3B', '#4CAF50', '#E91E63'] // Cyan, Yellow, Green, Pink
    };

    function populateDropdowns() {
        indicatorSlots.forEach(slot => {
            const cell = document.getElementById(slot.cellId);
            if (!cell) return;

            const select = document.createElement('select');
            select.innerHTML = `<option value="">-- Select Indicator --</option>`;
            AVAILABLE_INDICATORS.forEach(ind => {
                select.innerHTML += `<option value="${ind.name}">${ind.label}</option>`;
            });

            const controlsContainer = document.createElement('div');
            controlsContainer.className = 'indicator-controls';

            cell.innerHTML = '';
            cell.appendChild(select);
            cell.appendChild(controlsContainer);

            select.addEventListener('change', (e) => loadIndicator(slot.id, e.target.value));
        });
    }

    function loadIndicator(slotId, indicatorName) {
        const slot = indicatorSlots.find(s => s.id === slotId);
        if (!slot) return;

        slot.series.forEach(s => chart.removeSeries(s));
        slot.series = [];
        slot.definition = null;
        slot.params = {};
        slot.calculator = null;
        
        const controlsContainer = document.querySelector(`#${slot.cellId} .indicator-controls`);
        controlsContainer.innerHTML = '';

        if (!indicatorName) return;

        const definition = AVAILABLE_INDICATORS.find(ind => ind.name === indicatorName);
        if (!definition) return;

        slot.definition = definition;
        
        definition.params.forEach(param => {
            const label = document.createElement('label');
            label.textContent = param.label || param.name;
            label.style.fontSize = '12px';
            
            const input = document.createElement('input');
            input.type = param.type;
            input.value = param.defaultValue;
            if (param.min !== undefined) input.min = param.min;
            if (param.step !== undefined) input.step = param.step;
            input.className = 'input-field';
            slot.params[param.name] = input.type === 'number' ? parseFloat(input.value) : input.value;

            let debounceTimer;
            input.addEventListener('input', () => {
                clearTimeout(debounceTimer);
                debounceTimer = setTimeout(() => {
                    slot.params[param.name] = input.type === 'number' ? parseFloat(input.value) : input.value;
                    updateIndicator(slot.id, true);
                }, 500); 
            });
            const controlGroup = document.createElement('div');
            controlGroup.style.display = 'flex';
            controlGroup.style.flexDirection = 'column';
            controlGroup.appendChild(label);
            controlGroup.appendChild(input);
            controlsContainer.appendChild(controlGroup);
        });

        updateIndicator(slot.id, true);
    }

    function updateIndicator(slotId, isFullRecalculation = false) {
        const slot = indicatorSlots.find(s => s.id === slotId);
        const candleDataForCalc = (slot.definition.usesBaseData) ? baseCandleDataRef : displayedCandleDataRef;

        if (!slot || !slot.definition || candleDataForCalc.length === 0) return;

        if (isFullRecalculation) {
            slot.series.forEach(s => chart.removeSeries(s));
            slot.series = [];
            
            const indicatorResult = slot.definition.calculateFull(candleDataForCalc, slot.params);
            
            if (typeof indicatorResult === 'object' && !Array.isArray(indicatorResult)) {
                Object.keys(indicatorResult).forEach(key => {
                    const seriesData = indicatorResult[key];
                    const indicatorNameLower = slot.definition.name.toLowerCase();
                    const series = chart.addLineSeries({
                        color: (colors[indicatorNameLower] && colors[indicatorNameLower][key]) ? colors[indicatorNameLower][key] : colors.default[slot.id - 1],
                        lineWidth: 1, // **FIX**: Set line width to 1px
                        title: '', // **FIX**: Remove title label
                        lastValueVisible: false, // **FIX**: Remove price label on the right
                        priceLineVisible: false, // **FIX**: Remove dotted horizontal line
                    });
                    series.setData(seriesData);
                    slot.series.push(series);
                });
            } else {
                const series = chart.addLineSeries({
                    color: colors.default[slot.id - 1],
                    lineWidth: 1, // **FIX**: Set line width to 1px
                    title: '', // **FIX**: Remove title label
                    lastValueVisible: false, // **FIX**: Remove price label on the right
                    priceLineVisible: false, // **FIX**: Remove dotted horizontal line
                });
                series.setData(indicatorResult);
                slot.series.push(series);
            }
            
            if (slot.definition.createRealtime) {
                slot.calculator = slot.definition.createRealtime(slot.params);
                slot.calculator.prime(candleDataForCalc);
            }
        } else if (slot.calculator) {
            // **FIX**: This is the lightweight real-time update logic
            const lastCandle = candleDataForCalc[candleDataForCalc.length - 1];
            if (!lastCandle) return;

            const newPoint = slot.calculator.update(lastCandle);

            if (newPoint && typeof newPoint === 'object') {
                 if (slot.series.length > 1) { // Multi-line indicator
                    Object.keys(newPoint).forEach((key, index) => {
                        if (slot.series[index] && newPoint[key]) {
                            slot.series[index].update(newPoint[key]);
                        }
                    });
                } else if (slot.series.length === 1) { // Single-line indicator
                    slot.series[0].update(newPoint);
                }
            }
        }
    }
    
    function recalculateAllAfterHistory(baseData, displayedData) {
         baseCandleDataRef = baseData;
         displayedCandleDataRef = displayedData;
         indicatorSlots.forEach(slot => {
            if (slot.definition) updateIndicator(slot.id, true);
        });
    }

    // **FIX**: New lightweight function for real-time updates
    function updateAllOnNewCandle() {
        indicatorSlots.forEach(slot => {
            if (slot.definition) {
                updateIndicator(slot.id, false); // Perform a lightweight update
            }
        });
    }

    return {
        populateDropdowns,
        recalculateAllAfterHistory,
        updateAllOnNewCandle, // Expose the new function
    };
}
