<fieldset class="c8y-fieldset c8y-fieldset--lg">
  <legend>{{ 'Availability`of dashboard based on permissions`' | translate }}</legend>
  <c8y-form-group>
    <label for="availability">
      <span
        class="m-r-4"
        id="availability"
      >
        {{ 'Global roles' | translate }}
      </span>
      <button
        class="btn-help btn-help--sm"
        [attr.aria-label]="'Help' | translate"
        popover="{{
          'Select the global roles for which the dashboard will be available' | translate
        }}"
        placement="right"
        triggers="focus"
        container="body"
        type="button"
      ></button>
    </label>
    <c8y-select-legacy
      *ngIf="!selectHidden"
      [items]="globalRolesItems"
      [selected]="globalRolesItemsSelected"
      (onChange)="onSelected($event)"
    ></c8y-select-legacy>
    <p
      class="form-control-static"
      *ngIf="selectHidden"
    >
      {{ "You don't have permission to change global roles." | translate }}
    </p>
  </c8y-form-group>
</fieldset>