<div class="login-container">
	<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">
				<label translate>Sign in with your user</label>
				<form role="form" name="loginform" id="loginform" ng-enter="login()">
				  <div class="form-group">				    
				    <input class="form-control" id="exampleInputEmail1" placeholder="{{'Enter your Email'|translate}}" type="email" name="email" ng-model="email" required>				    					
				  </div>
				  <div class="form-group">
				    <input class="form-control" id="exampleInputPassword1" placeholder="{{'Enter your Password'|translate}}" type="password" name="password" ng-model="password" required>
				  </div>
				
				  <div class="login-actions row">
					<div class="login-action back col-xs-6"><a href="javascript:void(0);" ng-click="go('/index', 'none')">&#60;&nbsp;<span translate>Back</span></a></div>
					<div class="login-action go col-xs-6"><a href="javascript:void(0);" ng-click="login()" translate>Go</a></div>
				  </div>
				</form>
			</div>
		</div>
	</div>
	
	<div class="row">
		<div class="col-xs-12">
			<div id="social-network-message">
				<span translate>or login using Facebook</span>
			</div>
		</div>
	</div>
	
	<div class="row">
		<div id="social-networks">
			<div class="col-xs-3"></div>
			<div class="col-xs-6">
				<a href="https://www.facebook.com/dialog/oauth?client_id={{fb_app_id}}&redirect_uri={{fb_redirect_uri}}&scope={{fb_permissions}}">
					<img id="" class="img-responsive social-network-icon" src="img/facebook-login.png" alt="Facebook Login"/>
				</a>
			</div>
			<div class="col-xs-3"></div>
		</div>
	</div>
	
	<div class="row">
		<div class="col-xs-12">
			<div id="forgot-password-message">
				<a href="javascript:void(0);" ng-click="showforgotpassworddialog()" translate>Forgot password</a>
			</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>
	
	<!-- Initialize Forgot Password Dialog -->	
	<div class="modal fade small-dialog" id="forgot-password-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 id="container-email">
		        	<div class="modal-body">
		        		<div id="information"></div>
		        		<form role="form" name="forgotpasswordform" id="forgotpasswordform">
			        		<div class="form-group">				    
						    	<input class="form-control" id="user_email" placeholder="{{'Enter your Email'|translate}}" type="email" name="user_email" ng-model="user_email" required>				    					
						  	</div>
						</form>  	
		        	</div>
		        	<div class="modal-footer">
		        		<div class="row">
		        			<div class="col-xs-12">
								<div class="btnleft col-xs-6"><a href="javascript:void(0);" data-dismiss="modal" translate>Cancel</a></div>
								<div class="btnright col-xs-6"><a href="javascript:void(0);" ng-click="forgotpassword()" translate>Ok</a></div>
							</div>
						</div>
		        	</div>
	        	</div>
	        	
	        	<div id="container-message-ok" style="display: none;">
	        		<div class="modal-body">
		        		<span id="message-ok" translate>
		        			The message was sent successfully.
		        		</span>	
		        	</div>	
	        	</div>
	        	
	        	<div id="container-message-ok" style="display: none;">
	        		<div class="modal-body">
		        		<span id="message-error" translate>
		        			There was an error. Please try again later.
		        		</span>	
		        	</div>	
	        	</div>
	        	
	        	<div id="results-footer" class="modal-footer" style="display: none;">
	        		<div id="link-close">
	        			<a href="javascript:void(0);" data-dismiss="modal" translate>Close</a>
	        		</div>
	        	</div>
	        	
	      	</div>
	    </div>
	</div>
	
	<!-- Initialize email verification Dialog -->
	<div class="modal fade small-dialog" id="email-verification-dialog" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	    <div class="modal-dialog">
	    	<div class="modal-content">
	        	<div class="modal-header" translate>
	        		Email verification
	        	</div>
	        	<div class="modal-body">
	        		<div><span translate>The email</span> <span style="text-decoration: underline;">{{email}}</span> <span translate>has not been verified. Please check your inbox and click on the link to verify the email.</span></div>
	        		<div><a href="" ng-click="reSendVerificationEmail();" translate>Re-send verification email.</a></div>
	        	</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>
	
	<!-- Initialize email verification remainder Dialog -->
	<div class="modal fade small-dialog" id="email-verification-reminder-dialog" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" flash-dialog>
	    <div class="modal-dialog">
	    	<div class="modal-content">
	        	<div class="modal-header" translate>
	        		Email verification
	        	</div>
	        	<div class="modal-body">
	        		<div><span translate>We just sent you a verification email. Please verify your email address before loging in for the first time.</span></div>
	        	</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>
