<!-- <div class="content-wrapper" ng-if="!myAccess.emailNotificationConf">
    <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> 	!</h5>
                    Unauthorised Access.
                </div>
            </div>
        </div>
    </div>
</div> -->
<!--  ng-if="myAccess.emailNotificationConf" -->
<div class="content-wrapper" class="modal-demo">
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="text-{{page.color}}">
                        <go-back/>
                        <i class="fas {{page.icon}}"></i> {{reqRow.desg_name}} 
                    </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}}/requisitions/dashboard/">Requisition Dashboard </a></li>
                        <li class="breadcrumb-item text-blue">Requisition Dashboard </li>
                    </ol>
                </div>
            </div>
        </div>
    </section>
    <section class="content">
        <div class="row">
                <div class="col-12 col-md-12 col-lg-12">
                <div class="card card-outline card-success">
                    <div class="card-header border-transparent">
                        <h3 class="card-title">&nbsp;</h3>
                        <div class="card-tools">
                            <div class="btn-group">
                                <button ng-click="openHeroLookup()" ng-if="currentUser.id==400" type="button" class="btn bg-indigo"><i class="fas fa-plus"></i> <span class="d-none d-lg-inline-block">Add Heros</span></button>
                                <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">
                                <h5>Requisition Heroes List</h5>
                                <div class="table-responsive">
                                    <table id="masterList" class="table table-bordered table-sm requisitionList">
                                        <thead>
                                        <tr>
                                            <th>SN</th>
                                            <th>Name</th>
                                            <th>Designation</th>
                                            <th>Experience</th>
                                            <th>Date of Joining</th>
                                            <th>Shared Date</th>
                                            <th>Action</th>
                                            <!-- <th>Created By</th> -->
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <tr ng-repeat="req in lookupHerosList" >
                                            <td>{{$index+1}}</td>
                                            <td>{{req.emp_first_name}} {{req.emp_last_name}} <a href="heroes/view/{{req.hero_id}}" target="_blank"><i class="fas fa-external-link-alt"></i></a></td>  
                                            <td>{{req.desg_name}}</td>   
                                            <td>{{req.emp_yoe}}</td>
                                            <td>{{req.emp_doj | date: 'dd MMM yyyy'}}</td>
                                            <td>{{req.created_at | datetz: 'DD MMM YYYY'}}</td>
                                            <td>
                                                <span class=""><a target="_blank" href="{{'/requisitions/heroComment/'+req.id}}"><i class="fas fa-comments"/> </a></span>
                                                <span class="" ng-click="deleteHero(req.id)"><i class="fas fa-trash"/></span>
                                            </td>                                 
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                    </div>
                </div>
                </div>
                <!--  -->
            </div>
        </div>
    </section>

     <!-- =Script=================- -->
     <script type="text/ng-template" id="HeroMoreHeroes.html">
        <div class="" style="width:100%">
            <div class="modal-header bg-primary">
                <h3 class="modal-title" id="modal-title">Add More Heroes</h3>
            </div>
            <div class="modal-body" id="modal-body">
                <!-- <p>Are you sure to remove <strong>{{data.hero.emp_first_name +' '+ data.hero.emp_last_name }} </string> ?</p> -->
                    <div class="form-group">
                        <label for="emp_acl_profile">Select Heroes</label>
                        <ui-select multiple on-select="onHeroSelect($model)" on-remove="onHeroSelect($model)" ng-model="req.heroes" id="selectHero" theme="bootstrap" title="Select Hero" style="width: 100%">
                            <ui-select-match placeholder="Select or search a hero in the list...">{{$item.emp_first_name +' '+$item.emp_last_name + ' ' + $item.emp_code}}</ui-select-match>
                            <ui-select-choices repeat="hero.id as hero in heroes | filter: $select.search">
                                <span ng-bind-html="hero.emp_first_name +' '+hero.emp_last_name + ' ' + hero.emp_code | highlight: $select.search"></span>
                            </ui-select-choices>
                        </ui-select>
                </div>
            </div>
            <div class="modal-footer bg-primary">
                <div class="col-12">
                    <button class="btn btn-danger float-left" type="button" ng-click="cancel()">Cancel</button>
                    <button class="btn btn-success float-right" type="button" ng-click="clickToChangeHeroLookup(req)">Add</button>
                </div>
            </div>
        </div>
    </script>
    <!-- =End Script=================- -->

</div>
