import { controlButtonHandler, keyboardHandler, settingsHandler } from './src/handlers.js'
import { assignCommands } from './src/utils.js'

// Input handlers
document
	.querySelector('#move-input')
	.addEventListener('change', (event) =>
		assignCommands('backward', 'forward', event)
	)
document
	.querySelector('#rotate-input')
	.addEventListener('change', (event) =>
		assignCommands('left', 'right', event)
	)

// Buttons handlers
for (const button of document
	.querySelector('#touch-controls')
	.querySelectorAll('button')) {
	button.addEventListener('click', controlButtonHandler)
}

// Keyboard handler
document.addEventListener('keydown', keyboardHandler)

// Settings handler
document.querySelector('#settings').addEventListener('submit', settingsHandler)