<div class="login-container">
	<div class="row">
		<div class="col-sm-12">
			
			<img class="centered" src="img/logo.png" style="margin-top: 5px;"/>
		</div>
	</div>
	<div class="row">
		<div class="col-sm-12">
			<div class="login-wrapper" ng-controller="UserController">
				<label translate>Use your email to register</label>
				<form role="form" name="registerform" id="registerform" ng-enter="register()">
				  <div class="form-group">				    
				    <input class="form-control" id="exampleInputEmail1" placeholder="{{'Enter your Email'|translate}}" type="email" name="email" ng-model="email" required>				    					
				  </div>
				  <label translate>and pick a password</label>
				  <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="form-group">
				    <input class="form-control" id="exampleInputPassword2" placeholder="{{'Re-Enter your Password'|translate}}" type="password" name="repeatpassword" ng-model="repeatpassword" 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="register()" translate>Register</a></div>
				  </div>
				</form>
			</div>
		</div>
	</div>
	
	<div class="row">
		<div class="col-xs-12">
			<div id="social-network-message">
				<span translate>or register 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>
	
	<!-- 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>