<div class="user-card">
  <div class="card" *ngIf="user" (click)="cardClicked()">
    <img [src]="user.picture.large" class="card-img-top" alt="..." />
    <div class="card-body">
      <h5 class="card-title">{{ user.name.first }} {{ user.name.last }}</h5>
      <p class="card-text">{{ user.email }}</p>
      <p class="card-text unique-id" title="{{ uniqueId }}">
        {{ uniqueId }}
      </p>
      <a href="tel: {{ user.phone }}" class="btn btn-primary">{{
        user.phone
      }}</a>
    </div>
  </div>
</div>
