﻿<window title="${c:l('msg_ebSales_lbl_list_product_title')}" border="normal" closable="true" width="800px"
	id="windowCommonChooseProduct" use="ez.store.common.handle.window.ChooseProductWindow">
	<style>
		.z-grid, .z-row-inner {
			border: 1px solid #cfcfcf;
		}
	</style>
	<vlayout style="margin:5px;">
		<div>
			<textbox id="tbxKeyword" value="${c:l('msg_lbl_search')}" style="padding-right:5px;" width="140px" forward="onOK=onSearch" sclass="form-control"/>
			<combobox readonly="true" id="cbxProductCategory" width="140px" 
				use="ez.store.common.handle.combobox.ComboboxProductCategory">
				<comboitem label = "${c:l ('msg_lbl_product_category') }"/>
			</combobox>
			<combobox readonly="true" id="combobxManufacture" width="140px" use="ez.store.common.handle.combobox.ComboboxManufacture">
				<comboitem label = "${c:l ('msg_lbl_manufacture') }"/>	
			</combobox>	
			<button label="${c:l('msg_btn_search')}" width="100px" sclass="btn" forward="onClick=onSearch"></button>
		</div>
		<hbox>
			<div>
				<button id="btnChoose" sclass="btn btn-primary" label="${c:l ('msg_lbl_button_choose_product') }" tooltiptext="${c:l('msg_btn_add')}" forward="onClick=onChoose" />
		 		<button id="btnChooseAll" sclass="btn btn-primary" label="${c:l('msg_lbl_button_choose_all_product')}" tooltiptext="${c:l('msg_lbl_button_choose_all_product')}" forward="onClick=onChooseAll" />	
			</div>
		</hbox>
		<div class="horizontal"></div>
		<grid id="grid_list" width="100%" >
			<columns sizable="true" >
				<column label="${c:l('msg_lbl_stt')}" align="center" width="30px"/>
				<column id="colCheckbox" width="50px" align="center">
					<checkbox id="chkAllCheckBox" forward="onCheck=onSelectAll" width="50px"/>
				</column>
				<column label="${c:l('msg_lbl_product_code')}" width="120px"/>
				<column label="${c:l('msg_lbl_product_name')}" width="200px"/>
				<column label="${c:l('msg_lbl_product_category')}"/>
				<column label="${c:l('msg_lbl_manufacture')}" />
				<column label="${c:l('msg_lbl_product_unit')}" width="90px"/>
				<column label="${c:l('msg_lbl_product_price')}" width="90px" align="right"/>
				<!--column label="${c:l('msg_lbl_status')}" -->
			</columns>
			<rows>
						
			</rows>
		</grid>
		<div width="100%" sclass="ezpaging-add" style="text-align: right">
			<ezpaging id="paging" style="background: transparent no-repeat 0 0;" pageSize="10" pageSizeArr="5,10,15,20" totalSize="3"
			detailed="true" detailTemplate="{0}-{1}/{2}" />	
		</div>
	</vlayout>
</window>
