<div class="content-wrapper" ng-if="!myAccess.heroView && gUser.id !== param.employeeid">
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-6 offset-sm-1 offset-md-2 offset-lg-3 mt-5">
                <div class="alert alert-warning alert-dismissible">
                    <h5><i class="icon fas fa-ban"></i> Warning!</h5>
                    Unauthorised Access.
                </div>
            </div>
        </div>
    </div>
</div>

<div class="content-wrapper" class="modal-demo" ng-if="myAccess.heroView || gUser.id == param.employeeid">
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="text-warning">
                        <go-back/>
                        <i class="fas fa-user"></i> Hero View
                    </h1>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a ng-href="{{baseurl}}/dashboard">Home</a></li>
                        <li class="breadcrumb-item"><a ng-href="{{baseurl}}/heroes/list">Hero</a></li>
                        <li class="breadcrumb-item active">View</li>
                    </ol>
                </div>
            </div>
        </div>
    </section>
    <section class="content">
        <div class="row">
            <div class="col-sm-12">
                <div class="card card-widget widget-user-2">
                    <div class="widget-user-header bg-warning">
                        <span ng-if="myAccess.heroEdit" class="edit float-right pointer" data-toggle="tooltip" title="Edit"><i ng-click="goToSelf('heroEdit',{employeeid:hero.employeeid})" class="fas fa-pen-square"></i></span>
                        <div class="widget-user-image ">
                            <img ng-if="hero.profile_image" class="img-circle elevation-2 smallimg imgW-100" src="{{baseurl}}/app/uploads/{{hero.profile_image}}" alt="User Avatar">
                            <img ng-if="!hero.profile_image" class="img-circle elevation-2 imgW-100" src="{{baseurl}}/app/static/img/default-150x150.png" alt="User Avatar">
                            <img ng-if="hero.profile_image" class="elevation-2-big elevation-5 bigimg hide" src="{{baseurl}}/app/uploads/{{hero.profile_image}}" alt="User Avatar">
                        </div>
                        <h3 class="widget-user-username ml-100">{{hero.emp_first_name +' ' +hero.emp_last_name+'('+hero.emp_code+')'}} | <span>Line Manager :</span> {{hero.lm_fn +' ' +hero.lm_mn+' '+hero.lm_ln+''}} </h3>
                        <h5 class="widget-user-desc">
                            <span class="badge {{hero.emp_department.toLowerCase()}}">{{hero.emp_department}}</span> - {{hero.emp_designation}}
                            <span ng-if="hero.emp_doj">
                                (<strong>DOJ:</strong>
                                <span data-toggle="tooltip" title="Date of Joining" class="font-light" ng-bind="formatDate(hero.emp_doj) | date:'dd MMM yyyy'"></span>)
                            </span>
                            <span>| Location : {{hero.emp_location}}</span>
                        </h5>
                        <div class="widget-user-desc"><span class="badge badge-secondary ml-1" ng-repeat="s in hero.emp_skills.split(',')">{{s}}</span></div>
                    </div>
                    <div class="card-footer p-0" ng-if="false">
                        <ul class="nav flex-column">
                            <li class="nav-item" data-placement="right" data-toggle="tooltip" title="Code"><a href="#" class="nav-link">{{hero.emp_code}} <span class="float-right badge bg-green"></span></a></li>
                            <li class="nav-item" data-placement="right" data-toggle="tooltip" title="Live Project"><a href="#" class="nav-link">In Projects <span class="float-right badge bg-green">{{inProject(hero.emp_pool)}}</span></a></li>
                            <li class="nav-item" data-placement="right" data-toggle="tooltip" title="Pool"><a href="#" class="nav-link">Pool <span class="float-right badge bg-danger">{{hoursToPercent(hero.emp_pool)}}</span></a></li>
                            <li class="nav-item" data-placement="right" data-toggle="tooltip" title="Email"><a href="#" class="nav-link">{{hero.emp_email}}<span class="float-right"><i class="fas fa-envelope"></i></span></a></li>
                            <li class="nav-item" data-placement="right" data-toggle="tooltip" title="Mobile"><a href="#" class="nav-link">{{hero.emp_mobile}}<span class="float-right"><i class="fas fa-phone"></i></span></a></li>
                            <li class="nav-item" data-placement="right" data-toggle="tooltip" title="Office Location"><a href="#" class="nav-link">{{hero.emp_location}}<span class="float-right"><i class="fas fa-map-marker"></i></span></a></li>
                            <li ng-if="hero.emp_department" class="nav-item" data-placement="right" data-toggle="tooltip" title="Department"><a href="#" class="nav-link">{{hero.emp_department}}<span class="float-right"><i class="fas fa-briefcase"></i></span></a></li>
                            <li class="nav-item" data-placement="right" data-toggle="tooltip" title="Gender"><a href="#" class="nav-link">{{hero.emp_gender}}<span class="float-right"><i class="fas fa-venus-mars"></i></span></a></li>
                            <li ng-if="hero.emp_skype" class="nav-item" data-placement="right" data-toggle="tooltip" title="Skype Id"><a href="#" class="nav-link">{{hero.emp_skype}}<span class="float-right"><i class="fas fa-comment"></i></span></a></li>
                            <li class="nav-item" data-placement="right" data-toggle="tooltip" title="Current Status"><a href="#" class="nav-link">{{hero.emp_status|capitalize}}<span class="float-right"><i class="fas fa-toggle-on text-green"></i></span></a></li>
                            <li class="nav-item" data-placement="right" data-toggle="tooltip" title="Is Admin"><a href="#" class="nav-link">Is Admin<span class="float-right"><i class="fas {{hero.is_admin ? 'fa-toggle-on text-green':'fa-toggle-off text-red'}}"></i></span></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <div data-info="My Projects for admin" class="col-md-12" ng-if="projects.length > 0">
            <div class="card card-outline card-warning">
                <div class="card-header border-transparent">
                    <h3 class="card-title"><strong>My Projects</strong></h3>
                    <div class="card-tools">
                        <div class="btn-group">
                            <button type="button" title="Fullscreen Toggle" class="btn btn-dark toggle-fullscreen"><i class="fas fa-expand"></i></button>
                            <button type="button" class="btn btn-dark" data-widget="collapse"><i class="fas fa-minus"></i></button>
                        </div>
                    </div>
                </div>
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table id="heroView" class="table table-bordered table-striped">
                            <thead>
                            <tr>
                                <th>Account</th>
                                <!--<th class="d-none d-lg-table-cell">Account Details</th>-->
                                <th>Project</th>
                                <th ng-if="isSuperAdmin=='true' || isSystemUser=='true'">Billing<i class="fas fa-question-circle"></i></th>
                                <th data-toggle="tooltip" title="Hours Per/day">Allocation <i class="fas fa-question-circle"></i></th>
                                <th>Date
                                    <small data-toggle="tooltip" title="Date of Project start"><i class="fas fa-question-circle"></i></small>
                                </th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr ng-repeat="project in projects track by $index" ng-if="project.proj_status=='active'">
                                <td><a href="" ng-click="goToSelf('accountView',{accountid:project.accountid})">{{project.acc_company_name}}</a></td>
                                <!--<td  class="d-none d-lg-table-cell">
                                    <span class="nowrap"><a href="mailto:{{project.acc_email}}" target="_blank">{{project.acc_email}}</a></span><br>
                                    <span class="nowrap"><a href="tel:{{project.acc_primany_contact}}" target="_blank">{{project.acc_primany_contact}}</a></span>
                                </td>-->
                                <td><a ng-href="/projects/view/{{project.projectid}}">{{project.proj_name}}</a></td>
                                <td ng-if="isSuperAdmin=='true' || isSystemUser=='true'">{{project.billableHours}}</td>
                                <td>{{project.partialHours}}</td>
                                <td><span class="nowrap" ng-bind="formatDate(project.proj_start_date) | date:'dd MMM yyyy'"></span></td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <!-- /.table-responsive -->
                </div>
            </div>
        </div>
        <div data-info="Where i am acting as Project Manager" class="col-md-12" ng-show="filterData.pm" ng-if="myAccess.showActAsPM">
            <div class="card card-outline card-warning">
                <div class="card-header border-transparent">
                    <h3 class="card-title"><strong>Projects Where i am acting as Project Manager</strong></h3>
                    <div class="card-tools">
                        <div class="btn-group">
                            <button type="button" title="Fullscreen Toggle" class="btn btn-dark toggle-fullscreen"><i class="fas fa-expand"></i></button>
                            <button type="button" class="btn btn-dark" data-widget="collapse"><i class="fas fa-minus"></i></button>
                        </div>
                    </div>
                </div>
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table id="projectManagerView" class="table table-bordered table-striped">
                            <thead>
                            <tr>
                                <th>Project</th>
                                <!--<th>Hero</th>
                                <th>Manager</th>-->
                                <!--<th>Project Manager</th>-->
                                <th>From</th>
                                <!--                                <th ng-if="gUser.is_admin">Billable Hours</th>-->
                                <!--                                <th data-toggle="tooltip" title="Hours Per/day">Allocation <i class="fas fa-question-circle"></i></th>-->
                                <th>Action</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr ng-repeat="hero in managerView | filter : pmfilter  | unique : 'proj_id'">
                                <td><span class="text-blue pointer font-weight-bold" ng-click="goToSelf('projectView',{projectid:hero.proj.id})">{{hero.proj_name}}</span></td>
                                <!--                                <td><span class="text-blue pointer" ng-click="goToSelf('heroView',{employeeid:hero.employeeid})">{{hero.emp_first_name +' '+hero.emp_last_name}}</span><br/><span>({{hero.emp_code}})</span></td>-->
                                <!--                                <td><span class="text-blue pointer" ng-click="goToSelf('heroView',{employeeid:hero.linemgr.employeeid})">{{hero.linemgr.emp_first_name +' '+hero.linemgr.emp_last_name}}</span><br/><span>({{hero.linemgr.emp_code}})</span></td>-->
                                <!--                                <td><span class="text-blue pointer" ng-click="goToSelf('heroView',{employeeid:hero.projmgr.employeeid})">{{hero.projmgr.emp_first_name +' '+hero.projmgr.emp_last_name}}</span><br/><span>({{hero.projmgr.emp_code}})</span></td>-->
                                <td><span class="nowrap" ng-bind="formatDate(hero.fromDate) | date:'dd MMM yyyy'"></span></td>
                                <!--                                <td ng-if="gUser.is_admin"><span class="nowrap font-weight-bold">{{hero.billableHours ? hero.billableHours :'-'}}</span></span></td>-->
                                <!--<td><span class="nowrap badge btn-success" ng-if="hero.partialHours>0">{{hoursToPercent(hero.partialHours)}}</span></td>-->
                                <!--                                <td><span class="nowrap font-weight-bold">{{hero.partialHours ? hero.partialHours :'-'}}</span></td>-->
                                <td>
                                    <button type="button" class="btn btn-success btn-xs" title="View in project" ng-click="goToSelf('projectView',{projectid:hero.proj_id})">
                                        <i class="fas fa-table"></i> <span class="d-none d-lg-inline"> View in project </span></button>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div data-info="My Team" class="col-md-12" ng-if="myHeroesProjects.length > 0 && mhp.proj.id != 116 && mhp.proj.id != 62" ng-repeat="mhp in myHeroesProjects  track by $index">
            <div class="card card-outline card-warning">
                <div class="card-header border-transparent">
                    <h3 class="card-title">
                        <strong>My Teams</strong> -
                        <span class="text-blue pointer font-weight-bold" ng-click="goToSelf('projectView',{projectid:mhp.proj.id})">{{mhp.proj.name}}</span>|
                        <a target="_blank" ng-href="{{'/heroes/view/'+mhp.proj.mngr.employeeid}}">{{mhp.proj.mngr.emp_first_name}}</a>
                    </h3>
                    <div class="card-tools">
                        <div class="btn-group">
                            <button type="button" title="Fullscreen Toggle" class="btn btn-dark toggle-fullscreen"><i class="fas fa-expand"></i></button>
                            <button type="button" class="btn btn-dark" data-widget="collapse"><i class="fas fa-minus"></i></button>
                        </div>
                    </div>
                </div>
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table id="teamView" class="teamView table table-bordered table-striped">
                            <thead>
                            <tr>
                                <th>#</th>
                                <th>Hero</th>
                                <th>EMP Code</th>
                                <th>Designation</th>
                                <th class="d-none">Project</th>
                                <th>Manager</th>
                                <th>Project Manager</th>
                                <th>From</th>
                                <th ng-if="gUser.is_admin">IsBillable</th>
                                <th data-toggle="tooltip" title="Hours Per/day">Allocation <i class="fas fa-question-circle"></i></th>
                                <th>Action</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr ng-repeat="hero in mhp.data track by $index">
                                <td>{{$index+1}}</td>
                                <td><a target="_blank" href="/heroes/view/{{hero.employeeid}}"><i class="fas fa-external-link-alt text-blue pointer"></i> </a> <span class="text-blue pointer" ng-click="goToSelf('heroView',{employeeid:hero.employeeid})">{{hero.emp_first_name +' '+hero.emp_last_name}}</span></td>
                                <td><span class="text-blue pointer" ng-click="goToSelf('heroView',{employeeid:hero.employeeid})">{{hero.emp_code}}</span></td>
                                <td><span class="text-blue pointer" ng-click="goToSelf('heroView',{employeeid:hero.employeeid})">{{hero.emp_designation_name}}</span></td>
                                <td class="d-none">{{mhp.proj.name}}</td>

                                <td><span class="text-blue pointer" ng-click="goToSelf('heroView',{employeeid:hero.linemgr.employeeid})">{{hero.linemgr.emp_first_name +' '+hero.linemgr.emp_last_name}}</span><br/><span>({{hero.linemgr.emp_code}})</span></td>
                                <td><span class="text-blue pointer" ng-click="goToSelf('heroView',{employeeid:hero.projmgr.employeeid})">{{hero.projmgr.emp_first_name +' '+hero.projmgr.emp_last_name}}</span><br/><span>({{hero.projmgr.emp_code}})</span></td>
                                <td><span class="nowrap" ng-bind="formatDate(hero.fromDate) | date:'dd MMM yyyy'"></span></td>
                                <td ng-if="gUser.is_admin"><span class="badge badge-{{hero.isBillable ? 'success' : 'danger' }}">{{hero.isBillable ? 'Yes' : 'No'}}</span></td>
                                <!--<td><span class="nowrap badge btn-success" ng-if="hero.partialHours>0">{{hoursToPercent(hero.partialHours)}}</span></td>-->
                                <td><span class="nowrap font-weight-bold">{{hero.partialHours ? hero.partialHours :'-'}}</span></td>
                                <td>
                                    <a target="_blank" href="/projects/view/{{hero.proj_id}}"><i class="fas fa-external-link-alt text-blue pointer"></i> </a> 
                                    <button type="button" class="btn btn-success btn-xs" title="View in project" ng-click="goToSelf('projectView',{projectid:hero.proj_id})">
                                        <i class="fas fa-table"></i> <span class="d-none d-lg-inline"> View in project </span></button>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div data-info="Where I am acting as Line Manager" class="col-md-12" ng-show="filterData.lm" ng-if="myAccess.showActAsLM">
            <div class="card card-outline card-warning">
                <div class="card-header border-transparent">
                    <h3 class="card-title"><strong>Where I am acting as Line Manager</strong></h3>
                    <div class="card-tools">
                        <div class="btn-group">
                            <button type="button" title="Fullscreen Toggle" class="btn btn-dark toggle-fullscreen"><i class="fas fa-expand"></i></button>
                            <button type="button" class="btn btn-dark" data-widget="collapse"><i class="fas fa-minus"></i></button>
                        </div>
                    </div>
                </div>
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table id="lineManagerView" class="table table-bordered table-striped">
                            <thead>
                            <tr>
                                <th>#</th>
                                <th>Hero</th>
                                <th>EMP Code</th>
                                <th>Designation</th>
                                <th>Revenue Center</th>
                                <!-- <th>Project</th> -->
                                <th>Manager</th>
                                <!-- <th>Project Manager</th> -->
                                <!-- <th>From</th> -->
                                <th ng-if="gUser.is_admin">IsBillable</th>
                                <th data-toggle="tooltip" title="Hours Per/day">Allocation <i class="fas fa-question-circle"></i></th>
                                <th>Action</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr ng-repeat="hero in managerView  | unique:'employeeid' |  filter : lmfilter track by $index">
                                <td>{{$index+1}}</td>
                                <td><a target="_blank" href="/heroes/view/{{hero.employeeid}}"><i class="fas fa-external-link-alt text-blue pointer"></i> </a><span class="text-blue pointer" ng-click="goToSelf('heroView',{employeeid:hero.employeeid})">{{hero.emp_first_name +' '+hero.emp_last_name}}</span></td>
                                <td><span class="text-blue pointer" ng-click="goToSelf('heroView',{employeeid:hero.employeeid})">{{hero.emp_code}}</span></td>
                                <td><span class="text-blue pointer" ng-click="goToSelf('heroView',{employeeid:hero.employeeid})">{{hero.emp_designation_name}}</span></td>
                                <td><span class="text-blue pointer" >{{hero.rc_name}}</span></td>
                                <!-- <td><span class="text-blue pointer font-weight-bold" ng-click="goToSelf('projectView',{projectid:hero.proj.id})">{{hero.proj_name}}</span></td> -->
                                <td><span class="text-blue pointer" ng-click="goToSelf('heroView',{employeeid:hero.linemgr.employeeid})">{{hero.linemgr.emp_first_name +' '+hero.linemgr.emp_last_name}}</span><br/><span>({{hero.linemgr.emp_code}})</span></td>
                                <!-- <td><span class="text-blue pointer" ng-click="goToSelf('heroView',{employeeid:hero.projmgr.employeeid})">{{hero.projmgr.emp_first_name +' '+hero.projmgr.emp_last_name}}</span><br/><span>({{hero.projmgr.emp_code}})</span></td> -->
                                <!-- <td><span class="nowrap" ng-bind="formatDate(hero.fromDate) | date:'dd MMM yyyy'"></span></td> -->
                                <td ng-if="gUser.is_admin"><span class="badge badge-{{hero.isBillable ? 'success' : 'danger' }}">{{hero.isBillable ? 'Yes' : 'No'}}</span></td>
                                <!--<td><span class="nowrap badge btn-success" ng-if="hero.partialHours>0">{{hoursToPercent(hero.partialHours)}}</span></td>-->
                                <td><span class="nowrap font-weight-bold">{{hero.partialHours ? hero.partialHours :'-'}}</span></td>
                                <td>
                                    <a target="_blank" href="/projects/view/{{hero.proj_id}}"><i class="fas fa-external-link-alt text-blue pointer"></i> </a> 
                                    <button type="button" class="btn btn-success btn-xs" title="View in project" ng-click="goToSelf('projectView',{projectid:hero.proj_id})">
                                        <i class="fas fa-table"></i> <span class="d-none d-lg-inline"> View in project </span></button>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>

        <div data-info="My Projects for admin" class="col-md-12" ng-if="projects.length > 0">
            <div class="card card-outline card-warning">
                <div class="card-header border-transparent">
                    <h3 class="card-title"><strong>Tentative My Upcoming Projects</strong></h3>
                    <div class="card-tools">
                        <div class="btn-group">
                            <button type="button" title="Fullscreen Toggle" class="btn btn-dark toggle-fullscreen"><i class="fas fa-expand"></i></button>
                            <button type="button" class="btn btn-dark" data-widget="collapse"><i class="fas fa-minus"></i></button>
                        </div>
                    </div>
                </div>
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table id="heroView" class="table table-bordered table-striped">
                            <thead>
                            <tr>
                                <th>Account</th>
                                <!--<th class="d-none d-lg-table-cell">Account Details</th>-->
                                <th>Project</th>
                                <th data-toggle="tooltip" title="Hours Per/day">Allocation <i class="fas fa-question-circle"></i></th>
                                <th>Date
                                    <small data-toggle="tooltip" title="Date of Project start"><i class="fas fa-question-circle"></i></small>
                                </th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr ng-repeat="project in projects track by $index" ng-if="project.proj_status=='upcoming'">
                                <td><a href="" ng-click="goToSelf('accountView',{accountid:project.accountid})">{{project.acc_company_name}}</a></td>
                                <!--<td  class="d-none d-lg-table-cell">
                                    <span class="nowrap"><a href="mailto:{{project.acc_email}}" target="_blank">{{project.acc_email}}</a></span><br>
                                    <span class="nowrap"><a href="tel:{{project.acc_primany_contact}}" target="_blank">{{project.acc_primany_contact}}</a></span>
                                </td>-->
                                <td><a ng-href="#" ng-click="goToSelf('projectView',{projectid:project.projectid})">{{project.proj_name}}</a></td>
                                <td>{{project.partialHours}}</td>
                                <td><span class="nowrap" ng-bind="formatDate(project.proj_start_date) | date:'dd MMM yyyy'"></span></td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <!-- /.table-responsive -->
                </div>
            </div>
        </div>
        <div data-info="My Projects for admin" class="col-md-12" ng-if="projectsearlier.length > 0">
            <div class="card card-outline card-warning">
                <div class="card-header border-transparent">
                    <h3 class="card-title"><strong>My Earlier Projects</strong></h3>
                    <div class="card-tools">
                        <div class="btn-group">
                            <button type="button" title="Fullscreen Toggle" class="btn btn-dark toggle-fullscreen"><i class="fas fa-expand"></i></button>
                            <button type="button" class="btn btn-dark" data-widget="collapse"><i class="fas fa-minus"></i></button>
                        </div>
                    </div>
                </div>
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table id="heroView2" class="table table-bordered table-striped">
                            <thead>
                            <tr>
                                <th>Account</th>
                                <!--<th class="d-none d-lg-table-cell">Account Details</th>-->
                                <th>Project</th>
                                <th data-toggle="tooltip" title="Hours Per/day">Allocation <i class="fas fa-question-circle"></i></th>
                                <th>From Date
                                    <small data-toggle="tooltip" title="Date of Allocation start"><i class="fas fa-question-circle"></i></small>
                                </th>
                                <th>To Date
                                    <small data-toggle="tooltip" title="End of Allocation start"><i class="fas fa-question-circle"></i></small>
                                </th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr ng-repeat="project in projectsearlier" ng-if="project.allocation_status=='inactive'">
                                <td><a href="" ng-click="goToSelf('accountView',{accountid:project.accountid})">{{project.acc_company_name}}</a></td>
                                <!--<td  class="d-none d-lg-table-cell">
                                    <span class="nowrap"><a href="mailto:{{project.acc_email}}" target="_blank">{{project.acc_email}}</a></span><br>
                                    <span class="nowrap"><a href="tel:{{project.acc_primany_contact}}" target="_blank">{{project.acc_primany_contact}}</a></span>
                                </td>-->
                                <td><a ng-href="#" ng-click="goToSelf('projectView',{projectid:project.projectid})">{{project.proj_name}}</a></td>
                                <td>{{project.partialHours}}{{project.status}}</td>
                                <td><span class="nowrap" ng-bind="formatDate(project.fromDate) | date:'dd MMM yyyy'"></span></td>
                                <td>
                                    <span class="nowrap" ng-bind="formatDate(project.LatestDate) | date:'dd MMM yyyy'"></span>
                                    <!-- <span class="nowrap text-success font-weight-bold" ng-if="project.isOngoing"> On Going</span>-->
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <!-- /.table-responsive -->
                </div>
            </div>
        </div>


        <div data-info="My Tags" class="col-md-12" ng-if="hero_tags.length > 0">
            <div class="card card-outline card-warning">
                <div class="card-header border-transparent">
                    <h3 class="card-title"><strong>My Tagged Heroes</strong></h3>
                    <div class="card-tools">
                        <div class="btn-group">
                            <button type="button" title="Fullscreen Toggle" class="btn btn-dark toggle-fullscreen"><i class="fas fa-expand"></i></button>
                            <button type="button" class="btn btn-dark" data-widget="collapse"><i class="fas fa-minus"></i></button>
                        </div>
                    </div>
                </div>
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table id="taggedheroes" class="teamView table table-bordered table-striped">
                            <thead>
                            <tr>
                                <th>Name<br>Email / Mobile</th>
                                <th>Code</th>
                                <th>Department</th>
                                <th>Designation</th>
                                <th data-toggle="tooltip" title="Date of Joining"><span class="nowrap">DoJ <i class="fas fa-question-circle"></i></span></th>
                                <th data-toggle="tooltip" title="Years of Experience/Relevant Years of Experience"><span class="nowrap">YoE/Relevant YOE <i class="fas fa-question-circle"></i></span></th>
                                <th>Skills</th>
                                <th>Actions</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr ng-repeat="hero in hero_tags track by $index" class="{{hero.is_admin ? 'font-weight-bold' : ''}}">
                                <td>
                                    <span class="nowrap">{{hero.emp_first_name+' '+hero.emp_last_name}}</span><span ng-if="hero.is_admin"><i class="fas fa-check-circle"> &nbsp;</i></span><br>
                                    <span class="nowrap"><a href="{{'mailto:'+hero.emp_email}}" target="_blank">{{hero.emp_email}}</a></span><br>
                                    <span class=""><a target="_blank" href="{{'tel:+91'+hero.emp_mobile}}">{{hero.emp_mobile}}</a></span>
                                </td>
                                <td>{{hero.emp_code}}</td>
                                <td><span class="badge {{hero.emp_department.toLowerCase()}}">{{hero.emp_department}}</span></td>
                                <td><span class="nowrap">{{hero.emp_designation}}</span></td>
                                <td><span class="nowrap">{{hero.emp_doj | date:'dd MMM yyyy'}}</span></td>
                                <td><span class="nowrap" ng-if="hero.emp_yoe">{{hero.emp_yoe}}</span><span class="nowrap" ng-if="hero.emp_relevant_yoe">/{{hero.emp_relevant_yoe}}</span></td>
                                <td>
                                    <div>
                                        <small class="badge bg-primary ml-1" ng-repeat="sk in hero.emp_skills.split(',')">{{sk}}</small>
                                    </div>
                                </td>
                                <td>
                                    <div class="btn-group nowrap">
                                        <button type="button" class="btn btn-warning" ng-click="goToSelf('heroView',{employeeid:hero.employeeid})"><i class="fas fa-eye"></i> View</button>
                                    </div>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>
