<div class="main-report-div" id="componentID" id="printable" #printable>
    <div class="title-div">
        <div class="back-btn">
            <button (click)="back()" id="close"><span class="material-icons">close</span></button>
            <img [src]="Avatar" alt="">
            <label>{{Name}}</label>
        </div>
        <div class="headerlogo">
            <label for="">Select Live Class</label>
            <select [(ngModel)]="SelectedCohort" (change)="changeCohort()">
                <option value="">---Select---</option>
                <option *ngFor="let item of Cohorts" value="{{item.id}}">{{item.cohort_name}}</option>
            </select>
        </div>
        <div class="headerlogo">
            <label for="">Select Test Type</label>
            <select [(ngModel)]="SelectedTypeTest" (change)="changeTestType()">
                <option *ngFor="let item of allTypeTest" value="{{item.id}}">{{item.name}}</option>
            </select>
        </div>
        <div class="headerlogo">
            <label for="">Select Test</label>
            <select [(ngModel)]="SelectedTest" (change)="changeTest()">
                <option value="">---Select---</option>
                <option *ngFor="let item of allExam" value="{{item.type_id}}">{{item.exam_name}}</option>
            </select>
        </div>
    </div>
    <div class="examDiv" *ngIf="visibleKA">
        <div class="videos">
            <app-student-knowledge-result [is_popup]="examDataPass" (onComplete)="popupClose()">
            </app-student-knowledge-result>
        </div>
    </div>
    <div class="examDiv" *ngIf="visiblePT">
        <div class="videos">
            <app-student-practice-result [is_popup]="examDataPass" (onComplete)="popupClose()">
            </app-student-practice-result>
        </div>
    </div>
</div>

<ngx-spinner bdColor="#00041aa6" size="default" color="##d7779b"
    template="<img src='../../../assets/images/loading.gif' class='loading-indicator'/>" [fullScreen]="true">
</ngx-spinner>