'use strict';

define('forum/account/theme', ['forum/account/header', 'storage', 'settings', 'alerts'], function (header, Storage, settings, alerts) {
	const Theme = {};

	Theme.init = () => {
		header.init();
		Theme.setupForm();
	};

	Theme.setupForm = () => {
		const saveEl = document.getElementById('save');
		const formEl = document.getElementById('theme-settings');
		const [sidebarSwapped, autohideNavbarEnvs] = [
			!!Storage.getItem('persona:menus:legacy-layout'),
			Storage.getItem('persona:navbar:autohide'),
		];

		document.getElementById('persona:menus:legacy-layout').checked = sidebarSwapped;
		try {
			const parsed = JSON.parse(autohideNavbarEnvs);
			parsed.forEach((env) => {
				const optionEl = document.getElementById('persona:navbar:autohide').querySelector(`option[value="${env}"]`);
				optionEl.selected = true;
			});
		} catch (e) {
			console.warn(e);
		}

		if (saveEl) {
			saveEl.addEventListener('click', () => {
				const themeSettings = settings.helper.serializeForm($(formEl));
				Object.keys(themeSettings).forEach((key) => {
					if (key === 'persona:menus:legacy-layout') {
						if (themeSettings[key] === 'on') {
							Storage.setItem('persona:menus:legacy-layout', 'true');
						} else {
							Storage.removeItem('persona:menus:legacy-layout');
						}

						return;
					}

					Storage.setItem(key, themeSettings[key]);
				});

				alerts.success('[[success:settings-saved]]');
			});
		}
	};

	return Theme;
});