---

// Вспомогательная функция для Select (выпадающих списков)
function setReactSelect(element, value) {
    if (!element) return;
    const nativeSelectValueSetter = Object.getOwnPropertyDescriptor(window.HTMLSelectElement.prototype, "value").set;
    nativeSelectValueSetter.call(element, value);
    element.dispatchEvent(new Event('change', { bubbles: true }));
}

// НОВАЯ функция для ползунков: имитирует точный физический клик мыши
function setReactSlider(hiddenInputName, targetValue) {
    const hiddenInput = document.querySelector(`input[name="${hiddenInputName}"][type="hidden"]`);
    if (!hiddenInput) return;

    const sliderContainer = hiddenInput.closest('.input-wrapper');
    if (!sliderContainer) return;

    const track = sliderContainer.querySelector('.input-range__track--background');
    const handle = sliderContainer.querySelector('.input-range__slider');
    if (!track || !handle) return;

    // Считываем минимальные и максимальные пределы ползунка из кода
    const min = parseFloat(handle.getAttribute('aria-valuemin'));
    const max = parseFloat(handle.getAttribute('aria-valuemax'));
    let val = parseFloat(targetValue);

    // Защита от выхода за пределы
    if (val < min) val = min;
    if (val > max) val = max;

    // Вычисляем, в каком проценте от длины полоски находится наше значение
    const percentage = (val - min) / (max - min);
    
    // Получаем координаты полоски на экране
    const rect = track.getBoundingClientRect();
    
    // Вычисляем точные X и Y координаты пикселя для клика
    let clickX = rect.left + (rect.width * percentage);
    const clickY = rect.top + (rect.height / 2);

    // Небольшой хак: если значение 0 (самый край), сдвигаем клик на 1 пиксель вправо,
    // чтобы гарантированно попасть внутрь элемента, а не в рамку
    if (percentage === 0) clickX += 1;
    if (percentage === 1) clickX -= 1;

    // Создаем события нажатия и отпускания кнопки мыши
    const mousedown = new MouseEvent('mousedown', { bubbles: true, cancelable: true, view: window, clientX: clickX, clientY: clickY });
    const mouseup = new MouseEvent('mouseup', { bubbles: true, cancelable: true, view: window, clientX: clickX, clientY: clickY });

    // "Кликаем" по полоске
    track.dispatchEvent(mousedown);
    track.dispatchEvent(mouseup);
}


async function applyMyDefaults() {
    console.log("ESC Auto: Применяю дефолтные настройки...");

    // 1. НАПРАВЛЕНИЯ ВРАЩЕНИЯ (ESC 1: Normal, ESC 2: Reversed, ESC 3: Reversed, ESC 4: Normal)
    const motorDirections = document.querySelectorAll('select[name="MOTOR_DIRECTION"]');
    const targetDirections = ["1", "2", "2", "1"]; 
    
    motorDirections.forEach((selectElem, index) => {
        if (targetDirections[index]) {
            setReactSelect(selectElem, targetDirections[index]);
        }
    });

    // 2. ВЫПАДАЮЩИЕ СПИСКИ (Тайминги, ШИМ и т.д.)
    const selectsMap = {
        'COMMUTATION_TIMING': '3',     // 15° (Medium)
        'DEMAG_COMPENSATION': '2',     // Low
        'RPM_POWER_SLOPE': '9',        // 9x
        'BEACON_DELAY': '5',           // Infinite
        'POWER_RATING': '2',           // 2S+
        'TEMPERATURE_PROTECTION': '0'  // Disabled
    };

    for (const [name, val] of Object.entries(selectsMap)) {
        const el = document.querySelector(`select[name="${name}"]`);
        setReactSelect(el, val);
    }

    // 3. ЧЕКБОКСЫ
    const checkboxMap = {
        'FORCE_EDT_ARM': false, 
        'BRAKE_ON_STOP': false  
    };

    for (const [name, targetState] of Object.entries(checkboxMap)) {
        const el = document.querySelector(`input[name="${name}"][type="checkbox"]`);
        if (el && el.checked !== targetState) {
            el.click(); 
        }
    }

    // 4. ПОЛЗУНКИ (Теперь используем умный физический клик)
    const slidersMap = {
        'STARTUP_POWER_MIN': '1030',
        'STARTUP_POWER_MAX': '1056',
        'BEEP_STRENGTH': '0',
        'BEACON_STRENGTH': '0',
        'BRAKING_STRENGTH': '100'
    };

    for (const [name, val] of Object.entries(slidersMap)) {
        setReactSlider(name, val);
    }

    // Визуальный отклик кнопки
    const myBtn = document.getElementById('my-custom-default-btn');
    if (myBtn) {
        const originalColor = myBtn.style.backgroundColor;
        myBtn.style.backgroundColor = '#38a169'; 
        myBtn.innerText = 'Применено!';
        setTimeout(() => {
            myBtn.style.backgroundColor = originalColor;
            myBtn.innerText = 'Применить мой шаблон';
        }, 1500);
    }
}

// Добавление кнопки
function injectCustomButton() {
    const buttonBar = document.querySelector('.buttons-right');
    
    if (buttonBar && !document.getElementById('my-custom-default-btn')) {
        const btnContainer = document.createElement('div');
        btnContainer.className = 'generic-button';
        
        const myBtn = document.createElement('button');
        myBtn.type = 'button';
        myBtn.id = 'my-custom-default-btn';
        myBtn.innerText = 'Применить мой шаблон';
        
        myBtn.style.backgroundColor = '#2b6cb0'; 
        myBtn.style.color = '#ffffff';
        myBtn.style.fontWeight = 'bold';
        
        myBtn.addEventListener('click', applyMyDefaults);
        btnContainer.appendChild(myBtn);
        
        buttonBar.insertBefore(btnContainer, buttonBar.firstChild);
    }
}

// Проверяем интерфейс каждую секунду, чтобы кнопка не пропадала
setInterval(injectCustomButton, 1000);