<section class="row auth" data-ng-controller="SettingsController" >
	<h3 class="col-xs-offset-1 col-xs-10 text-center">Edit your profile</h3>
	<div class="col-xs-offset-3 col-xs-6">
		<form name="userForm" data-ng-submit="updateUserProfile(userForm.$valid)" class="signin form-horizontal" autocomplete="off">
			<fieldset>
				<div data-ng-show="success" class="text-center text-success">
					<strong>Profile Saved Successfully</strong>
				</div>
				<div data-ng-show="error" class="text-center text-danger">
					Couldn't Save Your Profile.<br>
					Error: <strong data-ng-bind="error"></strong>
				</div>
				
				<div class="form-group row">
					<div class="col-xs-7 field-title">
						<b>First Name</b>
				    </div>
					<div class="col-xs-12 field-input">
						<input type="text" id="firstName" name="firstName" class="form-control" data-ng-model="user.firstName" placeholder="First Name" ng-pattern="/^[a-zA-Z0-9 \-.]*$/">
					</div>
				</div>
				<div class="form-group row">
					<div class="col-xs-7 field-title">
						<b>Last Name</b>
				    </div>
					<div class="col-xs-12 field-input">
					<input type="text" id="lastName" name="lastName" class="form-control" data-ng-model="user.lastName" placeholder="Last Name" ng-pattern="/^[a-zA-Z0-9 \-.]*$/">
					</div>
				</div>
				<div class="row">
					<hr>
				</div>
				<div class="row form-group">
				    <div class="col-xs-7 field-title">
				    	<b>Language</b> 
				    </div>
				    <div class="col-xs-12 field-input">
						<select ng-model="user.language" required>
							<option ng-repeat="language in languages" 
									ng-selected="language == user.language"
									value="{{language}}">
								{{language}}
							</option>
				        </select>    
				    </div>
				</div>

				<div class="row form-group">
				    <div class="col-xs-7 field-title">
				    	<b>Email</b> 
				    	<small>(also your username)</small> 
				    </div>
				    <div class="col-xs-12 field-input">
						<input type="email" id="email" name="email" class="form-control" data-ng-model="user.email" placeholder="Email">
				    </div>
				</div>

				<div class="text-center form-group">
					<button type="submit" class="btn btn-large btn-primary" style="font-size:1.6em;">Update Profile</button>
				</div>

			</fieldset>
		</form>
	</div>
</section>