<div class="d-flex">
  <div class="p-l-0 col-xs-12 col-sm-6">
    <h4>{{ name | translate }}</h4>
    <p class="text-muted m-b-8">
      {{ description | translate }}
    </p>
  </div>
  <div class="p-r-0 text-right col-xs-12 col-sm-6">
    <span
      [ngPlural]="deviceCount"
      *ngIf="displayDeviceCount && deviceCount !== undefined && deviceCount !== null"
    >
      <ng-template ngPluralCase="=0">
        <span
          class="label label-default"
          translate
        >
          No devices selected
        </span>
      </ng-template>
      <ng-template ngPluralCase="=1">
        <span class="badge badge-info m-r-4">1</span>
        <span translate>device selected</span>
      </ng-template>
      <ng-template ngPluralCase="other">
        <span class="badge badge-info m-r-4">{{ deviceCount }}</span>
        <span translate>devices selected</span>
      </ng-template>
    </span>
  </div>
</div>