<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">
				<div class="user-picture">
					<img class="centered" src="img/defaultpicture.png"/>
				</div>	
				<form role="form" name="fillprofileform" id="fillprofileform" ng-enter="fillprofile()">
				  <div class="form-group">				    
				    <input class="form-control" id="exampleInputEmail1" placeholder="{{'Enter Your Nickname'|translate}}" type="text" name="nickname" ng-model="nickname" required>				    					
				  </div>
				  <div class="form-group">
				    <input class="form-control" id="exampleInput2" placeholder="{{'Enter Your First Name'|translate}}" type="text" name="firstname" ng-model="firstname" required>
				  </div>
				  <div class="form-group">
				    <input class="form-control" id="exampleInput3" placeholder="{{'Enter Your Last Name'|translate}}" type="text" name="lastname" ng-model="lastname" required>
				  </div>
				  	
				  <div class="login-actions row">
					<div class="login-action back col-xs-6"><a href="javascript:void(0);" ng-click="go('/login', 'none')" translate>Skip</a></div>
					<div class="login-action go col-xs-6"><a href="javascript:void(0);" ng-click="fillprofile()" translate>Update</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>
