<div class="form-group">

  <label for="id"
         class="col-sm-1 control-label">{{ "ID" | translate }}:</label>
  <div class="col-sm-2">
    <input id="id"
           class="form-control"
           type="text"
           ng-model="filter.id"/>
  </div>

  <div ng-show="vm.currentUser.role !== 'user'">
    <label for="user"
           class="col-sm-1 control-label">{{ "USER" | translate }}:</label>
    <div class="col-sm-2">
      <input id="user"
             class="form-control"
             type="text"
             ng-model="filter['user.username']"/>
    </div>
  </div>
  
  <label class="col-md-1 control-label">{{ "STATUS" | translate }}:</label>
  <div class="col-sm-5"
       ng-init="showAdvanced=true">
    <checkboxes items="config.general.statuses"
                ng-model="filter.status"></checkboxes>
    <a ng-click="showAdvanced = !showAdvanced"
       ng-show="!showAdvanced"
       class="pull-right checkbox-inline">{{ "MORE_FILTERS" | translate }}</a>
    <a ng-click="showAdvanced = !showAdvanced"
       ng-show="showAdvanced"
       class="pull-right checkbox-inline">{{ "LESS_FILTERS" | translate }}</a>
  </div>

</div>

<div ng-show="showAdvanced">
  <div class="form-group">
    <label for="text"
           class="col-sm-1 control-label">{{ "TEXT" | translate }}:</label>
    <div class="col-sm-5">
      <input id="text"
             class="form-control"
             type="text"
             ng-model="filter.text"
             ng-disabled="!(filter.category === 'batch' || filter.category === 'online')"/>
    </div>
    <label class="col-sm-1 control-label">{{ "DATES" | translate }}:</label>
    <div class="col-sm-5">
      <dates-from-to data="filter.Creation_Date"></dates-from-to>
    </div>
  </div>
  <div class="form-group">
    <label for="similarity"
           class="col-sm-1 control-label">{{ "MIN_SIM" | translate }}:</label>
    <div class="col-sm-2">
      <input id="similarity"
             class="form-control"
             type="text"
             ng-model="Similarity"
             ng-change="Similarity ? filter.Similarity=Similarity + ':' : filter.Similarity=undefined"/>
    </div>
    <label for="list"
           class="col-sm-1 control-label">{{ "LIST" | translate }}:</label>
    <div class="col-sm-2">
      <select id="list"
              ng-model="filter['reason.matches[*].list.List']"
              class="form-control"
              ng-options="list for list in [''].concat(config.general.alertsList)"
              ng-disabled="!(filter.category === 'batch' || filter.category === 'online')"></select>
    </div>
    <label for="list"
           class="col-sm-1 control-label">{{ "TYPE_OF_LIST" | translate }}:</label>
    <div class="col-sm-2">
      <select id="list"
              ng-model="filter['reason.matches[*].list.ListType']"
              class="form-control"
              ng-disabled="!(filter.category === 'batch' || filter.category === 'online')">
              <option ng-repeat="list in [''].concat(config.general.alertsListType)" value="{{list}}">{{ list | translate }}</option>
      </select>
    </div>
    <label for="list"
           class="col-sm-1 control-label">{{ "WHITE_W_LIST" | translate }}:</label>
    <div class="col-sm-2">
      <select id="list"
              ng-model="filter['listEntry']"
              class="form-control"
              ng-disabled="!(filter.category === 'batch' || filter.category === 'online')">
              <option ng-repeat="list in [''].concat(config.general.lists)" value="{{list}}">{{ list | translate }}</option>
      </select>
    </div>
  </div>
</div>