<?page title="${labels.AgendaServices}" 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.reqsubjects.ServiceItemList')">
		<caption
			image="/img/painting-032.png"
			zclass="form-caption"
			label="${labels.AgendaServices}" />
		<include src="/app/toolbar.zul" />
		<listbox
			vflex="1"
			model="@load(vm.dataList)"
			selectedItem="@bind(vm.dataBean)"
			height="500px">
			<listhead menupopup="auto">
				<listheader
					label="${labels.code}"
					sort="czech(code)"
					width="10%" />
				<listheader
					label="${labels.name}"
					sort="czech(name)"
					width="30%" />
				<listheader
					label="${labels.description}"
					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.lengthDescription)"
								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>
	</window>
</zk>