<div ng-controller="login">
	<script>
		showMenu("");
	</script>

	<!--Merge Home form-->
	<h3>Business Operating System 2015 R2</h3>
	<div class="row">
		<div class="col-md-32 col-lg-27">
			<div>
				<ul id="sliderContent">
					<li><img class="image" src="../media/{{ActiveCompany}}/images/rotator/1.jpg" title="News 1" />
					</li>
					<li><img class="image" src="../media/{{ActiveCompany}}/images/rotator/2.jpg" title="News 2" />
					</li>
					<li><img class="image" src="../media/{{ActiveCompany}}/images/rotator/3.jpg" title="News 3" />
					</li>
					<li><img class="image" src="../media/{{ActiveCompany}}/images/rotator/4.jpg" title="News 4" />
					</li>
					<li><img class="image" src="../media/{{ActiveCompany}}/images/rotator/5.jpg" title="News 5" />
					</li>
				</ul>
			</div>
			<script type="text/javascript">
				$(function () {
					// declaration

					$("#sliderContent").ejRotator({
						slideWidth: "600px",
						frameSpace: "0px",
						displayItemsCount: "1",
						slideHeight: "350px",
						navigateSteps: "1",
						enableResize: true,
						pagerPosition: ej.Rotator.PagerPosition.Outside,
						orientation: ej.Orientation.Horizontal,
						showPager: true,
						enabled: true,
						showCaption: true,
						allowKeyboardNavigation: true,
						showPlayButton: true,
						enableRTL: true,
						animationType: "slide",
					});
				});
			</script>
			<style type="text/css" class="cssStyles">
				.frame {
					width: 600px;
				}

				#sliderContent > li .image {
					width: 600px;
					height: 350px;
				}
			</style>


			<div class="row">
				<div class="col-sm-24">
					<h4>For Vendor/Customer Start Here</h4>
					<p>เพื่อการใช้งานที่ถูกต้อง และครบถ้วน</p>
					<p><a class="btn btn-default" target="_Blank" href="/OnlineHelp/SupplyChain.html">Learn more &raquo;</a>
					</p>
				</div>
				<div class="col-sm-24">
					<h4>For Staff Get Start Here</h4>
					<p>เพื่อการใช้งานที่ถูกต้อง และครบถ้วน</p>
					<p><a class="btn btn-default" target="_Blank" href="/OnlineHelp/Staff.html">Learn more &raquo;</a>
					</p>
				</div>
			</div>

		</div>
		<div class="col-md-14 col-lg-12">
			<br />
			<br />
			<br />
			<div class="row myFrame">
				<div class="col-sm-2">
				</div>
				<div class="col-sm-44" style="margin-top:3px;">
					<!--Login form-->
					<h4>Log in</h4>
					<form name="frm" ng-submit="login()">
						<input class="form-control" id="companyCode" name="companyCode" ng-required="true" ng-minlength="0" ng-model="loginForm.CompanyCode" placeholder="Enter Company Code" autofocus />
						<div class="text-danger" ng-show="frm.userName.$error.required">Please enter company code</div>
						<div class="text-danger" ng-show="frm.userName.$error.minlength">Please enter valid company code</div>
						<br />
						<input class="form-control" id="userName" name="userName" ng-required="true" ng-minlength="0" ng-model="loginForm.UserName"/>
						<div class="text-danger" ng-show="frm.userName.$error.required">Please enter user name</div>
						<div class="text-danger" ng-show="frm.userName.$error.minlength">Please enter valid user name</div>
						<br />
						<input class="form-control" type="password" name="userPassword" ng-required="true" ng-minlength="0" ng-model="loginForm.Password" />
						<div class="text-danger" ng-show="frm.userPassword.$error.required">please enter password</div>
						<div class="text-danger" ng-show="frm.userPassword.$error.minlength">please enter password</div>
						<br />
						<label for="rememberMe" ng-show="false">Remember Me:</label>
						<input type="checkbox" id="rememberMe" ng-show="false" ng-model="loginForm.RememberMe" />
						<br ng-show="false" />
						<button type="submit" class="btn btn-default" ng-disabled="frm.$invalid">Login</button>
						<div class="text-danger" ng-show="loginForm.loginFailure">Invalid username or password</div>
					</form>
					<div id="progress"></div>
					<!--End Login form-->
				</div>
			</div>
		</div>
	</div>



</div>
