<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="vm.statuses"
      ng-model="filter.status"
      ng-if="vm.currentUser"
      ng-init="vm.setupStatusFilterProcess()"
      labels="vm.statusesLabels"></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['alerts[0].text']"/>
    </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>