<?page title="${labels.CreatedOrders}" 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.main.orders.created.OrderList')">
		<caption
			image="/img/autotruck-032.png"
			zclass="form-caption"
			label="${labels.CreatedOrders}" />
		<tabbox
			vflex="1"
			orient="top">
			<tabs width="500px">
				<tab label="${labels.AccountDocuments}" />
				<tab label="${labels.Items}" />
			</tabs>
			<tabpanels>
				<tabpanel>
					<include src="/main/toolbar.zul" />
					<listbox
						itemRenderer="@load(vm.orderCreatedItemRenderer)"
						vflex="1"
						onSelect="@command('onChangeSelectOrder', ctrl=self)"
						onAfterRender="@command('afterRender')"
						selectedItem="@bind(vm.dataBean)"
						model="@load(vm.dataList)">
						<listhead menupopup="auto">
							<listheader
								hflex="3"
								sort="auto(ordered)"
								label="${labels.OrderAbr}" />
							<listheader
								hflex="7"
								sort="czech(numser)"
								label="${labels.number}" />
							<listheader
								hflex="10"
								sort="auto(orderDate)"
								label="${labels.OrderFormOrderDate}" />
							<listheader
								hflex="7"
								align="right"
								sort="auto(total)"
								label="${labels.OrderFormTotal}" />
							<listheader
								hflex="10"
								sort="auto(deliveryDate)"
								label="${labels.RequirementsFormDeliveryDate}" />
							<listheader
								hflex="10"
								sort="auto(deliveredDate))"
								label="${labels.OrderFormDeliveredDate}" />
							<listheader
								hflex="15"
								sort="auto(suplier.company)"
								label="${labels.SuppliersFormTitle}" />
							<listheader
								hflex="15"
								sort="auto(deliveryAddress.company)"
								label="${labels.DeliveryAddress}" />
							<listheader
								hflex="15"
								sort="auto(address.company)"
								visible="false"
								label="${labels.BillingAddress}" />
							<listheader
								hflex="10"
								sort="auto(ownedBy.fullName)"
								label="${labels.Owner}" />
							<listheader
								hflex="10"
								sort="czech(description)"
								label="${labels.OrderFormDescription}" />
						</listhead>
						<auxhead visible="@load(vm.filter)">
							<auxheader>
								<div sclass="find-grid-cell">
									<div sclass="find-grid-divtextbox">
										<checkbox
											label="${labels.OrderFormOrdered}"
											checked="@bind(vm.filterTemplate.ordered)"
											onClick="@command('doFilter')" />
									</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">
										<datebox
											value="@bind(vm.filterTemplate.orderDate)"
											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>
							<auxheader></auxheader>
							<auxheader>
								<div sclass="find-grid-cell">
									<div sclass="find-grid-divtextbox">
										<datebox
											value="@bind(vm.filterTemplate.deliveryDate)"
											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>
							<auxheader>
								<div sclass="find-grid-cell">
									<div sclass="find-grid-divtextbox">
										<datebox
											value="@bind(vm.filterTemplate.deliveredDate)"
											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>
							<auxheader>
								<div zclass="find-grid-cell">
									<div sclass="find-grid-divtextbox">
										<combobox
											ctrlKeys="${labels.HandleComboKeyFilter}"
											onCtrlKey="@command('handleComboKeyFilter', ctrl=self, keyEvent=event)"
											onChange="@command('doFilter')"
											width="100%"
											selectedItem="@bind(vm.filterTemplate.suplier)"
											model="@load(vm.suppAddresses)"
											readonly="true">
											<template name="model">
												<comboitem label="@load(each)" />
											</template>
										</combobox>
									</div>
									<div sclass="find-grid-img">
										<image src="/img/funnel.png" />
									</div>
								</div>
							</auxheader>
							<auxheader>
								<div zclass="find-grid-cell">
									<div sclass="find-grid-divtextbox">
										<combobox
											ctrlKeys="${labels.HandleComboKeyFilter}"
											onCtrlKey="@command('handleComboKeyFilter', ctrl=self, keyEvent=event)"
											onChange="@command('doFilter')"
											width="100%"
											selectedItem="@bind(vm.filterTemplate.deliveryAddress)"
											model="@load(vm.deliveryAddresses)"
											readonly="true">
											<template name="model">
												<comboitem label="@load(each)" />
											</template>
										</combobox>
									</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.address)"
											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 zclass="find-grid-cell">
									<div sclass="find-grid-divtextbox">
										<combobox
											ctrlKeys="${labels.HandleComboKeyFilter}"
											onCtrlKey="@command('handleComboKeyFilter', ctrl=self, keyEvent=event)"
											onChange="@command('doFilter')"
											width="100%"
											selectedItem="@bind(vm.filterTemplate.ownedBy)"
											model="@load(vm.users)"
											readonly="true">
											<template name="model">
												<comboitem label="@load(each.fullName)" />
											</template>
										</combobox>
									</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.ordered) @converter(vm.standardBoolConverter)" />
								<listcell label="@load(each.numser)" />
								<listcell label="@load(each.orderDate) @converter('formatedDate', format=labels.DateFormat)" />
								<listcell label="@load(each.total) @converter(vm.standardBigDecimalConverter)" />
								<listcell label="@load(each.deliveryDate) @converter('formatedDate', format=labels.DateFormat)" />
								<listcell label="@load(each.deliveredDate) @converter('formatedDate', format=labels.DateFormat)" />
								<listcell label="@load(each.suplier)" />
								<listcell label="@load(each.deliveryAddress)" />
								<listcell label="@load(each.address)" />
								<listcell label="@load(each.ownedBy.fullName)" />
								<listcell label="@load(each.description)" />
							</listitem>
						</template>
					</listbox>
				</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>