const serverList = document.querySelector('#mastodon-server-list')

// Function to load settings from storage
function loadSettings() {
	chrome.storage.sync.get(function (data) {
		for (const i of data.serverList) {
			var el = document.createElement('option')
			el.value = i
			el.innerText = i
			serverList.appendChild(el)
		}
	})
}

// Function to save settings to storage
function saveSettings() {
	// Get list of servers
	var array = []
	document.querySelectorAll('#mastodon-server-list option').forEach(function (el) {
		array.push(el.value)
	})
	console.log(array)
	// Save to storage
	chrome.storage.sync.set({
		serverList: array
	}, function () {
		console.log('Settings saved')
	})
}

// Add server to list
document.querySelector('#server-add-btn').addEventListener('click', function () {
	var domain = document.querySelector('#mastodon-server-text').value.replace(' ', '')
	if (domain) {
		var el = document.createElement('option')
		el.value = domain
		el.innerText = domain
		serverList.appendChild(el)
		serverList.value = domain
		saveSettings()
	}
})

// Remove button
document.querySelector('#server-remove-btn').addEventListener('click', function () {
	var selectedOption = serverList.querySelector('option[value="' + serverList.value + '"]')
	serverList.removeChild(selectedOption)
	saveSettings()
})

// Open keyboard shortcut
document.querySelector('#mastodon-keyboard-shortcut').addEventListener('click', function () {
	chrome.tabs.create({ url: 'chrome://extensions/shortcuts#:~:text=Share%20to%20Mastodon' })
})

loadSettings()