<div class="widget panel b-a m">
  <div class="panel-heading b-b small">
    <h3 class="panel-title" translate>{{ 'app.shared.member_select.select_a_member' }}</h3>
  </div>
  <div class="widget-content no-bg auto wrapper">
    <ui-select ng-model="ctrl.member" on-select="updateMember()">
        <ui-select-match placeholder="{{ 'app.shared.member_select.start_typing' | translate }}">
            <span ng-bind="$select.selected.name"></span>
        </ui-select-match>
        <ui-select-choices repeat="m in matchingMembers" refresh="autoCompleteName($select.search)" refresh-delay="300">
            <span ng-bind-html="m.name | highlight: $select.search"></span>
        </ui-select-choices>
    </ui-select>
    {{member}}
    <uib-alert type="danger" ng-if="enableUserValidationRequired && ctrl.member.id && !ctrl.member.validated_at" style="margin-bottom: 0;">
      <span class="text-sm">
        <i class="fa fa-warning"></i>
        <span translate>{{ 'app.shared.member_select.member_not_validated' }}</span>
      </span>
    </uib-alert>
  </div>
</div>
