<div class="fl-content fl-content-min-height" appLayoutGap="10px" layoutDirection="row" layoutDirection-lt-md="column" *ngIf="object">
  <div layoutDirection="column" appFlex="100">
    <p i18n>Created at: <app-date-displayer [date]="object.created_at" withTime></app-date-displayer></p>
    <p i18n>COE: {{object.coe}}</p>
    <p i18n>Region: {{object.region}}</p>
    <p i18n>Server type: {{object.server_type}}</p>
    <p *ngIf="object.client &&
    config.authService.feature('ui.openstack.cluster-templates.show-client-on-info')" i18n>
      Client:
      <a [routerLink]="[config.getPanelUrl('clients-users/clients'), object.client.id]" class="active-link">
        {{ object.client.display || object.client.name }}
      </a>
    </p>
    <p *ngIf="object.project" i18n>Project:
      <a [routerLink]="[config.getPanelUrl('openstack/projects'), object.fleio_project_id]"
         *ngIf="object.fleio_project_id; else noProjectLink"
         class="active-link">
        {{object.project}}
      </a>
      <ng-template #noProjectLink><span>{{object.project}}</span></ng-template>
    </p>
  </div>
  <div layoutDirection="column" appFlex="100">
    <mat-checkbox class="fl-margin-top" [color]="'primary'" disabled [ngModel]="object.public" i18n>Public</mat-checkbox>
    <mat-checkbox [color]="'primary'" disabled [ngModel]="object.registry_enabled" i18n>
      Enable registry
    </mat-checkbox>
    <mat-checkbox [color]="'primary'" disabled [ngModel]="object.tls_disabled" i18n>
      Disable TLS
    </mat-checkbox>
    <mat-checkbox [color]="'primary'" disabled
                  [ngModel]="object.hide_discovery_url" i18n>Hide discovery URL input</mat-checkbox>
    <mat-checkbox [color]="'primary'" disabled
                  [ngModel]="object.hide_timeout_input" i18n>Hide timeout input box</mat-checkbox>
    <mat-checkbox [color]="'primary'" disabled
                  [ngModel]="object.make_labels_immutable" i18n>Make labels immutable</mat-checkbox>
  </div>
</div>
