<div class="form-group">
  <label for="id"
         class="col-sm-1 control-label">{{ "ID" | translate }}:</label>
  <div ng-class="config.general.factiva ? 'col-sm-5' : 'col-sm-2'">
    <input id="id"
           class="form-control"
           type="text"
           ng-model="filter.id"/>
  </div>
  <label for="text"
         class="col-sm-1 control-label">{{ "TEXT" | translate }}:</label>
  <div ng-class="config.general.factiva ? 'col-sm-5' : 'col-sm-2'">
    <input id="text"
           class="form-control"
           type="text"
           ng-model="filter.text"/>
  </div>
  <label for="name"
         class="col-sm-1 control-label" ng-if="!config.general.factiva">{{ 'LIST' | translate }}:</label>
  <div class="col-sm-2" ng-if="!config.general.factiva">
    <select id="list"
      ng-model="filter.List"
      class="form-control">
      <option ng-repeat="list in [''].concat(config.general.alertsList)" ng-value="list">{{ config.general.alertsListHumanName && config.general.alertsListHumanName[list] ? config.general.alertsListHumanName[list] : list }}</option>
    </select>
  </div>
  <label for="name"
         class="col-sm-1 control-label" ng-if="!config.general.factiva">{{ 'TYPE_OF_LIST' | translate }}:</label>
  <div class="col-sm-2" ng-if="!config.general.factiva">
    <select id="list"
      ng-model="filter.ListType"
      class="form-control">
      <option ng-repeat="list in [''].concat(config.general.alertsListType)" ng-value="list" ng-if="list !== 'RuleBased'">{{ list | firstElement | translate }}</option>
    </select>
  </div>
</div>
<div class="form-group" ng-if="config.general.factiva">
  <label for="list"
         class="col-sm-1 control-label">{{ "List category 1" | translate }}:</label>
  <div class="col-sm-2">
    <select id="list"
            ng-model="filter.ListType"
            class="form-control"
            ng-if="!config.general.alertsListTypeMultiple">
            <option ng-repeat="list in [''].concat(config.general.alertsListType)" ng-value="list">{{ list | firstElement | translate }}</option>
    </select>
    <select2 multiple
             ng-if="config.general.alertsListTypeMultiple && config.general.alertsListType"
             ng-model="filter.ListType"
             s2-options="list as listTypeFilterFormatter(list) for list in config.general.alertsListType"
             options="{ separator : '\n\n\n\n\n' }">
    </select2>
  </div>
  <label for="list"
         class="col-sm-1 control-label">{{ "List category 2" | translate }}:</label>
  <div class="col-sm-2">
    <select id="list"
            ng-model="filter.List"
            class="form-control"
            ng-if="!config.general.alertsListMultiple">
            <option ng-repeat="list in [''].concat(config.general.alertsList)" ng-value="list">{{ vm.alertsListHumanName && vm.alertsListHumanName[list] ? vm.alertsListHumanName[list] : list }}</option>
    </select>
    <select2 multiple
       ng-if="config.general.alertsListMultiple && config.general.alertsList"
       ng-model="filter.List"
       s2-options="list as listFilterFormatter(list) for list in config.general.alertsList"
       options="{ separator : '\n\n\n\n\n' }">
    </select2>
  </div>

  <label class="col-sm-1 control-label">{{ "Official list" | translate }}:</label>
  <div class="col-sm-5" ng-if="config.general.factiva">
    <select2 multiple
             ng-model="filter['official_list']"
             s2-options="list as list for list in config.general.sanctionReferencesList"
             options="{ separator : '\n\n\n\n\n' }">
    </select2>
  </div>
</div>