
<form role="form" name="userEdit">


	<div class="col-xs-12 col-sm-3">
		<h3><i class="fa fa-graduation-cap"></i> <span translate>Wellcome</span></h3>
        <p translate>Please create the first admin account to continue.</p>
	</div>


	<div class="col-xs-12 col-sm-9">

		<div class="form-group col-md-6">
			<label for="user_firstname" translate>Firstname</label>
			<input type="text" class="form-control" id="user_firstname" ng-model="user.firstname" ng-required="true" />
		</div>

		<div class="form-group col-md-6">
			<label for="user_lastname" translate>Lastname</label>
			<input type="text" class="form-control" id="user_lastname" ng-model="user.lastname" ng-required="true" />
		</div>

		<div class="form-group col-md-12">
			<label for="user_email" translate>Email</label>
			<input type="email" class="form-control" id="user_email" ng-model="user.email" />
		</div>


		<div ng-class="{true:'', false:'has-error'}[user.newpassword==user.newpassword2]">

			<div class="form-group col-md-4">
				<label for="user_password" translate>Set password</label>
				<input type="password" class="form-control" id="user_password" ng-model="user.newpassword" />
			</div>

			<div class="form-group col-md-4">
				<label for="user_password2" translate>Confirm password</label>
				<input type="password" class="form-control" id="user_password2" ng-model="user.newpassword2" />
			</div>
			<div class="col-md-3 top30">
				<small translate>Password Strength:</small><br />
				<div style="border:#ccc 1px solid;padding:0;">
					<div pw-width="{{ user.newpassword }}" style="background:green;height:5px;"></div>
				</div>
			</div>
		</div>

		<div class="col-sm-12 text-center top30">
			<button class="btn btn-primary" ng-click="userEdit.$valid && saveUser()" translate>Save</button>
		</div>

	</div>


</form>
