source ⟩ hypertext ⟩ admin ⟩ planter ⟩ prefs.pug

doctype html

mixin language(code)
	| #[img.flag(src=`/flags/${grimm.dict[code].meta.flag}.png`)] #{grimm.dict[code].meta.name}

- const supportedLangs = ["en", "nl", "grc", "eo"]

html(lang=grimm.dict[lang].meta.code)
	head
		meta(charset="utf-8")
		meta(name="viewport", content="width=device-width, initial-scale=1.0")
		meta(name="robots" content="noindex")
		title= tr('planter.prefs.pageHeader')(user.username)
		link(rel="icon", href="/cosmetics/favicon.png")
		link(rel="stylesheet", href="/x/planter/planter.css")
		link(rel="stylesheet", href="/x/planter/dashboard.css")
		script(src="/cosmetics/script.js")
		script(src="/cosmetics/htmx.js")
	body.blue
		nav#tabs
			a(href="/x/planter/posts").tab.button.green.hollow
				span.icon.tab-icon 
				span.tab-label= tr('planter.nav.posts')
			a(href="/x/planter/tags").tab.button.yellow.hollow
				span.icon.tab-icon 
				span.tab-label= tr('planter.nav.tags')
			a(href="/x/planter/comments").tab.button.orange.hollow
				span.icon.tab-icon 
				span.tab-label= tr('planter.nav.comments')
			a(href="/x/planter/avatars").tab.button.red.hollow
				span.icon.tab-icon 
				span.tab-label= tr('planter.nav.avatars')
			span.tab.button.blue.filled
				span.icon.tab-icon 
				span.tab-label= tr('planter.nav.prefs')
		main
			h1!= tr('planter.prefs.pageHeader')(user.username)
			form(action="/x/planter/post-prefs" method="post" hx-boost="true" hx-target="strong.message" hx-push-url="false")
				fieldset.radio
					legend= tr("planter.prefs.uiLang")
					each language in supportedLangs
						input(type="radio" name="uiLang" value=language id=`prefs-${language}` checked=(language == user.prefs.uiLang))
						label(for=`prefs-${language}`): +language(language)
				button.filled(type="submit") #{tr("planter.prefs.save")}
				strong.message