<?page title="${labels.AgendaBuildings}" contentType="text/html;charset=UTF-8"?>
<zk>
	<?variable-resolver class="org.zkoss.zkplus.spring.DelegatingVariableResolver"?>
	<window
		vflex="1"
		border="normal"
		apply="org.zkoss.bind.BindComposer"
		viewModel="@id('vm') @init('info.bukova.isspst.ui.buildings.BuildingList')">
		<caption
			image="/img/house-032.png"
			zclass="form-caption"
			label="${labels.AgendaBuildings}" />
		<include src="/app/toolbar.zul" />
		<hbox width="100%">
			<listbox
				vflex="1"
				model="@load(vm.dataList)"
				selectedItem="@bind(vm.dataBean)"
				hflex="4">
				<listhead menupopup="auto">
					<listheader
						label="${labels.BuildingsGridColumnCode}"
						sort="czech(code)"
						width="10%" />
					<listheader
						label="${labels.BuildingsGridColumnName}"
						sort="czech(name)"
						width="30%" />
					<listheader
						label="${labels.BuildingsGridColumnDescription}"
						sort="czech(description)"
						width="60%" />
				</listhead>
				<auxhead
					sclass="category-center"
					visible="@load(vm.filter)">
					<auxheader>
						<div sclass="find-grid-cell">
							<div sclass="find-grid-divtextbox">
								<textbox
									value="@bind(vm.filterTemplate.code)"
									instant="true"
									onChange="@command('doFilter')"
									maxlength="@load(vm.lengthText)"
									sclass="find-grid-textbox" />
							</div>
							<div sclass="find-grid-img">
								<image src="/img/funnel.png" />
							</div>
						</div>
					</auxheader>
					<auxheader>
						<div sclass="find-grid-cell">
							<div sclass="find-grid-divtextbox">
								<textbox
									value="@bind(vm.filterTemplate.name)"
									instant="true"
									onChange="@command('doFilter')"
									maxlength="@load(vm.lengthText)"
									sclass="find-grid-textbox" />
							</div>
							<div sclass="find-grid-img">
								<image src="/img/funnel.png" />
							</div>
						</div>
					</auxheader>
					<auxheader>
						<div sclass="find-grid-cell">
							<div sclass="find-grid-divtextbox">
								<textbox
									value="@bind(vm.filterTemplate.description)"
									instant="true"
									onChange="@command('doFilter')"
									maxlength="@load(vm.lengthText)"
									sclass="find-grid-textbox" />
							</div>
							<div sclass="find-grid-img">
								<image src="/img/funnel.png" />
							</div>
						</div>
					</auxheader>
				</auxhead>
				<template name="model">
					<listitem>
						<listcell label="@load(each.code)" />
						<listcell label="@load(each.name)" />
						<listcell label="@load(each.description)" />
					</listitem>
				</template>
			</listbox>
			<vbox>
				<label value="${labels.BuildingsGridRooms}" />
				<grid
					model="@load(vm.dataBean.rooms)"
					hflex="6">
					<columns menupopup="auto">
						<column label="${labels.code}" />
						<column label="${labels.name}" />
						<column label="${labels.shortcut}" />
						<column label="${labels.number}" />
						<column label="${labels.floor}" />
					</columns>
					<rows>
						<template name="model">
							<row>
								<label value="@bind(each.code)" />
								<label value="@bind(each.name)" />
								<label value="@bind(each.shortcut)" />
								<label value="@bind(each.number)" />
								<label value="@bind(each.floor)" />
							</row>
						</template>
					</rows>
				</grid>
			</vbox>
		</hbox>
	</window>
</zk>