<div class="fl-content fl-content-min-height" *ngIf="object">
  <div layoutDirection="column">
    <p class="fl-detail" i18n>Created on: <app-date-displayer [date]="object.created_at"></app-date-displayer></p>
    <br>
    <p class="fl-detail" i18n>Country: {{ object.country }}</p>
    <p class="fl-detail" i18n>City: {{ object.city }}
      <span *ngIf="object.state">, {{ object.state }}</span>
    </p>
    <p class="fl-detail" i18n>Address: {{ object.address1 }}<span *ngIf="object.address2">, {{ object.address2 }}</span></p>
    <p class="fl-detail" i18n>Zip code: {{ object.zip_code }}</p>
    <br>
    <p class="fl-detail" i18n>Company: {{ object.company | nullValue }}</p>
    <p class="fl-detail" i18n>KRA PIN: {{ object.vat_id | nullValue }}</p>
    <br>
    <p class="fl-detail" i18n>Email: {{ object.email }}</p>
    <p class="fl-detail" i18n>Phone: {{ object.phone }}</p>
    <p class="fl-detail" i18n>Fax: {{ object.fax | nullValue }}</p>
    <br>
  </div>
</div>
