<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">&nbsp;</div>
<div class="col-lg-9 col-md-9 col-sm-12 col-xs-12">
    <div class="row">
        <div class="searchIcon">
            <input type="search" placeholder="What are you looking for?" />
            <!-- [(ngModel)]="userFilter.fullName" (keydown)="All(selected)" -->
        </div>
    </div>
    <div class="row">
        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 ">
            <div class="landingBox basic_container">
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 padding-top-30">
                    <img src="{{adminImg_path + 'Basic_Setup.png'}}" class="admin_db_img">
                </div>
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 padding-top-30">
                    <div class="sec_title">Basic Setup</div>
                    <ul>
                        <li *ngFor="let basic of adminBs"><a (click)="gotoInnerPage(basic,adminBs)">{{basic.title}}</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 ">
            <div class="landingBox conf_container">
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 padding-top-30">
                    <img src="{{adminImg_path + 'Configuration.png'}}" class="admin_db_img">
                </div>
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 padding-top-30">
                    <div class="sec_title">Configuration</div>
                    <ul>
                        <li *ngFor="let conf of adminConf"><a (click)="gotoInnerPage(conf,adminConf)">{{conf.title}}</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-6 col-md-4 col-sm-6 col-xs-12 ">
            <div class="landingBox user_container padding-top-30">
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                    <div><img src="{{adminImg_path + 'User_Management.png'}}" class="img-responsive width-75"></div>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 padding-top-30">
                    <ul *ngIf="adminUmgmt?.length > 0">
                        <li *ngFor="let aumgmt of adminUmgmt"><a (click)="gotoInnerPage(aumgmt,adminUmgmt)">{{aumgmt.title}}</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="col-lg-6 col-md-4 col-sm-6 col-xs-12 ">
            <div class="landingBox emp_container">
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 padding-top-30">
                    <img src="{{adminImg_path + 'Employee.png'}}" class="img-responsive width-75">
                </div>
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 padding-top-30">
                    <div class="sec_title">Employee</div>
                    <ul *ngIf="adminEmp?.length > 0">
                        <li *ngFor="let aemps of adminEmp"><a (click)="gotoInnerPage(aemps,adminEmp)">{{aemps.title}}</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 ">
            <div class="landingBox cand_container">
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 padding-top-30">
                    <img src="{{adminImg_path + 'Candidate.png'}}" class="img-responsive">
                </div>
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 padding-top-30">
                    <div class="sec_title">Candidate</div>
                    <ul *ngIf="adminCand?.length > 0">
                        <li *ngFor="let cand of adminCand"><a (click)="gotoInnerPage(cand,adminCand)">{{cand.title}}</a></li>
                    </ul>
                </div>
            </div>
        </div> -->
    </div>
</div>
<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
    <div class="base">
        <table class="table table-bordered">
            <tbody>
                <tr>
                    <td>
                        <div class="title">Employees</div>
                        <div class="">
                            <img src="{{adminImg_path + 'Employees.png'}}" alt="" class="img-responsive pull-left" />
                            <span class="ad_total" *ngIf="userCounts">{{userCounts.employeeCount}}</span>
                        </div>
                    </td>
                    <td>
                        <div class="title">TAs</div>
                        <div class="">
                            <img src="{{adminImg_path + 'TAs.png'}}" alt="" class="img-responsive pull-left" />
                            <span class="ad_total" *ngIf="userCounts">{{userCounts.taCount}}</span>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <div class="title">Coaches</div>
                        <div class="">
                            <img src="{{adminImg_path + 'Coaches.png'}}" alt="" class="img-responsive pull-left" />
                            <span class="ad_total" *ngIf="userCounts">{{userCounts.coachCount}}</span>
                        </div>
                    </td>
                    <td>
                        <div class="title">PGMs</div>
                        <div class="">
                            <img src="{{adminImg_path + 'PGMs.png'}}" alt="" class="img-responsive pull-left" />
                            <span class="ad_total" *ngIf="userCounts">{{userCounts.pgmCount}}</span>
                        </div>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
    <div class="base">
        <div class="recent-min">
            Recent Activities
        </div>
    </div>
</div>