<md-card>
  <md-card-header>
    <md-card-title>{{user.firstName}} {{user.lastName}}</md-card-title>
    <md-card-subtitle>{{user.username}}</md-card-subtitle>
  </md-card-header>
  <md-card-content fxFlexOffset="3%">
    <div fxLayout="row" layout-align="center">
      <div class="pr-1" fxFlex>
        <div fxLayout="column" class="mb-1">
          <span class="text-md">UserId</span>
          <strong>{{user.userId}}</strong>
        </div>
        <div fxLayout="column" class="mb-1">
          <span class="text-md">Address</span>
          <strong>{{user.address}}</strong>
        </div>
        <div fxLayout="column" class="mb-1">
          <span class="text-md">State</span>
          <strong>{{user.state}}</strong>
        </div>
        <div fxLayout="column" class="mb-1">
          <span class="text-md">Phone</span>
          <strong>{{user.phone}}</strong>
        </div>
        <div fxLayout="column" class="mb-1">
          <span class="text-md">Registration Date</span>
          <strong>{{user.registrationDate | date:'dd.MM.yyyy HH:mm:ss'}}</strong>
        </div>
        <div fxLayout="column" class="mb-1">
          <span class="text-md">Country Code</span>
          <strong>{{user.countryCode2}}</strong>
        </div>
        <div fxLayout="column" class="mb-1">
          <span class="text-md">Business Type Id</span>
          <strong>{{user.businessTypeId}}</strong>
        </div>
        <div fxLayout="column" class="mb-1">
          <span class="text-md">Newsletter Approval</span>
          <strong>{{user?.newsletterApproval}}</strong>
        </div>
      </div>
      <div class="pl-1" fxFlex>
        <div fxLayout="column" class="mb-1">
          <span class="text-md">Email</span>
          <strong>{{user.email}}</strong>
        </div>
        <div fxLayout="column" class="mb-1">
          <span class="text-md">City</span>
          <strong>{{user.city}}</strong>
        </div>
        <div fxLayout="column" class="mb-1">
          <span class="text-md">PostCode</span>
          <strong>{{user.postCode}}</strong>
        </div>
        <div fxLayout="column" class="mb-1">
          <span class="text-md">Date Of Birth</span>
          <strong>{{user?.dateOfBirthday | date:'dd.MM.yyyy'}}</strong>
        </div>
        <div fxLayout="column" class="mb-1">
          <span class="text-md">Language Code</span>
          <strong>{{user.languageCode}}</strong>
        </div>
        <div fxLayout="column" class="mb-1">
          <span class="text-md">Gender</span>
          <strong>{{user.gender}}</strong>
        </div>
        <div fxLayout="column" class="mb-1">
          <span class="text-md">Regulation Entity Id</span>
          <strong>{{user.regulationEntityId}}</strong>
        </div>
        <div fxLayout="column" class="mb-1">
          <span class="text-md">Is Test</span>
          <strong>{{user.isTest}}</strong>
        </div>
      </div>
    </div>
  </md-card-content>
</md-card>
