<h3 class="text-center">User Details</h3>

<div class="form-group has-feedback">

<label class="col-sm-3 control-label" for="userName">{{t "common.user.username"}}</label>

<div class="col-sm-8">

<input class="form-control" type="text" name="userName" data-validation-dependents="password" />

<div class="validation-message"></div>

<span class="error form-control-feedback"><i class='fa validation-icon'></i></span>

</div>

</div>

<div class="form-group has-feedback">

<label class="col-sm-3 control-label" for="givenName">{{t "common.user.givenName"}}</label>

<div class="col-sm-8">

<input class="form-control" type="text" name="givenName" data-validation-dependents="password" />

<div class="validation-message"></div>

<span class="error form-control-feedback"><i class='fa validation-icon'></i></span>

</div>

</div>

<div class="form-group has-feedback">

<label class="col-sm-3 control-label" for="sn">{{t "common.user.familyName"}}</label>

<div class="col-sm-8">

<input class="form-control" type="text" name="sn" data-validation-dependents="password" />

<div class="validation-message"></div>

<span class="error form-control-feedback"><i class='fa validation-icon'></i></span>

</div>

</div>

<div class="form-group has-feedback">

<label class="col-sm-3 control-label" for="mail">{{t "common.user.emailAddress"}}</label>

<div class="col-sm-8">

<input class="form-control" type="text" name="mail" />

<div class="validation-message"></div>

<span class="error form-control-feedback"><i class='fa validation-icon'></i></span>

</div>

</div>

<div class="form-group">

<label class="col-sm-3 control-label" for="country">Country</label>

<div class="col-sm-8">

<input class="form-control" type="text" name="country" />

</div>

</div>

<div class="form-group">

<label class="col-sm-3 control-label" for="city">City</label>

<div class="col-sm-8">

<input class="form-control" type="text" name="city" />

</div>

</div>

<div class="form-group">

<label class="col-sm-3 control-label" for="stateProvince">State</label>

<div class="col-sm-8">

<input class="form-control" type="text" name="stateProvince" />

</div>

</div>

<div class="form-group">

<label class="col-sm-3 control-label" for="postalCode">Postal Code</label>

<div class="col-sm-8">

<input class="form-control" type="text" name="postalCode" />

</div>

</div>

<div class="form-group">

<label class="col-sm-3 control-label" for="address1">Address</label>

<div class="col-sm-8">

<input class="form-control" type="text" name="address1" />

</div>

</div>

<div class="form-group has-feedback">

<label class="col-sm-3 control-label" for="telephoneNumber">{{t "common.user.phoneNumber"}}</label>

<div class="col-sm-8">

<input class="form-control" type="text" name="telephoneNumber" />

<div class="validation-message"></div>

<span class="error form-control-feedback"><i class='fa validation-icon'></i></span>

</div>

</div>

<div class="form-group has-feedback">

<label class="col-sm-3 control-label" for="department">Department</label>

<div class="col-sm-8">

<select class="form-control" name="department">

<option value="Human Resources">Human Resources</option>

<option value="Production Planning">Production Planning</option>

<option value="Sales & Distribution">Sales & Distribution</option>

<option value="Treasury & Payments">Treasury & Payments</option>

</select>

</div>

</div>

<div class="form-group has-feedback">

<label class="col-sm-3 control-label" for="employeeNumber">Employee Number</label>

<div class="col-sm-8">

<input class="form-control" type="text" name="employeeNumber" />

<div class="validation-message"></div>

<span class="error form-control-feedback"><i class='fa validation-icon'></i></span>

</div>

</div>

<div class="form-group has-feedback">

<label class="col-sm-3 control-label" for="displayName">Display Name</label>

<div class="col-sm-8">

<input class="form-control" type="text" name="displayName" />

<div class="validation-message"></div>

<span class="error form-control-feedback"><i class='fa validation-icon'></i></span>

</div>

</div>

<div class="form-group has-feedback">

<label class="col-sm-3 control-label" for="userType">User Type</label>

<div class="col-sm-8">

<select class="form-control" name="userType">

<option value="employee">Employee</option>

<option value="contractor">Contractor</option>

</select>

</div>

</div>

<div class="form-group has-feedback">

<label class="col-sm-3 control-label" for="emailEnabled">Send Email Notification</label>

<div class="col-sm-8">

<select class="form-control" name="emailEnabled">

<option value="true">Yes</option>

<option value="false">No</option>

</select>

</div>

</div>

<script>

require("org/forgerock/commons/ui/common/main/ValidatorsManager" )

.bindValidators($('#processDetails form' ), "managed/user/*" );

</script>