<div id="container-all">
  <div id="container-left">
    <div id="container-left-middle">
      <app-employee-course-card [course]="course" type="default"></app-employee-course-card>
    </div>
    <div id="container-left-bottom" *ngIf="selectedTab !== 0" >
      <h2>Pre Configured Environments</h2>
      <ul>
        <li *ngFor="let item of environment"><img src="{{imageUrl}}/assets/img/employee/ion-android-checkmark-circle - Ionicons.png">&nbsp;&nbsp;&nbsp;&nbsp;{{ item }}</li>
      </ul>
    </div>
  </div>
  <div id="container-right">
    <app-candidate-details-container [tabSelectedIndex]="selectedTab" [role]="role" [assessment]="assessment" [course]="course" (selectedTabEvent)="selectTab($event)"></app-candidate-details-container>
  </div>
</div>
