<div class="form-group">
  <label for="id" class="col-sm-2 control-label"
    >{{ 'transactionnumber' | translate }}:</label
  >
  <div class="col-sm-4">
    <input
      id="id"
      class="form-control"
      type="text"
      ng-model="vm.filterForm.F_TRANSACTION_ID"
    />
  </div>

  <label for="text" class="col-sm-2 control-label"
    >{{ 'transaction_description' | translate }}:</label
  >
  <div class="col-sm-4">
    <input
      id="text"
      class="form-control"
      type="text"
      ng-model="vm.filterForm.F_TRANSACTION_DESCRIPTION"
    />
  </div>
</div>

<div class="form-group">
  <label for="text" class="col-sm-2 control-label"
    >{{ 'internal_ref_number' | translate }}:</label
  >
  <div class="col-sm-4">
    <input
      id="text"
      class="form-control"
      type="text"
      ng-model="vm.filterForm.F_ORDER_NR"
    />
  </div>

  <label for="text" class="col-sm-2 control-label"
    >{{ 'account' | translate }}:</label
  >
  <div class="col-sm-4">
    <select2
      multiple
      ng-model="vm.filterForm.F_ACCOUNT_NR"
      s2-options="val as val for val in vm.trx_accounts"
    ></select2>
  </div>
</div>

<div class="form-group">
  <!-- <label for="priority" class="col-sm-2 control-label"
    >{{ 'CATEGORY_GROUP' | translate }}:</label
  >
  <div class="col-sm-4">
    <select2
      multiple
      ng-model="vm.filterForm.F_TRANS_MODE_COMMENT"
      s2-options="val as val for val in vm.trx_trans_mode_comments"
    ></select2>
  </div> -->

  <label for="priority" class="col-sm-2 control-label"
    >{{ 'MIN_TRANS_AMOUNT' | translate }}:</label
  >
  <div class="col-sm-4">
    <input
      id="text"
      class="form-control"
      type="text"
      ng-model="vm.filterForm.F_TRANS_AMOUNT"
    />
  </div>
</div>

<div class="form-group">
  <label class="col-sm-2 control-label">{{ "RANGE" | translate }}:</label>
  <div class="col-sm-3">
    <select
      class="form-control"
      id="range"
      ng-model="vm.filterForm.range"
      ng-options="val.ts as val.label for val in vm.trx_ranges"
    ></select>
  </div>

  <label class="col-sm-1 control-label" ng-if="!vm.filterForm.range"
    >{{ "DATES" | translate }}:</label
  >
  <div class="col-sm-6" ng-if="!vm.filterForm.range">
    <dates-from-to data="vm.filterForm.manual_dates"></dates-from-to>
  </div>
</div>
