<section style="cursor: pointer">
    <header>
        <div class="col-lg-10 col-md-10 col-sm-10 col-xs-10 jobrequirement_tile">
            <app-avatar-pic [initials]="Initials(jrTilesData.requirementName)" [style.backgroundColor]="myColor[jrTilesIndex]"></app-avatar-pic>
            <h3 class="truc-txt" title="{{jrTilesData.requirementName}}">{{jrTilesData.requirementName}}</h3>
        </div>
        <!-- <span class="title" *ngFor="let subitem of item.skillTrackDtlsList" value="subitem.id">{{subitem.subtitle}}</span> -->
        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2 iconClick">
            <div class="pull-left" *ngIf="othIcons">
                <mat-icon (click)="deleteJobRequirement(jrTilesData.requirementId, jrTilesData)">delete</mat-icon>
                <mat-icon (click)="editJobRequirement(jrTilesData.requirementId, jrTilesData)"> edit</mat-icon>
            </div>
            <div class="pull-left iconClick" (click)="showOtherIcons(jrTilesData.id)" *ngIf="!othIcons">
                <mat-icon>
                    more_vert
                </mat-icon>
            </div>
        </div>
    </header>
    <footer>
        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 ">
            <div class="footer-desc">
                <div class="ftitle">Primary Challenge</div>
                <div class="fcount"> {{jrTilesData.primaryChallengeDesc}}</div>
            </div>
        </div>
        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
            <div class="footer-desc">
                <div class="ftitle">Coding Challenge</div>
                <div class="fcount">{{jrTilesData.codingChallengeDesc}}</div>
            </div>
        </div>
        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 ">
            <div class="footer-desc">
                <div class="ftitle">Account</div>
                <div class="fcount"> {{jrTilesData.accountName}}</div>
            </div>
        </div>
        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
            <div class="footer-desc">
                <div class="ftitle">Sandbox</div>
                <div class="fcount">{{jrTilesData.sandboxDesc}}</div>
            </div>
        </div>
    </footer>
</section>