<div *ngIf="object" layoutDirection="column" class="fl-content fl-content-min-height">
  <p class="fl-detail" i18n>ID: {{ object.id }}</p>
  <p class="fl-detail" i18n>Project name: {{ object.project_name }}</p>
  <p class="fl-detail" i18n>Project ID: {{ object.project }}</p>
  <p class="fl-detail" *ngIf="object.client" i18n>
    Client:
    <a class="active-link"
       [routerLink]="[config.getPanelUrl('clients-users/clients'), object.client.id]">
      {{object.client.display || object.client.name}}
    </a>
  </p>
  <p class="fl-detail" i18n>
    Prefixes: {{ object.prefixes.join(', ') }}
  </p>
  <p class="fl-detail" i18n>Region: {{ object.region }}</p>
  <p class="fl-detail" i18n>Created at: <app-date-displayer [date]="object.created_at" withTime></app-date-displayer></p>
  <p class="fl-detail" *ngIf="object.updated_at" i18n>Updated at: <app-date-displayer [date]="object.updated_at" withTime></app-date-displayer></p>
  <p class="fl-detail" i18n>Is default: {{ object.is_default }}</p>
  <p class="fl-detail" i18n>Description: {{ object.description | nullValue }} </p>
</div>
