<div class="toast-container position-fixed bottom-0 end-0 p-3">
    <ngb-toast
      *ngFor="let flashmessage of flashmessagesService.toasts"
      [header]="flashmessage.type" [autohide]="true" [delay]="flashmessage.delay || 5000"
      (hiddden)="flashmessagesService.remove(flashmessage)"
    >
        <ng-container [ngSwitch]="flashmessage.type">
            <div *ngSwitchCase="'Success'" class="alert alert-success" role="alert">
                {{flashmessage.body}}
            </div>
            <div *ngSwitchCase="'Info'" class="alert alert-primary" role="alert">
                {{flashmessage.body}}
            </div>
            <div *ngSwitchCase="'Error'" class="alert alert-danger" role="alert">
                {{flashmessage.body}}
            </div>
        </ng-container>
    </ngb-toast>
</div>
