<ng-container>
  <div class="modal-inner-scroll animated fadeIn" *ngIf="showList" id="modal-body">
    <p class="p-16 text-center text-medium separator-bottom">
      <span translate>Select method</span>
    </p>
    <div class="list-group list-group-links" *ngIf="entries.length > 0; else emptyState">
      <button
        *ngFor="let entry of entries"
        type="button"
        class="list-group-item d-flex a-i-center p-t-8 p-b-8"
        (click)="handleEntry(entry)"
      >
        <div class="list-item-icon">
          <i [c8yIcon]="entry.c8yIcon || 'cogs'"></i>
        </div>
        <div title="{{ entry.name | translate }}" class="list-item-body text-truncate">
          {{ entry.name | translate }}
        </div>
      </button>
    </div>

    <ng-template #emptyState>
      <div class="c8y-empty-state">
        <p>{{ 'No options available.' | translate }}</p>
      </div>
    </ng-template>
  </div>
</ng-container>
<template #container [hidden]="showList"></template>