<div class="row">
  <div class="col-md-12 text-center">
    <p>{{ name | translate }}</p>
    <div class="row">
      <div class="col-md-4 col-md-offset-4 text-center">
        <h4 class="m-t-16 m-b-8 text-truncate" title="{{ description | translate }}">{{ description | translate }}</h4>
      </div>
    </div>
    <span
      class="text-muted"
      [ngPlural]="deviceCount"
      *ngIf="displayDeviceCount && deviceCount !== undefined && deviceCount !== null"
    >
      <ng-template ngPluralCase="=0">
        <span translate>No devices selected</span>
      </ng-template>
      <ng-template ngPluralCase="=1">
        <span translate>1 device selected</span>
      </ng-template>
      <ng-template ngPluralCase="other">
        <span translate ngNonBindable [translateParams]="{ deviceCount: deviceCount }">
          {{ deviceCount }} devices selected</span
        >
      </ng-template>
    </span>
  </div>
</div>