<ion-content class="merms-practice-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">Practice</ion-col>
      </ion-row>
    </ion-grid>
    

    
    <!-- Item Dividers in a List -->
    <ion-list>


      <ion-item><ion-label>Practice List </ion-label></ion-item>
      <ion-item-sliding>
        <ion-item-options side="start">
          <ion-item-option>Manage</ion-item-option>
        </ion-item-options>
      
      <ion-item *ngFor="let type of myPracticeList" >
        <ion-avatar slot="start">
          <img src="./../../assets/imgs/avatar.svg">
        </ion-avatar>
        <ion-label>
          <h3>{{type.practice_name}}</h3>
          <p>{{type.address}} , {{type.city}} , {{type.country}}</p>
        </ion-label>
      </ion-item>
      <ion-item-options side="end">
        <ion-item-option  color="danger">Archive</ion-item-option>
      </ion-item-options>
    </ion-item-sliding>

      

    </ion-list>
    

  </div>


</ion-content>