mixin about_tab(name, title, i18nid, checked=false)
	- let button_id = `about-tab-${name}-button`
	input(checked=checked type="radio" name="about-tab-button", id=button_id)
	label(for=button_id i18n=i18nid) #{title}
	.tab
		.code(id=`about-${name}`)
			if block
				block
			else
				span.code-comment No data


.window#about-window(data-show-centered)
	.window-header
		.window-grab(i18n="about_title") About
		.window-buttons
			button.window-button-original •
			button.window-button-close #[b ×]

	#about
		table
			tr
				td.logo
					a(href="https://pikvm.org" target="_blank")
						img.svg-gray(src=`${svg_dir}/logo.svg` alt="PiKVM" height="40")
				td
					table
						tr
							td.title(colspan="2" i18n="index_title")
								| The Open Source KVM over IP
						tr
							td.copyright(colspan="2" i18n="copyright")
								| Copyright © 2018-2024 #[a(target="_blank" href="mailto:mdevaev@gmail.com") Maxim Devaev]
		br
		.tabs-box
			+about_tab("version", "Version", "version", true)
			+about_tab("hardware", "Hardware", "hardware")

			+about_tab("meta", "Meta", "meta")
				div
					span.code-comment
						| // You can get this JSON using handle
						| #[a(target="_blank" href=`${root_prefix}api/info?fields=meta`) /api/info?fields=meta]#[br]
						| // In the standard configuration this data#[br]
						| // is specified in the file /etc/kvmd/meta.yaml
					br
					pre#kvmd-meta-json No data

			+about_tab("thanks", "Thanks", "thanks")
				span.code-comment( i18n="about_sponsors")
					| // These kind people donated money to the PiKVM project#[br]
					| // and supported the work on it. We are very grateful#[br]
					| // for their help, and memorializing their names#[br]
					| // is the least we can do in gratitude.#[br]
					| // If you also want to support this project,#[br]
					| // you can donate on #[a(target="_blank" href="https://www.patreon.com/pikvm") Patreon]
					| or #[a(target="_blank" href="https://paypal.me/pikvm") Paypal].
		br
		p.text.credits
			a(target="_blank" href="https://github.com/mofeng-git/One-KVM" i18n="onekvm_project_link") One-KVM Project
			|   |  
			a(target="_blank" href="https://one-kvm.mofeng.run" i18n="onekvm_documentation_link") One-KVM Documentation
			|   |  
			a(target="_blank" href="https://pikvm.org" i18n="pikvm_project_link") PiKVM Project
			|   |  
			a(target="_blank" href="https://docs.pikvm.org" i18n="pikvm_documentation_link") Documentation