<div class="container">
    <div class="row">
        <div class="col-md-4 left form-group dashSearch">
            <div class="searchDivContainer">
                <input type="text" class="form-control" placeholder="Search for Employee..." #searchword (input)="insearch(searchword.value)">
                <img src="{{imagelink}}search_icon.png" class="searchicon">
            </div>
        </div>
        <div class=" col-md-4 right">
            <div class="col-sm-10 col-md-4 col-lg-4 candidateCard" *ngIf="filterCol">
                <div class="close-icon">
                    <a (click)="closeFilter()">
                        <img src="{{imageUrl}}/assets/img/employee/post_login/close-icon.png" alt="close">
                    </a>
                </div>
                <div class="nav-side-menu">

                    <div class="filter_title _block">
                        <h4>FILTER</h4>
                        <!-- <figure>
                            <!-- <img class="filter_icon" (click)="resetFilters()" src="{{ta_img_path + 'refresh-simple-line-icons.png'}}" />--
                            <a class="clearAll" (click)="resetFilters()">Clear All</a>
                        </figure> -->
                    </div>
                    <div class="menu-list">
                        <!-- <ul id="menu-content hide">
                            &lt;!&ndash; class="menu-content collapse out  " &ndash;&gt;
                            <li data-toggle="collapse" data-target="#level" class="_block _border collapsed ">
                                <a> PGM List <span class="arrow"></span></a>
                            </li>
                            <ul class="sub-menu collapse in" id="pgmName">
                                <li *ngFor="let name of pgmNames">
                                    <div *ngIf="name != null" class="check-btn">
                                        <input type="checkbox" [checked]="name.userInfomstrId == empData.userInfoMstrId" name="checkgroup" (click)="nameFilter(name, $event)" value="name.userInfomstrId">
                                        &lt;!&ndash; [checked]="levelFilters.includes(level)" &ndash;&gt;
                                    </div>
                                    <a *ngIf="name != null">{{name.fullName}}</a>
                                </li>
                            </ul>
                        </ul>-->
                        <select class="dropdowns hide" id="f" #pgm (change)="nameFilter(pgm.value, $event)">
                        <option selected="selected">Select</option>
                        <option *ngFor="let name of pgmNames" [value]="name.email">{{ name.fullName }}</option>
                      </select>
                    </div>
                </div>
            </div>
            <div class="ButtonDiv ">
                <!--<button class='activeFilter' (click)="filterCol=!filterCol">Filter</button>-->
                <h2 class="filterPgm">Filter by PG Manager</h2>
                <select class="dropdowns" id="f1" #pgm (change)="nameFilter(pgm.value, $event)">
                <option selected="selected">Select</option>
                <option *ngFor="let name of pgmNames" [selected]="name['emailId'] === empData.email" [value]="name.emailId">{{ name.fullName }}</option>
              </select>
                <!-- <a>
        <button class="btn btn-success" (click)="redirect()">Report</button>
      </a> -->
            </div>
        </div>
    </div>




    <app-employee-status [activefilter]="activefilter" [statuscount]="statuscount" (statusfilter)="statusfilter($event)"></app-employee-status>



    <app-pgm-bny-employee-card *ngIf="learnPathList?.length !== 0" [title]="'Learning Path'" [list]="learnPathList" [allskills]="skills" (goToEmployee)="goToEmployeeDetails($event)"></app-pgm-bny-employee-card>
    <app-pgm-bny-employee-card *ngIf="courseList?.length !== 0" [title]="'Course'" [list]="courseList" [allskills]="skills" (goToEmployee)="goToEmployeeDetails($event)"></app-pgm-bny-employee-card>
    <app-pgm-bny-employee-card *ngIf="primaryList?.length > 0" [title]="'Primary Skills Evaluation'" [list]="primaryList" [allskills]="skills" (goToEmployee)="goToEmployeeDetails($event)"></app-pgm-bny-employee-card>
    <app-pgm-bny-employee-card *ngIf="technicalList?.length !== 0" [title]="'Technical UseCase Assessment'" [list]="technicalList" [allskills]="skills" (goToEmployee)="goToEmployeeDetails($event)"></app-pgm-bny-employee-card>

    <app-pgm-bny-employee-card *ngIf="businessList?.length !== 0" [title]="'Business UseCase Assessment'" [list]="businessList" [allskills]="skills" (goToEmployee)="goToEmployeeDetails($event)"></app-pgm-bny-employee-card>

    <div id="dashboard-navigation-button" class="">
        <div class="dropup">
            <a data-toggle="dropdown">
                <img src="{{img_path_prefix + 'add_button' + img_path_suffix }}">
            </a>
            <ul class="dropdown-menu">
                <li *ngFor="let item of navItems" [routerLink]="item.link">
                    <p>{{item.title}}</p>
                </li>
            </ul>
        </div>
    </div>
</div>