<div *ngIf="object" class="fl-content">
  <div class="fl-indent">
    <p class="fl-detail" i18n>Name: {{object.stack_name}}</p>
    <p class="fl-detail" i18n>ID: {{object.id}}</p>
    <p class="fl-detail" i18n>Description: {{object.description | nullValue }}</p>
  </div>

  <h2 class="fl-detail fl-margin-top" i18n>Status</h2>
  <div class="fl-indent">
    <p class="fl-detail" i18n>Created: <app-date-displayer [date]="object.created_at" withTime></app-date-displayer></p>
    <p class="fl-detail" *ngIf="object.updated_time; else noUpdatedTime" i18n>
      Last updated: <app-date-displayer [date]="object.updated_time" withTime></app-date-displayer>
    </p>
    <ng-template #noUpdatedTime>
      <p class="fl-detail" i18n>
        Last updated: Never
      </p>
    </ng-template>
    <p class="fl-detail" i18n>Status: {{formatHelper.formatStatus(object.stack_status)}}, {{object.stack_status_reason}}</p>
  </div>

  <h2 class="fl-detail fl-margin-top" i18n>Outputs</h2>
  <div *ngIf="object.outputs" class="fl-indent">
    <ng-container *ngFor="let output of object.outputs">
      <p class="fl-detail" i18n>Key: {{output.output_key}}</p>
      <div class="fl-indent">
        <p class="fl-detail" i18n>Value: {{output.output_value}}</p>
        <p class="fl-detail" i18n>Description: {{output.description}}</p>
      </div>
    </ng-container>
  </div>

  <h2 class="fl-detail fl-margin-top" i18n>Stack parameters</h2>
  <div class="fl-indent">
    <p *ngFor="let param of object.parameters| keyvalue" class="fl-detail">
      {{param.key}}: {{param.value}}
    </p>
  </div>

  <h2 class="fl-detail fl-margin-top" i18n>Launch parameters</h2>
  <div class="fl-indent">
    <p class="fl-detail" i18n>Timeout: {{object.timeout_mins}} Minutes</p>
    <p class="fl-detail" i18n>Rollback: {{object.disable_rollback ? disabledTxt : enabledTxt}}</p>
  </div>
</div>
