<section>
    <div class="iconDiv pull-right">
        <div class="pull-left" *ngIf="otherIconsLp">
            <mat-icon (click)="deleteLearningPath(lpdata)">delete</mat-icon>
            <mat-icon (click)="editLearningPath(lpdata)"> edit</mat-icon>
        </div>
        <div class="pull-left iconDiv" (click)="showOtherIcons(lpdata)" *ngIf="!otherIconsLp">
            <mat-icon>
                more_vert
            </mat-icon>
        </div>
    </div>
    <div class="">
        <div class="skill_title"><span (click)="gotoViewLp(lpdata)" title="Click to view Detailed Learning Path">{{lpdata.name}}</span></div>
        <div class="skill_level">{{lpdata.pgExperienceLevelName}} Level</div>
        <div class="skill_skills"><span *ngFor="let ck of lpdata.skillNames;let i = index" class="cb_options">
            {{ck}}<span *ngIf="lpdata.skillNames.length - 1 !== i">,</span>
            </span>
        </div>
        <div class="row">
            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 ">
                <div class="col-lg-12 col-md-12 col-sm-6 col-xs-12 footer-desc"><span class="ftitle">Courses</span> &nbsp;<span class="fcount"><span *ngIf="lpdata.courseCount < 10">0</span>{{lpdata.courseCount}}</span>
                </div>
            </div>
            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                <div class="col-lg-12 col-md-12 col-sm-6 col-xs-12 footer-desc"><span class="ftitle">Assessment</span> &nbsp;<span class="fcount"> <span *ngIf="(lpdata.primaryAssessCount + lpdata.technicalAssessCount + lpdata.businessAssessCount) < 10">0</span>{{ lpdata.primaryAssessCount + lpdata.technicalAssessCount
                    + lpdata.businessAssessCount}}</span>
                </div>
            </div>
        </div>
    </div>
</section>