<?page title="requirements" contentType="text/html;charset=UTF-8"?>
<zk>
	<groupbox mold="3d">
		<caption label="${labels.GlobalSettingsReqEnable}" />
		<div>
			<checkbox
				label="${labels.EnableRequirements}"
				checked="@bind(vm.settings.enableRequirements)"
				disabled="@load(not vm.canSave)" />
		</div>
	</groupbox>
	<groupbox mold="3d">
		<caption label="${labels.GlobalSettingsStamp}" />
		<hbox>
			<button
				label="${labels.GlobalSettingsUploadStamp}"
				upload="true,maxsize=600,accept=image/*"
				onUpload="@command('uploadStamp')"
				sclass="nicebutton"
				disabled="@load(not vm.canSave)" />
			<div
				width="400px"
				height="110px"
				style="border: 1px solid black;">
				<image
					height="100px"
					content="@load(vm.stampImg)" />
			</div>
		</hbox>
		<button
			label="${labels.ButtonDelete}"
			onClick="@command('removeStamp')"
			sclass="nicebutton"
			disabled="@load(not vm.canSave)" />
	</groupbox>
	<groupbox mold="3d">
		<caption label="${labels.GlobalSettingsOrganizationLogo}" />
		<hbox>
			<button
				label="${labels.GlobalSettingsUploadOrganizationLogo}"
				upload="true,maxsize=600,accept=image/*"
				onUpload="@command('uploadLogo')"
				sclass="nicebutton"
				disabled="@load(not vm.canSave)" />
			<div
				width="400px"
				height="110px"
				style="border: 1px solid black;">
				<image
					height="100px"
					content="@load(vm.logoImg)" />
			</div>
		</hbox>
		<button
			label="${labels.ButtonDelete}"
			onClick="@command('removeLogo')"
			sclass="nicebutton"
			disabled="@load(not vm.canSave)" />
	</groupbox>
</zk>