<div class="container" id="change-password-form">
	<a href="#/login" class="login-logo"><img masked-image src="assets/img/logo-big.png"></a>
	<div class="row">
		<div class="col-md-4 col-md-offset-4">
			<form name="form" class="form-horizontal" ng-submit="vm._changePassword(vm.auth)" novalidate>
				<div class="panel panel-default">
					<div class="panel-heading">
						<h2>Change Password</h2>
					</div>
					<div class="panel-body">
						<div class="form-group mb-md">
							<div class="col-xs-12">
								<p>Enter a new password for your account</p>
								<div class="input-group">							
									<span class="input-group-addon">
										<i class="ti ti-key"></i>
									</span>
									<input type="password" class="form-control" placeholder="Password *" name="password" id="password" ng-model="vm.auth.password" ng-required="true" ng-minlength="6">
								</div>
								<p class="help-block" ng-show="form.password.$touched && form.password.$error.required">Value is required.</p>
								<p class="help-block" ng-show="form.password.$touched && form.password.$error.minlength">Value is too short.</p>
							</div>
						</div>
						<div class="form-group mb-md">
							<div class="col-xs-12">
								<div class="input-group">							
									<span class="input-group-addon">
										<i class="ti ti-key"></i>
									</span>
									<input type="password" class="form-control" placeholder="Confirm Password *" name="confirm_password" id="confirm_password" ng-model="confirm_password" ng-required="true" ng-pattern="vm.auth.password">
								</div>
								<p class="help-block" ng-show="form.password.$touched && form.password.$error.required">Value is required.</p>
								<p class="help-block" ng-show="form.confirm_password.$touched && form.confirm_password.$error.pattern">Password does not match.</p>
							</div>
						</div>
					</div>
					<div class="panel-footer">
						<div class="clearfix">
							<a href="#/login" class="btn btn-default pull-left">Go Back</a>
							<button type="submit" ng-disabled="!form.$valid" class="btn btn-primary pull-right">Change and Continue</button>
						</div>
					</div>
				</div>
			</form>
		</div>
	</div>
</div>