<ion-header>
    <button class="nav_btn nav_back floatLeft">
    <ion-back-button>
    </ion-back-button>
    </button>
    <div class="nav_title floatLeft">
    <h4>Treatment 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>Treatment Schedule -Open</strong></h3>
    </div>
    <div class="clear"></div>
    </div>
    <div class="list_sub" *ngIf="isGroupShown(0)">
      <div class="list_sub_inner" *ngIf="treatment_schedule_open">
          <div class="list_bar">
              <div class="col floatLeft">
              <p>Treatment Type</p>
              <h3>{{treatment_schedule_open.treatment_type}}</h3>
              </div>
              <div class="col floatLeft borderNone">
              <p>Times Per Day</p>
              <h3>{{treatment_schedule_open.times_perday}}</h3>
              </div>
               <div class="clear"></div>
              </div>
              <div class="list_bar">
              <div class="col floatLeft">
              <p>Action</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></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 treatment_distribution_log ">
    <div class="list_bar">
    <div class="col floatLeft">
    <p>Treatment Type</p>
    <h3>{{medical_log.treatment_type}}</h3>
    </div>
    <div class="col floatLeft borderNone">
    <p>Treatment Description</p>
    <h3>{{medical_log.treatment_description}}</h3>
    </div>
    <div class="clear"></div>
    </div>
    <div class="list_bar">
    <div class="col floatLeft">
    <p>Date Treatment Received</p>
    <h3>{{medical_log.date_treatment_received}} {{medical_log.time_treatment_received}}</h3>
    </div>
    <div class="col floatLeft borderNone">
    <p>Notes</p>
    <h3>{{medical_log.notes}}</h3>
    </div>
    <div class="clear"></div>
    </div>
    <div class="list_bar">
        <div class="col floatLeft">
        <p>Given By</p>
        <h3>Admin Nuvento</h3>
        </div>
        <div class="col floatLeft borderNone">
        <p>Action</p>
        <h3></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></h3>
            </div>
            <div class="clear"></div>
            </div> -->
    </div>
    <hr>
    </div>
    </li>
    </ul>
    </div>
   </ion-content>
   