<?xml version="1.0" encoding="UTF-8"?>
<?component name="divtab" macro-uri="divtab.zul" inline="true"?>
<?component name="divarrow" macro-uri="divarrow.zul" inline="true"?>
<zk>
<style src="/media/css/calendar.css.dsp" />
<window border="none" id="JH001" width="100%" height="100%" use="ez.store.controller.crm.event.window.JH001CalendarWindow" style="border: none">
	<div>
		<div style="margin-top:5px; float: left;" width="79%">
			<calendars id="calendars" firstDayOfWeek="Monday" height="600px" width="100%"
				timeZone="EZ=GMT+7" model="${cm}" beginTime="7"
				mold="default" days="1">
				<toolbar sclass="calendar-toolbar">
					<div class="float-left" style="margin: 5px; margin-left: 0">
						<hbox style="padding-top: 5px;padding-right: 2px;">
							<divarrow type="arrow-left" />
							<divarrow type="arrow-right" style="width: 25px;" />
						</hbox>
					</div>
					<div class="float-right">
						<div>
							<button id="btnDay" label="Day" sclass="btn btn-primary" style="border-radius: 0; height: 31px" forward="onUpdateView(Day)"></button>
							<button id="btnWeek" label="Week" sclass="btnTrans-have-border" style="border-radius: 0; height: 31px" forward="onUpdateView(Week)"></button>
							<button id="btnFiveDay" label="5 Days" sclass="btnTrans-have-border" style="border-radius: 0; height: 31px" forward="onUpdateView(5 Days)"></button>
							<button id="btnMonth" label="Month" sclass="btnTrans-have-border" style="border-radius: 0; height: 31px" forward="onUpdateView(Month)"></button>
						</div> 
					</div>
				</toolbar>
			</calendars>
		</div>
		<div width="20%" style="float: right; margin-top: 26px; padding: 0px; 5px">
			<separator height="10px" />
			<div class="row form-group" style="margin-bottom: 5px;">
				 <div class="col-md-12">
				      	<textbox width="100%"  id="tbxKeyword" value="${c:l ('msg_lbl_search') }" forward="onOK=onSearch" sclass="form-control"/>
				  </div>
		    </div>
		    
		     <div class="row form-group" style="margin-bottom: 5px;">
									          <div class="col-md-12">
									          	<grid sclass="grid-none-border">
									          		<columns>
									          			<column width="*"></column>
									          			<column width="3px"></column>
									          			<column width="39px"></column>
									          		</columns>
									          		<rows>
									          			<row>
									          				<combobox id="cbxCustomer" width="100%" class="input-group" autocomplete="true" autodrop="true" buttonVisible="true" use="ez.store.common.handle.combobox.ComboboxCustomer">		
																<comboitem label="${c:l ('msg_lbl_customer') }" />			
														    </combobox>
									          				 <label></label>
									         				 <button id="btnChooseCustomer" style="height: 32px; width: 35px; float: right;" sclass="btn fa fa-search" forward="onClick=onPopupChooseCustomerWindow" />
									          			</row>
									          		</rows>
									          	</grid>
									          </div>
		                   </div> 
			<div class="row form-group" style="margin-bottom: 5px;">
				 <div class="col-md-12">
				      <combobox readonly="true" width="100%" class="input-group" id="cbxUserGroup"  use="ez.store.common.handle.combobox.ComboboxUserGroup">
						<comboitem label = "${c:l ('msg_lbl_user_group_name') }"/>
					</combobox>
				 </div>
		   </div>
		    <div class="row form-group" style="margin-bottom: 5px;">
			    <div class="col-md-12">
			        <combobox readonly="true" class="input-group" id="cbxUser" use="ez.store.common.handle.combobox.ComboboxUser" width="100%">
						<comboitem label="${c:l ('msg_lbl_employee') }" />
					</combobox>
				 </div>
			</div>
			<div class="row form-group" style="margin-bottom: 5px;">
				 <div class="col-md-12">
				        <combobox class="input-group" id="cbxAssign" autocomplete="true" autodrop="true" use="ez.store.common.handle.combobox.ComboboxUserActivity" width = "100%">
								<comboitem label="${c:l ('msg_lbl_assign') }" />
						</combobox>
				 </div>
			</div>
		 <div class="row form-group" style="margin-bottom: 5px;">
			 <div class="col-md-12">
			      <combobox readonly="true" class="input-group" id="cbxType" width="100%">
						<comboitem label="${c:l ('msg_lbl_task_type') }" />
						<comboitem value="0" label="${c:l ('msg_jfTaskEvent_lbl_sales') }" />
						<comboitem value="4" label="${c:l ('msg_jfTaskEvent_lbl_deploy') }" />	
						<comboitem value="5" label="${c:l ('msg_jfTaskEvent_lbl_upsell') }" />					
				</combobox>	
			 </div>
		</div>
		<div class="row form-group" style="margin-bottom: 5px;">
			 <div class="col-md-12">
			      <combobox readonly="true" class="input-group" id="cbxStatus" width="100%">
						<comboitem label="${c:l ('msg_lbl_status') }" />
						<comboitem value="0" label="${c:l ('msg_jfTaskEvent_lbl_chua_xay_ra') }" />
						<comboitem value="1" label="${c:l ('msg_jfTaskEvent_lbl_da_xay_ra') }" />	
				</combobox>	
			 </div>
		</div>
			<div zclass="control_margin">
				<button id="btnSearch" label="${c:l ('msg_btn_search') }" sclass="btn"  width="49%" style="float: left;" focus="true" forward="onClick=onSearch"/>
				<button id="btnReset" label="${c:l('msg_btn_reset')}" width="49%" sclass="btn " style="float: right;" forward="onClick=onReset" />
			</div>
		</div>
	</div>
</window>
</zk>
