class Accounts {
	constructor() {
		this._localStorage = window.localStorage
		this._userWrapper = document.querySelector("#user-wrapper")
		this._accountsList = document.querySelector("#users-dropdown")
		this._accountsButton = document.querySelector("#users-button")
		this._defaultUser = null
		this._usersObject = null
		this._init()
	}

	getDefaultUserName() {
		return this._defaultUser.username
	}

	_setAccountDefault() {
		let input = this._userWrapper.querySelector("input")
		if (this._defaultUser.username != "") {
			//input.classList.add("hide")
			input.value = this._defaultUser.username
		} else {
			input.value = ""
		}
		if (this._usersObject.length > 0) {
			this._accountsButton.classList.remove("hide")
		}
	}

	_updateOnStartup() {
		var username = ""
		if (this._usersObject.length > 0) {
			username = this._localStorage.getItem("defaultUser") || this._usersObject[0].username
		}
		var user = this._usersObject.find((val) => {return val.username === username})
		if (user === undefined) {
			this._defaultUser = {username: "", display_name: ""}
		} else {
			this._defaultUser = user
		}
		this._setAccountDefault()
	}

	_setAccountList() {
		var dropdown = this._accountsList.querySelector(".dropdown")
		dropdown.innerHTML = ""

		for (let i = 0; i < this._usersObject.length; i++) {
			var name = this._usersObject[i].display_name
			var li = document.createElement("li")
			var button = document.createElement("button")
			button.type = "button"
			button.innerText = name
			button.addEventListener("click", () => {
				this._updateDefaults(this._usersObject[i])
				this._setAccountDefault()
				//authenticate.startAuthentication()
			})

			li.appendChild(button)
			dropdown.appendChild(li)
		}
	}

	_setButton() {
		var dropdown = this._accountsList.querySelector(".dropdown")
		document.querySelector("#screen").addEventListener("click", (ev) => {
			if (ev.target == this._accountsButton || ev.target.parentElement == this._accountsButton) {
				dropdown.classList.toggle("hide")
			} else
			if (ev.target != this._accountsList && ev.target.closest(".dropdown") == null) {
				dropdown.classList.add("hide")
			}
		})
	}

	_updateDefaults(userObject) {
		if (!userObject) return
		this._defaultUser = userObject

		this._localStorage.setItem("defaultUser", this._defaultUser.username)
	}

	_init() {
		this._usersObject = lightdm.users
		this._updateOnStartup()
		this._setAccountList()
		this._setButton()
	}
}