<ion-header>
  <!-- <button class="nav_btn nav_back floatLeft">
  <ion-back-button>
  </ion-back-button>
  </button> -->
  <div class="nav_title floatLeft">
  <h4>Medication Tracking</h4>
  </div>
  <div class="clear"></div>
 </ion-header>
 <ion-content>
  <div class="list_wrapper">
  <ul>
  <li>
  <div class="list_main" (click)="toggleGroup(0)" [ngClass]="{active:isGroupShown(0)}">
  <div class="col-10 floatLeft">
  <h3><strong>Medication schedule -Open</strong></h3>
  </div>
  <div class="clear"></div>
  </div>
  <div class="list_sub" *ngIf="isGroupShown(0)">
    <div class="list_sub_inner" *ngFor = "let medical of medicalschedule_open ">
        <div class="list_bar">
            <div class="col floatLeft">
            <p>Name of Medicine</p>
            <h3>{{medical.name_medicine}}</h3>
            </div>
            <div class="col floatLeft borderNone">
            <p>Dosage Units</p>
            <h3>{{medical.dosage_unit}}</h3>
            </div>
             <div class="clear"></div>
            </div>
            <div class="list_bar">
            <div class="col floatLeft">
            <p>Times Per Day</p>
            <h3>{{medical.time_per_day}}</h3>
            </div>
            <div class="col floatLeft borderNone">
            <p>Times Per Day</p>
            <h3>Test</h3>
            </div>
            <div class="clear"></div>
            </div>
            <div class="list_bar">
              <div class="col floatLeft">
              <p>Action</p>
              <h3><a>Approve</a> / <a>Reject</a></h3>
              </div>
             
              <div class="clear"></div>
              </div>
    </div>
    <hr>
    <!-- <div class="list_sub_inner">
        <div class="list_bar">
            <div class="col floatLeft">
            <p>Name of Medicine</p>
            <h3>Potassium Chloride</h3>
            </div>
            <div class="col floatLeft borderNone">
            <p>TDosage Units</p>
            <h3>2 Days</h3>
            </div>
             <div class="clear"></div>
            </div>
            <div class="list_bar">
            <div class="col floatLeft">
            <p>Times Per Day</p>
            <h3>06/11/2019 11:00 AM</h3>
            </div>
            <div class="col floatLeft borderNone">
            <p>Times Per Day</p>
            <h3>20</h3>
            </div>
            <div class="clear"></div>
            </div>
            <div class="list_bar">
              <div class="col floatLeft">
              <p>Action</p>
              <h3>06/11/2019 11:00 AM</h3>
              </div>
             
              <div class="clear"></div>
              </div>
    </div> -->
  
  </div>
  </li>
  <li>
  <div class="list_main" (click)="toggleGroup(1)" [ngClass]="{active:isGroupShown(1)}">
  <div class="col-10 floatLeft">
  <h3><strong>Medication Distribution Transaction-Log</strong></h3>
  </div>
  <div class="clear"></div>
  </div>
  <div class="list_sub" *ngIf="isGroupShown(1)">
      <div class="list_sub_inner" *ngFor = "let medical_log of medicalschedule_log ">
  <div class="list_bar">
  <div class="col floatLeft">
  <p>Name of medicine</p>
  <h3>{{medical_log.name_medicine}}</h3>
  </div>
  <div class="col floatLeft borderNone">
  <p>Dosage Units</p>
  <h3>{{medical_log.dossage_units}}</h3>
  </div>
  <div class="clear"></div>
  </div>
  <div class="list_bar">
  <div class="col floatLeft">
  <p>Units Provided</p>
  <h3>{{medical_log.units_provided}}</h3>
  </div>
  <div class="col floatLeft borderNone">
  <p>Date Medication Received</p>
  <h3>{{medical_log.date_medication_received}} {{medical_log.time_medication}}</h3>
  </div>
  <div class="clear"></div>
  </div>
  <div class="list_bar">
      <div class="col floatLeft">
      <p>Notes</p>
      <h3>{{medical_log.notes}}</h3>
      </div>
      <div class="col floatLeft borderNone">
      <p>Given By</p>
      <h3>{{medical_log.given_by}}</h3>
      </div>
      <div class="clear"></div>
      </div>
      <div class="list_bar">
          <div class="col floatLeft">
          <p>Missed Medication</p>
          <h3>{{medical_log.missed_medication}}</h3>
          </div>
          <div class="col floatLeft borderNone">
          <p>Action</p>
          <h3><a>Approve</a> / <a>Reject</a></h3>
          </div>
          <div class="clear"></div>
          </div>
  </div>
  <hr>
  </div>
  </li>
  </ul>
  </div>
 </ion-content>
 