@{
	ViewBag.Title = "Log In";
}

@section Styles {
	<style>
		
		body {
			height: auto;

		}
		 #wrapper {
			 padding-left: 0;
			 height: auto;
		 }

		#page-wrapper {
			padding-top: 0;
			margin-top: 10%;
			max-width: 400px;
			margin-left: auto;
			margin-right: auto;
		}
	</style>
}

<h2>Log In</h2>
<form name="vm.form" novalidate
	  ng-controller="LoginController as vm"
	  ng-submit="vm.login()">
	<fieldset ng-disabled="vm.loggingIn">
		<div class="alert alert-info" ng-hide="vm.errorMessage != null">
			Please log in to continue...
		</div>
		<div class="alert alert-danger" ng-show="vm.errorMessage != null">
			{{vm.errorMessage}}
		</div>
		<div class="form-group has-feedback">
			<label class="control-label" for="EmailAddress">Email Address</label>
			<input required ng-model="vm.emailAddress"
				   class="form-control" name="EmailAddress" type="email" placeholder="your@email.com...">
		</div>
		<div class="form-group has-feedback">
			<label class="control-label" for="Password">Password</label>
			<input required ng-model="vm.password"
				   class="form-control" id="Password" name="Password" type="password" value="" placeholder="your password...">
		</div>
		<div class="form-group">
			<button type="submit" class="btn btn-success">
				Log In
			</button>
		</div>
	</fieldset>
</form>