<div class="form-group" ng-class="{'has-error': userForm['user[group_id]'].$dirty && userForm['user[group_id]'].$invalid}">
  <label for="user_group_id" class="col-sm-3 control-label">
    <span translate>{{ 'app.shared.user_admin.group' }}</span>
    <span class="exponent"><i class="fa fa-asterisk" aria-hidden="true"></i></span>
  </label>
  <div class="col-sm-9">
    <select ng-model="user.group_id" ng-disabled="user.subscribed_plan" class="form-control" name="user[group_id]" id="user_group_id" ng-options="g.id as g.name for g in groups" required>
    </select>
    <input type="hidden" name="user[group_id]" ng-value="user.group_id" />
    <span class="help-block" ng-show="userForm['user[group_id]'].$dirty && userForm['user[group_id]'].$error.required" translate>{{ 'app.shared.user_admin.group_is_required' }}</span>
  </div>
</div>

<div class="form-group">
  <label class="col-sm-2 control-label" translate>{{ 'app.shared.user_admin.trainings' }}</label>
  <div class="col-sm-10">
    <input type="hidden" name="user[statistic_profile_attributes][training_ids][]" value="" />
    <ui-select multiple ng-model="user.training_ids" class="form-control">
        <ui-select-match>
            <span ng-bind="$item.name"></span>
            <input type="hidden" name="user[statistic_profile_attributes][training_ids][]" value="{{$item.id}}" />
        </ui-select-match>
        <ui-select-choices ui-disable-choice="t.disabled" repeat="t.id as t in (trainings | filter: $select.search)">
            <span ng-bind-html="t.name | highlight: $select.search"></span>
        </ui-select-choices>
    </ui-select>
  </div>
</div>

<div class="form-group">
    <label class="col-sm-2 control-label" translate>{{ 'app.shared.user_admin.tags' }}</label>
    <div class="col-sm-10">
        <input type="hidden" name="user[tag_ids][]" value="" />
        <ui-select multiple ng-model="user.tag_ids" name="user[tag_ids][]" class="form-control">
            <ui-select-match>
                <span ng-bind="$item.name"></span>
                <input type="hidden" name="user[tag_ids][]" value="{{$item.id}}" />
            </ui-select-match>
            <ui-select-choices repeat="t.id as t in (tags | filter: $select.search)">
                <span ng-bind-html="t.name | highlight: $select.search"></span>
            </ui-select-choices>
        </ui-select>
    </div>
</div>
