<ion-header>
  <button class="nav_btn nav_back floatLeft">
  <ion-back-button>
  </ion-back-button>
  </button>
  <div class="nav_title floatLeft">
  <h4>Student Profile</h4>
  </div>
  <div class="clear"></div>
 </ion-header>
 <ion-content>
  <div class="list_wrapper">
  <ul>
  <li *ngIf="student_data">
  <div class="list_main" (click)="toggleGroup(0)" [ngClass]="{active:isGroupShown(0)}">
  <div class="col floatLeft">
  <p>Name</p>
  <h3><strong>Student Health</strong></h3>
  </div>
  <!-- <div class="col floatLeft borderNone">
  <p>Condition</p>
  <h3>Notes</h3>
  </div> -->
  <div class="clear"></div>
  </div>
  <div class="list_sub" *ngIf="isGroupShown(0)">
  <div class="list_bar">
  <div class="col floatLeft">
  <p>Condition</p>
  <h3>{{student_data.condition}}</h3>
  </div>
  <div class="col floatLeft borderNone">
  <p>Physician</p>
  <h3>{{student_data.Physician}}</h3>
  </div>
   <div class="clear"></div>
  </div>
  <div class="list_bar">
  <div class="col floatLeft">
  <p>Broken Bones</p>
  <h3>{{student_data.broken_bones}}</h3>
  </div>
  <div class="col floatLeft borderNone">
  <p>Mental Problems</p>
  <h3>{{student_data.mental_problems}}</h3>
  </div>
  <div class="clear"></div>
  </div>
  </div>
  </li>
  <li>
  <!-- <div class="list_main" (click)="toggleGroup(1)" [ngClass]="{active:isGroupShown(1)}">
  <div class="col floatLeft">
  <p>Name</p>
  <h3><strong>Medication Authorizations</strong></h3>
  </div>
  <div class="col floatLeft borderNone">
  <p>Expiry Date</p>
  <h3>06/12/2019</h3>
  </div>
  <div class="clear"></div>
  </div> -->
  <!-- <div class="list_sub" *ngIf="isGroupShown(1)">
  <div class="list_bar">
  <div class="col floatLeft">
  <p>Name of medicine</p>
  <h3>Potassium Chloride</h3>
  </div>
  <div class="col floatLeft borderNone">
  <p>Times Per Day</p>
  <h3>2 Days</h3>
  </div>
  <div class="clear"></div>
  </div>
  <div class="list_bar">
  <div class="col floatLeft">
  <p>Tme of first medication</p>
  <h3>06/11/2019 11:00 AM</h3>
  </div>
  <div class="col floatLeft borderNone">
  <p>Quantity Available</p>
  <h3>20</h3>
  </div>
  <div class="clear"></div>
  </div>
  </div> -->
  </li>
  </ul>
  </div>
 </ion-content>
 