@if (organizations) {
  <div>
    <ng-select #select [disabled]="disabled" [searchable]="false" [clearable]="false" [items]="organizations"
      bindLabel="name" nbTooltip="Please stop the timer before changing the organization" nbTooltipStatus="warning"
      [nbTooltipDisabled]="!disabled"
      (change)="selectOrganization($event); select.blur();" (clear)="select.blur();"
      [(ngModel)]="selectedOrganization" [placeholder]="'FORM.PLACEHOLDERS.ORGANIZATION' | translate" appendTo="body">
      <ng-template ng-option-tmp let-item="item" let-index="index">
        @if (item.imageUrl) {
          <img [src]="item.imageUrl" width="40" height="40" />
        }
        {{ item.name }}
      </ng-template>
      <ng-template ng-label-tmp let-item="item">
        <div class="selector-template">
          @if (item.imageUrl) {
            <img height="25" width="25" [src]="item.imageUrl" />
          }
          <span>{{ item.name }}</span>
        </div>
      </ng-template>
    </ng-select>
  </div>
}