// Get all control elements
const vxSlider = document.getElementById('vx-slider');
const vySlider = document.getElementById('vy-slider');
const omegaSlider = document.getElementById('omega-slider');
const maxSpeedSlider = document.getElementById('max-speed-slider');
const moduleCountInput = document.getElementById('module-count');

// Get all output elements
const vxOutput = document.getElementById('vx-value');
const vyOutput = document.getElementById('vy-value');
const omegaOutput = document.getElementById('omega-value');
const maxSpeedOutput = document.getElementById('max-speed-value');

// Get button elements
const resetBtn = document.getElementById('reset-btn');
const generateInputsBtn = document.getElementById('generate-inputs-btn');
const applyCustomBtn = document.getElementById('apply-custom-btn');

// Preset buttons
const preset2WheelBtn = document.getElementById('preset-2wheel');
const preset3WheelBtn = document.getElementById('preset-3wheel');
const preset4WheelBtn = document.getElementById('preset-4wheel');
const preset4RectBtn = document.getElementById('preset-4rect');
const preset6WheelBtn = document.getElementById('preset-6wheel');
const preset8WheelBtn = document.getElementById('preset-8wheel');

// Add event listeners for drive controls
vxSlider.addEventListener('input', (e) => {
    vxOutput.textContent = parseFloat(e.target.value).toFixed(1);
});

vySlider.addEventListener('input', (e) => {
    vyOutput.textContent = parseFloat(e.target.value).toFixed(1);
});

omegaSlider.addEventListener('input', (e) => {
    omegaOutput.textContent = parseFloat(e.target.value).toFixed(1);
});

maxSpeedSlider.addEventListener('input', (e) => {
    maxSpeedOutput.textContent = parseFloat(e.target.value).toFixed(1);
});