<?page title="Order Detail" contentType="text/html;charset=UTF-8"?>
<zk>
<window width="400px" title="OrderDetail" border="normal" apply="org.zkoss.bind.BindComposer"
viewModel="@id('vm') @init('vmd.OrderDetailsVmd')">
	<vlayout>
	<hlayout>
		<button label="Back" onClick="@command('back')" width="100px"/>
		<button label="Save" onClick="@command('save')" width="100px"/>
	</hlayout>
	</vlayout>

<separator></separator>
<separator></separator>
<grid>
	<columns>
		<column label="" width="100px"/>
		<column label="" width="300px"/>
	</columns>
	<rows>
		<row>
			<label value="Order Id"/>
			<textbox constraint="no empty : harus diisi" value="@load(vm.orderDto.orderId) @save(vm.orderDto.orderId)"
			readonly="@load(vm.orderDto.orderId eq null ? false:true)"/>
		</row>

		<row>
			<label value="Customer Name"/>
			<combobox model="@load(vm.customerDtos)" selectedItem="@bind(vm.customerDto)" value="@load(vm.customerDto.name)">
			<template name="model">
			<comboitem label="@load(each.name)" value="@load(each.id)"/>
			</template>
			</combobox>
		</row>

		<row>
			<label value="Total"/>
			<intbox value="@bind(vm.orderDto.total)" readonly="true"/>
		</row>
</rows>
</grid>

</window>

<window width="400px" title="Employee" border="normal" apply="org.zkoss.bind.BindComposer"
viewModel="@id('vm') @init('vmd.OrderDetailsVmd')">
	<vlayout>
	<hlayout>
		<button label="Add" onClick="@command('addProduk')" width="100px"/>
		<button label="Delete" onClick="@command('deleteProduk')" width="100px"/>
	</hlayout>
	</vlayout>

<separator></separator>
<separator></separator>

	<listbox model="@load(vm.orderDetailsDtos)" selectedItem="@bind(vm.orderDetailsDto)">
		<listhead>
			<listheader label="Product Name"/>
			<listheader label="Price"/>
			<listheader label="Qty"/>
			<listheader label="Sub Total"/>
		</listhead>

		<template name="model">
		<listitem>
			<listcell label="@load(each.prodName)"/>
			<listcell label="@load(each.prodPrice)"/>
			<listcell label="@load(each.prodQty)"/>
			<listcell label="@load(each.subTotal)"/>
		</listitem>
		</template>

	</listbox>
	</window>
</zk>