<ion-content class="merms-mypatients-page">
  <div class="container">
    <ion-grid class="top-container">
      <ion-row>
        <ion-col size="2" class="navigation">
          <ion-back-button text="" (click)="goBack()"></ion-back-button>
        </ion-col>
        <ion-col size="8" class="page-title">Patients</ion-col>
      </ion-row>
    </ion-grid>


    <ion-grid style="font-size: 25px; text-align: center; height: 30px; width: 100%;">
      <ion-row>
        <ion-col>
          <ion-icon name="calendar-outline" style="padding-right: 20px; padding-left: 20px;"></ion-icon>
        </ion-col>
        <ion-col>
          <ion-icon name="person-add-outline" style="padding-right: 20px; padding-left: 20px;" (click)="goAddPatient()"></ion-icon>
        </ion-col>
      </ion-row>
      <ion-row>
        <ion-toolbar>
          <ion-searchbar></ion-searchbar>
        </ion-toolbar>

        <ion-list style="width: 100%;">
          <ion-item *ngFor="let type of patientsData" (click)="goSelectPatient(type)">{{type.firstname}}
            {{type.lastname}}</ion-item>
        </ion-list>
      </ion-row>
    </ion-grid>




  </div>


</ion-content>