<section class="Section col-sm-12 col-md-12 col-lg-12" *ngIf="PGMCandidateDtls; else loader">
  <div class="container-fluid">
    <div class="col-md-4">
      <div class="col-sm-12 col-md-12 col-lg-12 left_block">
        <div class="row">
          <div class="col-sm-12 col-md-12 col-lg-12 candidate_info">
            <div class="cdt_top_card">

              <a class="IMG">

                {{Initials(candt.userInfoMstr.fullName)}}

              </a>
              <div class="col-sm-12 col-md-12 col-lg-12 candidate">

                <h4 >
                  {{candt.userInfoMstr.fullName}}
                </h4>

                <h5 >
                  <span>{{candt.jobId}}</span> &nbsp; <span class="exp_level">{{getSubstring(candt.pgExperienceLevel.experienceLevel)}}</span>
                </h5>



                <div class="badges">
                  <app-ta-skill-badges *ngFor="let _skill of candt.userInfoMstr.pgUserSkillMapping;let i = index;" [skill]="_skill.pgSkillTrackDtls.skillTrackDtlsName" [class.active]="i === 0"></app-ta-skill-badges>
                </div>

              </div>

              <div class="col-sm-12 col-md-12 col-lg-12 location"><i class="fa fa-map-marker" aria-hidden="true"></i> <h5>{{candt.city}}</h5></div>

              <div class="col-sm-12 col-md-12 col-lg-12 location"><i class="fa fa-clock-o" aria-hidden="true"></i><h5 style="margin-bottom: 0px;">{{candt.createdDt | date:'EEEE, MMMM d, y, h:mm:ss a' }}</h5></div>

              <span class="col-sm-12 col-md-12 col-lg-12 time-zone"><h6>Eastern Standard Time(UTC/GMT-5 hours)</h6></span>

            </div>



          </div>
        </div>
        <div class="row">
          <app-ta-candidate-details-card [userData]="userData" showCandidateDetails="false"></app-ta-candidate-details-card>
        </div>
      </div>

    </div>

    <div class="col-md-8">

      <div id="capability-transformation-content">
        <app-employee-dashboard-home-ctcontent [coursesLists]="coursesLists.all" [role] = "'coach'"></app-employee-dashboard-home-ctcontent>
      </div>
    </div>
  </div>
</section>
<ng-template #loader>

  <img class="loaderComp" src="{{imageUrl}}/assets/img/Blocks.gif">

</ng-template>
