---

// Функция для создания пауз
const sleep = (ms) => new Promise(resolve => setTimeout(resolve, ms));

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 }));
}

// Теперь функция асинхронная
async 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();
    
    let clickX = rect.left + (rect.width * percentage);
    const clickY = rect.top + (rect.height / 2);

    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);

    // ВАЖНО: Даем React время (200мс) на сохранение данных и перерисовку интерфейса
    await sleep(200); 
}


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

    // Блокируем кнопку на время работы скрипта, чтобы избежать двойных кликов
    const myBtn = document.getElementById('my-custom-default-btn');
    if (myBtn) {
        myBtn.disabled = true;
        myBtn.innerText = 'Применяю...';
    }

    // 1. НАПРАВЛЕНИЯ ВРАЩЕНИЯ 
    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'
    };

    // Обязательно используем await, чтобы цикл ждал выполнения каждого клика
    for (const [name, val] of Object.entries(slidersMap)) {
        await setReactSlider(name, val);
    }

    // Визуальный отклик после полного завершения
    if (myBtn) {
        const originalColor = myBtn.style.backgroundColor;
        myBtn.style.backgroundColor = '#38a169'; 
        myBtn.innerText = 'Применено!';
        setTimeout(() => {
            myBtn.style.backgroundColor = originalColor;
            myBtn.innerText = 'Применить мой шаблон';
            myBtn.disabled = false;
        }, 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.style.transition = 'all 0.3s ease'; // Плавное изменение цвета
        
        myBtn.addEventListener('click', applyMyDefaults);
        btnContainer.appendChild(myBtn);
        
        buttonBar.insertBefore(btnContainer, buttonBar.firstChild);
    }
}

setInterval(injectCustomButton, 1000);