<div class="login-container fill-profile">
	<div class="row">
		<div class="col-sm-12">
			<br/>
			<img class="centered" src="img/logo.png"/>
		</div>
	</div>
	<div class="row">
		<div class="col-sm-12">
			<div class="login-wrapper">
				<form role="form" name="changepassform" id="changepassform" ng-enter="changePass()">
				  <div class="form-group">	
				  	<label translate>Change password</label>			    
				    <input class="form-control" id="pass1" placeholder="{{'Type Your New Password'|translate}}" type="password" name="pass1" ng-model="pass1" required>				    					
				  </div>
				  <div class="form-group">
				    <input class="form-control" id="pass2" placeholder="{{'Re-type Your New Password'|translate}}" type="password" name="pass2" ng-model="pass2" ng-change="checkPasswordsMatch()" required>
				  </div>
				  	
				  <div class="login-actions row">
					<div class="login-action back col-xs-6"><a href="javascript:void(0);" ng-click="go('/option', 'none')" translate>Cancel</a></div>
					<div class="login-action go col-xs-6"><a href="javascript:void(0);" ng-click="changePass()" translate>Change</a></div>
				  </div>
				</form>
			</div>
		</div>
	</div>
	
	<!-- Initialize Error Dialog -->	
	<div class="modal fade" id="error-dialog" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	    <div class="modal-dialog">
	    	<div class="modal-content">
	        	<div class="modal-header">
	        	</div>
	        	<div class="modal-body">
	        	</div>
	        	<div class="modal-footer">
	        		<div id="link-close">
	        			<a href="javascript:void(0);" data-dismiss="modal" translate>Close</a>
	        		</div>
	        	</div>
	      	</div>
	    </div>
	</div>
</div>
