<?page contentType="text/html;charset=UTF-8"?>
<zk xmlns="http://www.zkoss.org/2005/zul"
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xsi:schemaLocation="http://www.zkoss.org/2005/zul http://www.zkoss.org/2005/zul/zul.xsd">
	<?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.signeddocs.SignedDocsList')">
		<caption
			image="/img/adobe-032.png"
			zclass="form-caption"
			label="${labels.AgendaSignedDocuments}" />
		<tabbox
			vflex="1"
			orient="top">
			<tabs width="500px">
				<tab label="${labels.ActualDocuments}" />
				<!-- tab label="${labels.Archive}" /-->
			</tabs>
			<tabpanels>
				<tabpanel>
					<include src="toolbar.zul" />
					<hlayout vflex="1">
						<listbox
							vflex="1"
							hflex="60"
							selectedItem="@bind(vm.dataBean)"
							onSelect="@command('onChangeSelectSignedDocs', ctrl=self)"
							model="@load(vm.dataList)">
							<listhead menupopup="auto">
								<listheader
									hflex="7"
									sort="czech(agendaName)"
									label="${labels.AgendaName}" />
								<listheader
									hflex="4"
									sort="czech(numser)"
									label="${labels.number}" />
								<listheader
									hflex="20"
									sort="czech(description)"
									label="${labels.OrderFormDescription}" />
								<listheader
									hflex="5"
									onCreate="self.sort(false)"
									sort="auto(signDate)"
									label="${labels.SigningDate}" />
							</listhead>
							<auxhead visible="@load(vm.filter)">
								<auxheader>
									<div sclass="find-grid-cell">
										<div sclass="find-grid-divtextbox">
											<textbox
												value="@bind(vm.filterTemplate.agendaName)"
												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.numser)"
												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>
								<auxheader>
									<div sclass="find-grid-cell">
										<div sclass="find-grid-divtextbox">
											<datebox
												value="@bind(vm.filterTemplate.signDate)"
												format="${labels.DateFormat}"
												instant="true"
												onChange="@command('doFilter')"
												sclass="find-grid-textbox"
												width="100%" />
										</div>
										<div sclass="find-grid-img">
											<image src="/img/funnel.png" />
										</div>
									</div>
								</auxheader>
							</auxhead>
							<template name="model">
								<listitem>
									<listcell label="@load(each.agendaName)" />
									<listcell label="@load(each.numser)" />
									<listcell label="@load(each.description)" />
									<listcell label="@load(each.signDate) @converter('formatedDate', format=labels.DateFormat)" />
								</listitem>
							</template>
						</listbox>
						<listbox
							vflex="1"
							hflex="40"
							selectedItem="@bind(vm.signedDocumentItem)"
							model="@load(vm.signedDocumentItems)">
							<listhead menupopup="auto">
								<listheader
									hflex="2"
									sort="czech(actualReportName)"
									label="${labels.PrintReports}" />
								<listheader
									hflex="3"
									sort="czech(fileName)"
									label="${labels.FileName}" />
								<listheader
									hflex="1"/>
							</listhead>
							<template name="model">
								<listitem>
									<listcell label="@load(each.actualReportName)" />
									<listcell label="@load(each.fileName)" />
									<listcell>
										<button label="Otevřít" onClick="@command('onOpen', item = each)" sclass="nicebutton"/>
									</listcell>
								</listitem>
							</template>
						</listbox>
					</hlayout>
				</tabpanel>
				<tabpanel>
					<!-- listbox
						vflex="1"
						selectedItem="@bind(vm.selectedOrderItem)"
						model="@load(vm.orderItems)">
						<listhead menupopup="auto">
						<listheader
						hflex="7"
						sort="czech(code)"
						label="${labels.RequirementItemCode}" />
						<listheader
						hflex="15"
						sort="czech(name)"
						label="${labels.RequirementItemName}" />
						<listheader
						hflex="20"
						sort="czech(textItem)"
						label="${labels.RequirementItemText}" />
						<listheader
						hflex="5"
						sort="auto(quantity)"
						align="right"
						label="${labels.RequirementItemQuantity}" />
						<listheader
						hflex="5"
						sort="auto(munit.name)"
						label="${labels.RequirementItemMUnit}" />
						<listheader
						hflex="7"
						align="right"
						sort="auto(unitPrice)"
						label="${labels.RequirementItemUnitPrice}" />
						<listheader
						hflex="7"
						align="right"
						sort="auto(total)"
						label="${labels.RequirementItemTotal}" />
						<listheader
						hflex="15"
						sort="czech(description)"
						label="${labels.RequirementItemDescription}" />
						<listheader
						hflex="5"
						sort="auto(reqItem.orderNum)"
						label="${labels.OrderAbr}" />
						</listhead>
						<template name="model">
						<listitem>
						<listcell label="@load(each.code)" />
						<listcell label="@load(each.name)" />
						<listcell label="@load(each.textItem)" />
						<listcell label="@load(each.quantity) @converter(vm.standardBigDecimalConverter)" />
						<listcell label="@load(each.munit.name)" />
						<listcell label="@load(each.unitPrice) @converter(vm.standardBigDecimalConverter)" />
						<listcell label="@load(each.total) @converter(vm.standardBigDecimalConverter)" />
						<listcell label="@load(each.description)" />
						<listcell label="@load(each.reqItem.orderNum)" />
						</listitem>
						</template>
						</listbox-->
				</tabpanel>
			</tabpanels>
		</tabbox>
	</window>
</zk>