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

    
    <!-- Item Dividers in a List -->
    <ion-list>
      <ion-item-divider>
        <ion-label>
         Profile
        </ion-label>
      </ion-item-divider>
      <ion-item>

        <ion-grid style="background-color: aliceblue;">
          <ion-row>
            <ion-col style="width: 50%;">
              <img src="{{doctor_profile_picture}}" />
            </ion-col>
            <ion-col>
              <ion-label> Dr. Something Something</ion-label>
            </ion-col>
          </ion-row>
          <ion-row>
            More Information 
          </ion-row>
          <ion-row style="text-align: center;">
            <ion-button shape="round" fill="outline">Edit</ion-button>
          </ion-row>
        </ion-grid>
      </ion-item>

      
      <ion-item-divider>
        <ion-label>
        General
        </ion-label>
      </ion-item-divider>
      <ion-item><ion-label>Notifications</ion-label></ion-item>
      <ion-item><ion-label>Location</ion-label></ion-item>
  

    
      <ion-item-divider>
        <ion-label>
        Practice
        </ion-label>
      </ion-item-divider>
      
      <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>
        <ion-button  expand="full" shape="round"  color="primary" (click)="goPractice()">Manage</ion-button>
      </ion-item>
    
    </ion-list>
    
    <br><br>
    <ion-button expand="full" shape="round"  color="danger" (click)="goLogout()">Log Out</ion-button>

  </div>


</ion-content>