<?page id="loginPage" title="EzStore" contentType="text/html;charset=UTF-8"?>
<?taglib uri="http://www.zkoss.org/dsp/web/core" prefix="c"?>

<?link href="stylesheets/bootstrap.min.css" rel="stylesheet" type="text/css"?>
<?link href="stylesheets/ez-pixel-admin.css" rel="stylesheet" type="text/css"?>  
<?link href="stylesheets/ez-themes.css" rel="stylesheet" type="text/css"?>  

<?link href="stylesheets/bootstrap.min.css" rel="stylesheet" type="text/css"?>
	<?link href="stylesheets/ez-pixel-admin.css" rel="stylesheet" type="text/css"?>
	<?link href="stylesheets/ez-pages.css" rel="stylesheet" type="text/css"?>
 
	<?link href="stylesheets/ez-themes.css" rel="stylesheet" type="text/css"?>

 <zk>
 <style>
 	.z-window-content {
 		background:none;
 	}
 	#main-wrapper {
 	   padding: 0px !important;
 	}
 	#content-wrapper{
 	   background-color: #000; 
 	}
 	#MessageLabel_1,#MessageLabel_2,#MessageLabel_3,#MessageLabel_4{
 	     color: red !important;
 	}
 	body {
 	    background-color: #000;
 	}
 	.vboxImageHeader{
	   background: -webkit-gradient(linear, left top, left bottom, from(#434343),color-stop(0.50, #333333),to(#232323));
       background: -moz-linear-gradient(top,#434343 0%,#333333 50%,#232323);
       filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#434343', endColorstr='#232323');
	}
 </style>
	<window xmlns:h="http://www.w3.org/1999/xhtml" id="loginwin" style="border:none; background:none; margin: 80px auto 0px auto;" 
	width="361px" height="500px" use="ez.store.controller.accounts.authentication.window.AA001LoginWindow" forward="onOK=onSubmit"   > 
		 <div align="center" width="100%" style="z-index: 1801;">  
		    <div height="81px" align="center" width="100%" sclass="vboxImageHeader">
					<image src="/media/images/IconTest/maybanhang_logo_251x44.png" style="margin-top: 10px;" width="100%" />
	        </div>
	     </div>
	        <div sclass="zone-error" id="divNoticeMessage" visible="false" style="border: 1px solid red;text-align: center;"/>
		<vbox align="center" width="100%" style="z-index: 1800;background-color:#fff;" >
			
			<vbox align="center" style="margin-bottom:15px;" sclass="vboxLoginCss">
			<html>
				<h4 class="header blue lighter bigger">
					
				</h4>
			</html>
 
				<div class="form-group has-feedback">
					<textbox placeholder="${c:l ('msg_aa_lbl_user_name') }" maxlength="25"  sclass="form-control " id="tbxUserName" focus="true" forward="onOK=onSubmit"  />
					<span class="fa fa-user form-control-feedback"></span>
				</div>
				
				<div class="form-group has-feedback" style="margin-top: 11px;">
					<textbox placeholder="${c:l ('msg_aa_lbl_password') }" maxlength="25"  sclass="form-control" 	id="tbxPassword" type="password"   forward="onOK=onSubmit"  ></textbox>
					<span class="fa fa-lock form-control-feedback"></span>
				</div>
 
				<vbox style="margin-bottom:15px;" visible="false">
					<div style="margin-bottom:10px">
						<label value="${c:l ('msg_aa_lbl_company_code') }" style="font-family: RobotoBold;color:black;" />
					</div>
					<textbox maxlength="25" width="300px" zclass="blackTbx"
						id="tbxCompanyCode" forward="onOK=onSubmit" value="10001"/> 
				</vbox>
				<hbox >
					<vbox width="150px">
						<div width="150px" style="margin-top:10px;">
							<label value="${c:l ('msg_aa_lbl_forgot_password') }" 
								style="color:black; text-decoration: underline;cursor: pointer;" forward="onClick=onForgotPassword" />
						</div>
						<!-- 
						<div width="150px" align="right" style="margin-top:10px;">
							<label value="${c:l ('msg_aa_lbl_register') }" 
								style="color:black; text-decoration: underline;cursor: pointer;" forward="onClick=onRegister" />
						</div>
						-->
					</vbox>
					<div width="150px"  align="right" >
						<button label="${c:l ('msg_aa_lbl_login') }" width="120px" forward="onClick=onSubmit" sclass="btn btn-primary"/>
					</div>
				</hbox>
			</vbox>
			<hbox visible="false">
				<div align="center">
					<label value="${c:l ('msg_lbl_ezstore_name_software') }" sclass="labelStyle1"/>
				</div>
			</hbox>
		</vbox>
		<vbox>
			<hbox>
				<div width="355px" height="150px" style="background: none; margin-top:5px">
					<a id="linkEvent">
						<image id="imgEvent" width="100%" height="100%"/>
					</a>
				</div>
			</hbox>
		</vbox>
		
	</window>
</zk>