<app-common-dialog [dialogContent]="dialogContent" [dialogRef]="dialogRef" [addCancelDialogButton]="false">
  <ng-template #dialogContent>
    <div layoutDirection="column">
      <p class="fl-detail" i18n>Stack name: {{data.stack_name}}</p>
      <p class="fl-detail" i18n>Creation time: {{data.creation_time}}</p>
      <p class="fl-detail" i18n>Updated time: {{data.updated_time | nullValue }}</p>
      <p class="fl-detail" i18n>Deletion time: {{data.deletion_time | nullValue }}</p>
      <p class="fl-detail" i18n>Notification topics: {{data.notification_topics | json}}</p>
      <p class="fl-detail" i18n>Description: {{data.description}}</p>
      <p class="fl-detail" i18n>Template description: {{data.template_description}}</p>
      <p class="fl-detail" i18n>Capabilities: {{data.capabilities | json}}</p>
      <p class="fl-detail" i18n>Disable rollback: {{data.disable_rollback}}</p>
      <p class="fl-detail" i18n>Timeout mins: {{data.timeout_mins}}</p>
      <p class="fl-detail" i18n>Stack owner: {{data.stack_owner | nullValue }}</p>
      <p class="fl-detail" i18n>Parent: {{data.parent | nullValue }}</p>
      <p class="fl-detail" i18n>Stack user project id: {{data.stack_user_project_id | nullValue }}</p>
      <p class="fl-detail" i18n>Tags: {{data.tags | nullValue }}</p>
      <p class="fl-detail" i18n>Outputs: {{data.outputs | json}}</p>
      <h2 class="fl-detail fl-margin-top" i18n>Parameters</h2>
      <div class="fl-indent">
        <p *ngFor="let param of data.parameters| keyvalue" class="fl-detail">
          {{param.key}}: {{param.value}}
        </p>
      </div>
      <h2 class="fl-detail fl-margin-top" i18n>Resources</h2>
      <div class="fl-indent">
        <div *ngFor="let resource of data.resources" class="fl-detail">
          <p class="fl-detail">{{resource.resource_name}}</p>
          <div class="fl-indent">
            <p *ngFor="let fieldName of resourceValueFields" class="fl-detail">
              {{fieldName}}: {{resource[fieldName] || 'None'}}
            </p>
            <p *ngFor="let fieldName of resourceObjectFields" class="fl-detail">
              {{fieldName}}: {{resource[fieldName] | json}}
            </p>
          </div>
        </div>
      </div>
    </div>
  </ng-template>
</app-common-dialog>
