<div class="team-member-container">
  <ion-row>
    <ion-col [size]="3" (click)="getDetails()">
      <div class="user-image-container">
        <div class="user-image">
          <img [src]="employeeImage" alt="Team Member Image"/>
        </div>
      </div>
    </ion-col>
    <ion-col [size]="9" style="padding: 8px 5px 0px;margin-top: 14px;">
        <div>
          <span class="employee-name" (click)="getDetails()">
              <h2 class="name">{{name}}</h2>
              <span class="title">{{title}}</span>
          </span>
          <a [ngClass]="employeePhoneNumber == '' ? 'disable-phone image-container' : 'image-container'" href="tel:{{employeePhoneNumber}}">
            <img src="../assets/imgs/green_call_icon.png" >
          </a>
        </div>
        <!-- <div class="swipe-information">
            <span class="check-in"><strong>Check-In:</strong> {{checkIn}}</span>
            <span><strong>Check-Out:</strong> {{checkOut}}</span>
        </div> -->
    </ion-col> 
  </ion-row>
</div>