<!--<div class="content-wrapper" ng-if="gUser.emp_first_name === 'Admin'">
    <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-danger alert-dismissible">
                    <h5><i class="icon fas fa-ban"></i> Alert!</h5>
                    Please login as Hero.
                </div>
            </div>
        </div>
    </div>
</div>-->
<div class="content-wrapper">
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="text-olive">
                        <go-back/>
                        <i class="fas fa-file-alt"></i> {{createButton.heading}} ({{assessmentObj.ae_name}})
                    </h1>
                </div>
                <div class="col-sm-6">
                    <div class="pull-right" role="group">
                        <button  ng-click="saveAsPDF(assessmentObj,diariesDataAll)" class="btn btn-warning"> Save assessment as PDF</button>
                        <button id="savebtn2" type="button" ng-disabled="isManagerReply" ng-click="Save(true)" class="savebtn btn btn-primary"><i class="fas {{createButton.icon}}"></i> Save as Draft (step 1)</button>
                        <button id="savebtn" type="submit" ng-disabled="isManagerReply" ng-click="Save()" class="btn btn-success"><i class="fas {{createButton.icon}}"></i> {{createButton.text}} (step 2)</button>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Main content -->
    <section class="container-fluid">
        <div class="row">
            <div class="col-sm-12">
                <div class="card card-primary card-outline card-outline-tabs">
                    <div class="card-header p-0" ng-if="opts.tab!=='mngr'">
                        <table class="table table-bordered table-sm p-0 m-0">
                            <tr>
                                <td><strong>Name:</strong><br>{{empInfo.emp_first_name + ' ' + empInfo.emp_middle_name + ' ' + empInfo.emp_last_name}} <span class="badge badge-danger">{{empInfo.emp_code}}</span></td>
                                <td><strong>DOJ:</strong><br>{{empInfo.emp_doj | date:'dd MMM yyyy'}}</td>
                                <td><strong>Location:</strong><br>{{empInfo.emp_location}}</td>
                                <td><strong>Department:</strong><br>{{empInfo.emp_department}}</td>
                                <td colspan="2" style="text-align: end;"><strong>Manager Name:</strong><br>{{empInfo.lm_fn + ' ' + empInfo.lm_mn + ' ' + empInfo.lm_ln}} <span class="badge badge-danger">{{empInfo.lm_code}}</span></td>
                                <!-- <td colspan="2"><strong>Manager Name:</strong><br>{{empInfo.pm_fn + ' ' + empInfo.pm_mn + ' ' + empInfo.pm_ln}} <span class="badge badge-danger">{{empInfo.pm_code}}</span></td> -->
                            </tr>
                        </table>
                    </div>
                
                    <!-- Syed moh bilal -->

                    <div class="card-body p-1">
                        <div class="card card-success">                            
                            <div class="card-body p-0">
                                <div ng-repeat="d in diariesDataAll | orderBy:'sequence'" class="mt-1">
									
                                    <input type="hidden" ng-model="d.as_id" id="as_idd" value="{{d.as_id}}">
                                    <label class="{{ (d.aq_type=='section') ? 'col-sm-12 pad-1 bg-primary' : 'col-sm-12 alert alert-dark p-1' }} "><i class="fas fa-chevron-right {{ (d.aq_type=='section') ? 'd-none' : '' }} "></i> {{ (d.aq_type=='section') ? '' : $index+1 + '.' }} {{ d.aq_name}}</label>

                                    <div class="col-sm-12 input-group" ng-if="!d.rms_team_only && !d.manager_only">                                        
                                        <div class="col-sm-1" ng-if="d.aq_type != 'section'"><label class="badge badge-success pointer alert p-2"> You: </label></div>
                                        <div class="col-sm-3" ng-if="d.aq_type === 'dropdown' || d.aq_type === 'dropdown_scale'"><select ng-disabled="true" ng-model="d.as_answer" ng-options="ag.key as (ag.value) for ag in d.aq_options" ng-disabled="opts.tab!=='hero'||d.as_manager_status==='active'||d.as_status==='active'" tabindex="{{($parent.$index+1)+($index+1)}}" class="form-control custom-select {{d.is_required?'required':''}}"></select></div>
                                        <div class="{{d.aq_comment ? 'col-sm-3' : 'col-sm-7'}}" ng-if="d.aq_type === 'shortanswer' || d.aq_type === 'longanswer' || d.aq_type === 'verylonganswer'"><textarea ng-disabled="true" ng-model="d.as_answer" class="form-control {{d.is_required?'required':''}}" rows="2" placeholder=""></textarea></div>
                                        <div class="col-sm-3" ng-if="d.aq_type === 'number' || d.aq_type === 'num_range'"><input ng-disabled="true" ng-model="d.as_answer" value="{{d.as_answer}}" type="number" min="{{d.aq_options.min}}" max="{{d.aq_options.max}}" step="{{d.aq_options.step}}" class="form-control {{d.is_required?'required':''}}" placeholder=""/></div>
                                        <div ng-if="d.aq_type === 'tf'" class="{{d.is_required?'required':''}}">
                                            <div class="form-check">
                                                <input ng-disabled="true" class="form-check-input" name="{{d.aq_type+$index}}" type="radio" id="{{'t'+$index}}" value="true" ng-checked="d.as_answer"/>
                                                <label class="form-check-label" for="{{'t'+$index}}">True</label>
                                            </div>
                                            <div class="form-check">
                                                <input ng-disabled="true" class="form-check-input" name="{{d.aq_type+$index}}" type="radio" id="{{'f'+$index}}" value="false" ng-checked="!d.as_answer"/>
                                                <label class="form-check-label" for="{{'f'+$index}}">False</label>
                                            </div>
                                        </div>
                                        <div class="col-sm-4" ng-if="d.aq_comment && d.aq_type != 'section'"><textarea ng-disabled="true" tabindex="{{($parent.$index+1)+($index+2)}}" ng-model="d.as_comments" rows="2" class="form-control" placeholder=""></textarea></div>
                                        <div class="col-sm-4"></div>
                                    </div>

                                    <div class="col-sm-12 input-group" ng-if="(opts.hideManagerInfo && d.aq_manager_reply) || d.manager_only">
                                        <div class="col-sm-1" ng-if="d.aq_type != 'section'"><label class="badge badge-info pointer alert p-2">{{d.manager_only?'Manager':d.rms_team_only?'HR':'Manager'}}:</label></div>
                                        <div class="col-sm-3" ng-if="d.aq_type === 'dropdown' || d.aq_type === 'dropdown_scale'">
                                            <select ng-disabled="d.as_manager_status==='active' || !isAssignedManager" ng-model="d.as_manager_answer" ng-options="ag.key as (ag.value) for ag in d.aq_options" tabindex="{{($parent.$index+1)+($index+1)}}" class="form-control custom-select {{d.is_required?'required':''}}"></select>
                                        </div>
                                        <!-- <div class="{{d.aq_comment ? 'col-sm-3' : 'col-sm-7'}}" ng-if="d.aq_type === 'shortanswer' || d.aq_type === 'longanswer' || d.aq_type === 'verylonganswer'"> -->
                                        <div class="{{d.aq_manager_reply &&  d.aq_type != 'verylonganswer' ? 'col-sm-3' : (d.aq_manager_reply && d.aq_type == 'verylonganswer') ? 'col-sm-7' : 'col-sm-7' }}" ng-if="d.aq_type === 'shortanswer' || d.aq_type === 'longanswer' || d.aq_type === 'verylonganswer'">
                                            <textarea ng-disabled="d.as_manager_status==='active'|| !isAssignedManager" ng-model="d.as_manager_answer" class="form-control {{d.is_required?'required':''}}" rows="2" placeholder="Enter your response..."></textarea>
                                        </div>
                                        <div class="col-sm-3" ng-if="d.aq_type === 'number' || d.aq_type === 'num_range'">
                                            <input ng-disabled="d.as_manager_status==='active'|| !isAssignedManager" ng-value="d.as_manager_answer" ng-model="d.as_manager_answer" type="number" class="form-control {{d.is_required?'required':''}}" placeholder="{{d.aq_options.min && d.aq_options.max ? 'Enter between ' + d.aq_options.min + ' to ' + d.aq_options.max : 'Enter any number'}}"/><!--min="{{d.aq_options.min}}" max="{{d.aq_options.max}}" step="{{d.aq_options.step}}"-->
                                        </div>
                                        <div ng-if="d.aq_type === 'tf'" class="{{d.is_required?'required':''}}">
                                            <div class="form-check">
                                                <input ng-disabled="d.as_manager_status==='active'|| !isAssignedManager" class="form-check-input" name="{{d.aq_type+$index}}" type="radio" id="{{'t'+$index}}" value="true" ng-model="d.as_manager_answer" ng-checked="d.as_manager_answer"/>
                                                <label class="form-check-label" for="{{'t'+$index}}">True</label>
                                            </div>
                                            <div class="form-check">
                                                <input ng-disabled="d.as_manager_status==='active'|| !isAssignedManager" class="form-check-input" name="{{d.aq_type+$index}}" type="radio" id="{{'f'+$index}}" value="false" ng-model="d.as_manager_answer" ng-checked="!d.as_manager_answer"/>
                                                <label class="form-check-label" for="{{'f'+$index}}">False</label>
                                            </div>
                                        </div>
                                        <div class="col-sm-4" ng-if="d.aq_manager_reply && d.aq_type != 'verylonganswer' "><textarea ng-disabled="d.as_manager_status==='active'|| !isAssignedManager" ng-model="d.as_manager_comments" rows="2" class="form-control" placeholder="Enter the manager comment"></textarea></div>
                                        <div class="col-sm-4" ng-if="d.aq_manager_reply"><textarea ng-disabled="d.as_manager_status==='active'|| !isAssignedManager" ng-model="d.as_manager_internal_comments" rows="2" class="form-control" placeholder="Enter the internal manager comment, this comment will not be visible to hero!"></textarea></div>
                                    </div>                                    
                                    
                                    <!--RMS Team Only-->
                                    <div class="col-sm-12 input-group" ng-if="d.rms_team_only">
									
                                        <div class="col-sm-1" ng-if="d.aq_type != 'section'"><label class="badge badge-info pointer alert p-2">{{d.manager_only?'Manager':d.rms_team_only?'HR':'Manager'}}:</label></div>
                                        <div class="col-sm-3" ng-if="d.aq_type === 'dropdown' || d.aq_type === 'dropdown_scale'">
                                            <select ng-disabled="d.as_hr_status==='active' || !loggedInUser.is_rms_team" ng-model="d.as_manager_answer" ng-options="ag.key as (ag.value) for ag in d.aq_options" tabindex="{{($parent.$index+1)+($index+1)}}" class="form-control custom-select {{d.is_required?'required':''}}"></select>
                                        </div>
                                        <div class="{{d.aq_comment ? 'col-sm-3' : 'col-sm-7'}}" ng-if="d.aq_type === 'shortanswer' || d.aq_type === 'longanswer' || d.aq_type === 'verylonganswer'">
                                            <textarea ng-disabled="d.as_hr_status==='active' || !loggedInUser.is_rms_team" ng-model="d.as_manager_answer" class="form-control {{d.is_required?'required':''}}" rows="2" placeholder="Enter your response..."></textarea>
                                        </div>
                                        <div class="col-sm-3" ng-if="d.aq_type === 'number' || d.aq_type === 'num_range'">
                                            <input ng-disabled="d.as_hr_status==='active' || !loggedInUser.is_rms_team" ng-value="d.as_manager_answer" ng-model="d.as_manager_answer" type="number" class="form-control {{d.is_required?'required':''}}" placeholder="{{d.aq_options.min && d.aq_options.max ? 'Enter between ' + d.aq_options.min + ' to ' + d.aq_options.max : 'Enter any number'}}"/><!--min="{{d.aq_options.min}}" max="{{d.aq_options.max}}" step="{{d.aq_options.step}}"-->
                                        </div>
                                        <div ng-if="d.aq_type === 'tf'" class="{{d.is_required?'required':''}}">
                                            <div class="form-check">
                                                <input ng-disabled="d.as_hr_status==='active' || !loggedInUser.is_rms_team" class="form-check-input" name="{{d.aq_type+$index}}" type="radio" id="{{'t'+$index}}" value="true" ng-model="d.as_manager_answer" ng-checked="d.as_manager_answer"/>
                                                <label class="form-check-label" for="{{'t'+$index}}">True</label>
                                            </div>
                                            <div class="form-check">
                                                <input ng-disabled="d.as_hr_status==='active' || !loggedInUser.is_rms_team" class="form-check-input" name="{{d.aq_type+$index}}" type="radio" id="{{'f'+$index}}" value="false" ng-model="d.as_manager_answer" ng-checked="!d.as_manager_answer"/>
                                                <label class="form-check-label" for="{{'f'+$index}}">False</label>
                                            </div>
                                        </div>
                                        <div class="col-sm-4" ng-if="d.aq_comment"><textarea ng-disabled="d.as_hr_status==='active' || !loggedInUser.is_rms_team" ng-model="d.as_manager_comments" rows="2" class="form-control" placeholder="Enter the manager comment"></textarea></div>
                                        <div class="col-sm-4" ng-if="d.aq_comment"><textarea ng-disabled="d.as_hr_status==='active' || !loggedInUser.is_rms_team" ng-model="d.as_manager_internal_comments" rows="2" class="form-control" placeholder="Enter the internal manager comment, this comment will not be visible to hero!"></textarea></div>
                                    </div>
                                </div>
                            </div>                                                        
                        </div>
                    </div>
                </div>

                <!-- Buttons for Submit and Skip/HR Manager -->

                <div class="card-body p-1" style="text-align: center;">
                    <div class="card card-success p-2">                            
                        <div class="card-body">
                            <div class="card-body p-0">
                                <div class="mt-1">                                    
                                    <!--button for manager-->
                                    <button ng-if="assessmentSummary.is_complete == false && isAssignedManager" id="savebtn2" type="button" ng-disabled="isManagerReply" ng-click="Save(true)" class="savebtn btn btn-primary"><i class="fas {{createButton.icon}}"></i> Save as Draft (Step 1)</button>
                                    <button ng-if="assessmentSummary.is_complete == false && isAssignedManager" id="savebtn" type="submit" ng-disabled="isManagerReply" ng-click="Save()" class="btn btn-success"><i class="fas {{createButton.icon}}"></i> {{createButton.text}} (Step 2)</button>
                                    
                                    <!--button for hr-->
                                   <!-- <button ng-if="assessmentSummary.is_complete == false && loggedInUser.is_rms_team" id="savebtn21" type="button" ng-disabled="isHrReply" ng-click="Save(true)" class="savebtn btn btn-primary"><i class="fas {{createButton.icon}}"></i> Save as Draft (HR Comments)</button>
                                    <button ng-if="assessmentSummary.is_complete == false && loggedInUser.is_rms_team" id="savebtn1" type="submit" ng-disabled="isHrReply" ng-click="Save()" class="btn btn-success"><i class="fas {{createButton.icon}}"></i> {{createButton.text}} (HR Comments)</button>
										-->
                                    <span id="step3msg" ng-if="assessmentSummary.is_complete == false" style="padding: 7px 20px 5px 20px; border: 1px solid #000;"><i class="fas fa-arrow-down"></i> Step 3 - One To One</span>
                                    <button ng-if="assessmentSummary.is_complete == false" type="button" ng-disabled="!onetoOne.status" ng-click="openModal()" class="btn btn-success"><i class="fas fa-paper-plane"></i> Send FORM to Skip Manager / HR (Step 4)</button>
									<br><br><hr>
									  <button ng-if="assessmentSummary.is_complete == false && loggedInUser.is_rms_team" id="savebtn21" type="button" ng-disabled="isHrReply" ng-click="Save(true)" class="savebtn btn btn-primary"><i class="fas {{createButton.icon}}"></i> Save as Draft (HR Comments)</button>
                                    <button ng-if="assessmentSummary.is_complete == false && loggedInUser.is_rms_team" id="savebtn1" type="submit" ng-disabled="isHrReply" ng-click="Save()" class="btn btn-success"><i class="fas {{createButton.icon}}"></i> {{createButton.text}} (HR Comments)</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!--one-to-one meeting preview to skip manager and hr-->
               
                <div class="card-body p-1 card card-success card-outline card-outline-tabs">
                    <div class="card-header p-0 ng-scope"><div class="text-success"><h5>One-to-One Meeting Detail - Step 3</h5></div></div>
                    <div class="card card-success p-2">                            
                        <div class="card-body">
                            <div class="card-body p-0">
                                <div class="mt-1">
                                    <div class="form-input">
                                        <div class="p-2">
                                            <div>Is one-to-one meeting done?<br/></div>
                                            <div class="p-2"><label><input class="form-check-input" ng-disabled="onetoOne.status && isManagerReply" ng-required="!one_to_one" ng-model="onetoOne.one_to_one" value="yes" name="onetoone" type="radio"/>&nbsp;<span>Yes</span></label></div>
                                            <div class="p-2"><label><input class="form-check-input" ng-disabled="onetoOne.status && isManagerReply" ng-required="!one_to_one" ng-model="onetoOne.one_to_one" value="no" name="onetoone" type="radio"/> &nbsp;<span>No</span></label></div>
                                        </div>
                                    </div>
                                    <div class="form-input">
                                        <label class="form-label">Date </label>
                                        <input id="date" type=text date-picker
                                            placeholder='Date (DD-MM-YYYY)'
                                            dateformat='mm-mm-yy' maxlength="10"
                                            default="onetoOne.date"
                                            class='form-control' ng-disabled="onetoOne.status && isManagerReply"
                                            ng-model="onetoOne.date"/>
                                            
                                    </div>
                                    <div class="form-textarea">
                                        <label class="form-label">Meeting notes</label>
                                        <textarea ng-disabled="onetoOne.status && isManagerReply" rows="3" class="form-control" ng-model="onetoOne.notes"></textarea>
                                    </div>                                
                                    <div class="col-sm-12 mt-1">
                                        <button ng-if="assessmentSummary.is_complete == false" ng-disabled="onetoOne.status && isManagerReply" id="savebtnonetoone" type="button" ng-click="submitOneToOne()" class="savebtn btn btn-success btn-xs"><i class="fas fa-primary"></i>Save one-to-one note (Step 3)</button>
										<button ng-if="assessmentSummary.is_complete == false" type="button" ng-disabled="!onetoOne.status" ng-click="openModal()" class="btn btn-success"><i class="fas fa-paper-plane"></i> Send FORM to Skip Manager / HR (Step 4)</button>
									</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            <!-- Goals Start -->
            <div class="card-body p-1 card card-warning card-outline card-outline-tabs">
                <div class="card-header p-0 ng-scope">
                    <div class="text-warning">
                        <h5>Hero Goals</h5>
                    </div>
                    <div class="text-info">
                        <h6 ng-if="heroGoals.length==0">
                            <a href="goal-dashboard/view/{{empInfo.employeeid}}/" target="_blank">
                                <h6>No Goal set yet. Click here to set Goal.</h6>
                            </a>
                    </div>
                </div>
                <div class="card card-success p-2">                            
                    <div class="card-body">
                        <div class="card-body p-0">
                            <div class="mt-1" >                                    
                                <div class="table-responsive">
                                    <table id="heroList" class="table table-bordered table-striped table-sm">
                                        <thead>
                                            <tr>
                                                <th>Goal Title</th>
                                                <th>Stage</th>
                                                <th>Target Date</th>
                                                <th>Complete Date</th>
                                                <th>Description</th>
                                                <th>Created By</th>
                                                <th>Is Approved</th>
                                                <!-- <th>Action</th> -->
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr ng-repeat="goal in heroGoals">
                                                <td>{{goal.goal_name}}</td>
                                                <td><span class="badge {{ goal.stage=='completed'? 'badge-success' : goal.stage=='in-progress' ? 'badge-info' : 'badge-danger' }}">{{goal.stage | capitalize}}</span></td>
                                                <td>{{  goal.target_date | datetz:'DD-MM-YYYY'}}</td>
                                                <td>{{  goal.completed_date | date:'d-MM-y' }}</td>
                                                <td>{{goal.description}}</td>
                                                <td>{{goal.emp_first_name + ' ' + goal.emp_middle_name + ' ' + goal.emp_last_name}}</td>
                                                <td><span class="badge {{goal.is_approved?'badge-success':'badge-danger'}}">{{goal.is_approved ? 'Yes' : 'No'}}</span></td>
                                                <!-- <td><a href="/goal-dashboard/view/{{goal.hero_id}}/" target="_blank">View Details</a></td> -->
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>                
            </div>
            <!-- End goals -->

            <!-- Assessment Summary Start -->
            <div ng-if="isSuperAdmin" class="card-body p-1 card card-primary card-outline card-outline-tabs">
                <div class="card-header p-0 ng-scope"><div class="text-primary"><h5>Official Comment Section</h5></div></div>
                <div class="card card-success p-2">                            
                    <div class="card-body">
                        <div class="card-body p-0">
                            <div class="mt-1" >                                    
                                <div class="row">
                                    <div class="col-sm-2">
                                        <div class="form-input">
                                            <label class="form-label" for="">Manager Score:</label>
                                            <span class="badge badge-primary p-2">{{assessmentSummary.manager_score}}/{{assessmentSummary.total_score}}</span>
                                        </div>
                                        <div class="form-input">
                                            <label class="form-label" for="">Manager Grade:</label>
                                            <select ng-model="assessmentSummary.manager_grade" ng-disabled="!isManagerReply||assessmentSummary.is_complete == true"
                                            ng-options="gd.id as gd.grade_name for gd in allGrades" 
                                            class="form-control custom-select"></select>
                                        </div>
                                    </div>
                                    <div class="col-sm-2">
                                        <div class="form-input">
                                            <label class="form-label" for=""></label>
                                            <span class="badge badge-primary p-2"></span>
                                        </div>
                                        <div class="form-input">
                                            <label class="form-label" for="">Overall Grade:</label>
                                            <select ng-model="assessmentSummary.grade" ng-disabled="!isManagerReply||assessmentSummary.is_complete == true"
                                            ng-options="gd.id as gd.grade_name for gd in allGrades" 
                                            class="form-control custom-select"></select>
                                        </div>
                                    </div>
                                    <div class="col-sm-4">
                                        <div class="form-input">
                                            <label class="form-label" for="">Hero Score:</label>
                                            <span class="badge badge-warning p-2">{{assessmentSummary.hero_score}}/{{assessmentSummary.total_score}}</span>
                                        </div>
                                        <div class="form-input">
                                            <label class="form-label" for="">Overall Comment:</label>
                                            <textarea ng-disabled="!isManagerReply||assessmentSummary.is_complete == true" ng-model="assessmentSummary.comment" value="assessmentSummary.comment" class="form-control" required/>
                                        </div>
                                    </div>
                                    <div class="col-sm-4">
                                        <div class="form-input">
                                            <label class="form-label" for="">Total Score:</label>
                                            <span class="badge badge-success p-2">{{assessmentSummary.total_score}}</span>
                                        </div>
                                        <div class="form-input">
                                            <label class="form-label" for="">Any other comment:</label>
                                            <textarea ng-disabled="!isManagerReply||assessmentSummary.is_complete == true" ng-model="assessmentSummary.other_comment" value="assessmentSummary.other_comment" class="form-control"/>
                                        </div>
                                    </div>
                                    <div class="col-sm-4">
                                        <button ng-disabled="isManagerReply==false||assessmentSummary.is_complete == true" type="button" ng-click="submitAssessmentSummaryData(false)" class="btn btn-primary">Save as draft</button>
                                        <button ng-disabled="isManagerReply==false||assessmentSummary.is_complete == true" type="button" ng-click="submitAssessmentSummaryData(true)" class="btn btn-success">Complete Assessment</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>                
            </div>
            <!-- Assessment Summary END -->
        </div>
    </section>
   
    <!--Send form to skip manager/hr modal-->
    <div uib-modal-window="modal-window" ng-if="isModalOpen" class="modal fade ng-scope ng-isolate-scope in" role="dialog" 
        size="lg" index="0" animate="animate" tabindex="-1" 
        uib-modal-animation-class="fade" modal-in-class="in" modal-animation="true" 
        style="z-index: 1050; display: block;">        
        <div class="modal-header bg-dark"><strong>Send FORM to Skip Manager / HR</strong></div>
        <div class="modal-body" id="modal-body">
            <div class="row">
                <div class="form-group col-sm-12">
                    <div class="input-group">
                        <select ng-change="handleAssessmentManagerChange(skipManagerOrHrId)" ng-disabled="false" ng-model="skipManagerOrHrId" 
                        ng-options="am.id as (am.emp_first_name+' '+am.emp_middle_name+' '+am.emp_last_name+'('+am.emp_code+')') for am in assessmentManagerList" 
                        class="form-control custom-select"></select>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="text-olive"><strong>Submmited History</strong></div>
                <table class="table table-bordered table-sm p-0 m-0">
                    <thead>
                        <tr>
                            <th>Name</th>
                            <th>Submitted On</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr ng-repeat="item in allreadySubmmited">
                            <td>{{item.emp_first_name+' '+item.emp_middle_name+' '+item.emp_last_name}} ({{item.emp_code}})</td>
                            <td>{{item.submitted_on}}</td>
                        </tr>
                        <tr ng-if="allreadySubmmited.length===0">
                            <td colspan="2">No history found</td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div class="modal-footer p-2">
                <button class="btn btn-danger btn-xs" type="button" ng-click="cancel()"><i class="fas fa-times"></i> Cancel</button>
                <button class="btn btn-success btn-xs" type="button" ng-click="sendMail()"><i class="fas fa-paper-plane"></i> Send</button>
            </div>
        </div>
    </div>
    <div ng-if="isModalOpen" uib-modal-backdrop="modal-backdrop" class="modal-backdrop fade ng-scope in" ng-style="{'z-index': 1040 + (index &amp;&amp; 1 || 0) + index*10}" uib-modal-animation-class="fade" modal-in-class="in" modal-animation="true" data-bootstrap-modal-aria-hidden-count="1" aria-hidden="true" style="z-index: 1040;"></div>
    <style>
        .pad-1{padding:10px;font-size:15px;font-weight: bold;}
        .required {border: 1px solid red;}
        /*input[value]:not([value='']){border:1px solid #ced4da}
        select[value]:not([value='']){border:1px solid #ced4da}*/
    </style>
</div>


<div id="print" class="canvas_div_pdf"></div>