
<div  class="col-sm-10 col-md-4 col-lg-4 candidateCard"  (click)="Selected(candidate.userDetails.infoDtls.userInfoMstr.userInfoMstrId,candidate.courseId )">

  <div class="cdt_top_card">

    <app-candidate-info [fullName]="candidate.userDetails.infoDtls.fullName" [experienceLevel]="candidate.userDetails.infoDtls.pgExperienceLevel.experienceLevel" [jobId]="candidate.userDetails.infoDtls.jobId"> </app-candidate-info>

    <app-skills [skills]="candidate.userDetails.infoDtls.userInfoMstr.pgUserSkillMapping"></app-skills>


  </div>

  <div class="col-sm-12 col-md-12 col-lg-12 cdt_bottom_card" (mouseover)="Approve('show',candidate.courseStatus)"
       (mouseleave)="Approve('hide',candidate.courseStatus)" >

    <div class="current_course">
      <h5><img *ngIf="candidate.courseDetails[0]?.isGroupCourse" src="{{img_path + 'Group_course.png'}}"> {{candidate.courseDetails[0]?.pgCourseDetails.courseName}}</h5>
    </div>


    <div *ngIf="candidate.courseStatus == 'METTL_COACH_ASSIGNED'; else events" class="col-sm-12 col-md-12 col-lg-12 padd_0 tests" >

      <button class="matButtonGhost" (click)="schedule(candidate.userDetails.infoDtls.userInfoMstr.userInfoMstrId)">SCHEDULE TEST</button>

    </div>

    <ng-template #events>

      <div *ngIf="approval == 'show'" class="col-sm-12 col-md-12 col-lg-12 padd_0 tests" >

        <div class="approveReject">
      <button class="_reject" (click)="confirmApprove(candidate.userDetails.infoDtls.userInfoMstr.userInfoMstrId,candidate.courseId,'METTL_REJECTED')">REJECT</button>
      <button class="_success"  (click)="confirmApprove(candidate.userDetails.infoDtls.userInfoMstr.userInfoMstrId, candidate.courseId, 'METTL_APPROVED')">APPROVE</button>
    </div>



      </div>
      <div  *ngIf="approval == 'hide'" class="col-sm-12 col-md-12 col-lg-12 padd_0 tests" >


        <app-event-progress [Events]="candidate.evenDetails[1]"  [status]="candidate.userDetails.infoDtls.userInfoMstr.status" eventName="primary"></app-event-progress>
        <app-event-progress [Events]="candidate.evenDetails[2]"  [status]="candidate.userDetails.infoDtls.userInfoMstr.status" eventName="technical"></app-event-progress>
        <app-event-progress [Events]="candidate.evenDetails[3]"  [status]="candidate.userDetails.infoDtls.userInfoMstr.status" eventName="business"></app-event-progress>

      </div>
    </ng-template>








  </div>
</div>
