<?page title="${labels.WorkgroupFormTitle}" contentType="text/html;charset=UTF-8"?>
<zk>
	<window id="editWin" closable="true" border="normal" position="center" apply="org.zkoss.bind.BindComposer" 
		viewModel="@id('vm') @init('info.bukova.isspst.ui.workgroups.WorkgroupForm')">
		<caption src="/img/commission.png" zclass="form-caption" label="${labels.WorkgroupFormTitle}" />
		<vlayout>
			<grid hflex="min">
				<columns>
					<column align="right" hflex="min" />
					<column />
				</columns>
				<rows>
					<row>
						<cell sclass="row-title">${labels.code} :</cell>
						<cell>
							<textbox id="code" constraint="@load(vm.constriant)" width="200px" value="@bind(vm.dataBean.code)" />
						</cell>
					</row>
					<row>
						<cell sclass="row-title">${labels.name} :</cell>
						<cell>
							<textbox id="name" width="200px" value="@bind(vm.dataBean.name)" />
						</cell>
					</row>
					<row>
						<cell>
							<checkbox label="Středisko" checked="@bind(vm.centre)"/>
						</cell>
					</row>
				</rows>
			</grid>
			<label value="Přetáhněte myší:"/>
			<hlayout>	
				<listbox id="users" model="@bind(vm.users)" height="280px" width="200px" multiple="true"
					droppable="true" onDrop="@command('addMember', event=event)">
					<listhead>
						<listheader label="Uživatelé" sort="czech(fullName)"/>
					</listhead>
					<template name="model">
						<listitem image="@load(each.hasJob ? '/img/user-small.png' : '/img/commission-small.png')" label="@load(each.fullName)" draggable="user" droppable="user"
						onDrop="@command('addMember', event=event)" attributes.item="@load(each)"/>
					</template>
				</listbox>
				
				
				
				<vlayout children="@load(vm.workgroupRoles)">
					<template name="children">
						<listbox id="@load(each.authority)" model="@bind(vm.dataBean.members)" height="120px" width="200px" multiple="true" 
						droppable="true" onDrop="@command('addMember', event=event)">
						<listhead>
							<listheader label="@load(each.description)" sort="czech(fullName)"/>
						</listhead>
						<template name="model" var="member">
							<listitem image="@load(member.member.hasJob ? '/img/user-small.png' : '/img/commission-small.png')" label="@load(member.member.fullName)" draggable="user" droppable="user"
							onDrop="@command('addMember', event=event)" attributes.item="@load(member)" visible="@load(member.role.authority eq each.authority)"/>
						</template>
					</listbox>	
					</template>
				
				</vlayout>
				
			</hlayout>
			<include src="/app/formButtons.zul" />
		</vlayout>	
	</window>
</zk>