<div class="c8y-select-wrapper">
  <select
    class="form-control text-12"
    [attr.aria-label]="'Refresh interval in seconds' | translate"
    [tooltip]="'Refresh interval in seconds' | translate"
    placement="bottom"
    [adaptivePosition]="false"
    [delay]="500"
    [container]="'body'"
    mode
    [(ngModel)]="autoRefreshSeconds"
    (ngModelChange)="onIntervalChange($event)"
    [ngModelOptions]="{ standalone: true }"
  >
    <option
      *ngFor="let refreshInterval of DEFAULT_INTERVAL_VALUES"
      [ngValue]="refreshInterval"
      [attr.selected]="refreshInterval === START_INTERVAL_VALUE ? '' : null"
    >
      {{ SECONDS_UNTIL_REFRESH | translate: { seconds: refreshInterval / 1000 } }}
    </option>
  </select>
  <span></span>
</div>