<div class="fl-content fl-content-min-height">
  <app-fl-backdrop *ngIf="loading" overlayParent></app-fl-backdrop>
  <div *ngIf="events && events.events" layoutDirection="column" appLayoutGap="10px">
    <div *ngFor="let event of events.events">
      <p class="fl-detail" i18n>Stack resource name: {{event.resource_name}}</p>
      <p class="fl-detail" i18n>Event time: <app-date-displayer [date]="event.event_time" withTime></app-date-displayer></p>
      <p class="fl-detail" i18n>Physical resource id: {{event.physical_resource_id}}</p>
      <p class="fl-detail" i18n>Status: {{event.resource_status}}</p>
      <pre class="full-width status-reason fl-detail" i18n>Status reason: {{event.resource_status_reason}}</pre>
    </div>
  </div>
</div>
