<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="profileform" id="profileform">
				  <div class="form-group">				    
				    <input class="form-control" id="profilenickname" placeholder="{{'Enter Your Nickname'|translate}}" type="text" name="profilenickname" ng-model="profilenickname" required>				    					
				  </div>
				  <div class="form-group">
				    <input class="form-control" id="profilefirstname" placeholder="{{'Enter Your First Name'|translate}}" type="text" name="profilefirstname" ng-model="profilefirstname" required>
				  </div>
				  <div class="form-group">
				    <input class="form-control" id="profilelastname" placeholder="{{'Enter Your Last Name'|translate}}" type="text" name="profilelastname" ng-model="profilelastname" required>
				  </div>
				  	
				  <div class="login-actions row">
					<div class="login-action back col-xs-6"><a href="javascript:void(0);" ng-click="go('/menu', 'none')" translate>Cancel</a></div>
					<div class="login-action go col-xs-6"><a href="javascript:void(0);" ng-click="updateProfile()" 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>
