@extends('hr::layouts.master')
@section('content')
<script src="{{ asset('/js/hr/controller/empModules.js')}}"></script>
<script src="{{ asset('/js/hr/controller/employeeController.js')}}"></script>
<script src="{{ asset('/js/common/controller/countryController.js')}}"></script>
<script src="{{ asset('/js/hr/controller/tagController.js')}}"></script>
<script src="{{ asset('/js/hr/controller/badgeController.js')}}"></script>
<script src="{{ asset('/js/hr/controller/selectcommonController.js')}}"></script>
<div  ng-app="employeeApp">
    <div ng-controller="employeeCtrl" ng-init="salaryheadPagingInit()">
        <div class="col s12">
            <div class="card">
                <h1 class="page-title">Salary Heads</h1>
            </div>
        </div>
        <form class="custom-form card" id="frmsalaryheads">
            <div class="row">
                <div class="input-field mandatory col s3">
                    <input id="salaryheads" name="salaryheads" type="text"  class="validate" placeholder="Salary head" ng-model="salryhead" required>
                    <label for="salaryheads">Salary head</label>
                </div>
                <div class="input-field col s4">
                    <div class="switch">
                        <label>
                            <b>Status :</b>
                            <input type="checkbox" id="eord" ng-model="eord" name="eord">
                            <span class="lever"><p style="margin-left:50px;" ng-show="eord">EARNING</p><p style="margin-left:50px;" ng-show="eord != 'true'">DEDUCTION</p></span>
                        </label>
                    </div>
                </div>
                
                <input type="hidden" name="salryheadId" id="salryheadId" value="@{{salryheadId}}">
            </div>
            
            <div class="card">
                <div class="row">
                    <div class="input-field col s6" ng-hide="salaryheads.data == 0">
                        <label style="margin-left: 50px">Search</label>
                        <input type="search" value="" ng-model="searchsalaryheads" >
                    </div>
                    <table class="responsive-table" ng-hide="salaryheads.data == 0">
                        <thead>
                            <tr>
                                <th>Salary Head</th>
                                <th>E or D</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr ng-repeat="salry in salaryheads.data |  filter:searchsalaryheads" >
                                <td>@{{salry.salaryhead}}</td>
                                <td>@{{salry.eord}}</td>
                                <td>
                                    <a href="#!" ng-click="editsalaryheads(salry.id, $index)"><i class="fa fa-pencil fa-fw"></i> Edit</a>
                                    <a href="#!" ng-click="showDeleteModalsalaryheads(salry.id, $index)" ><i class="fa fa-trash-o fa-fw"></i>Delete</a>
                                </td>
                            </tr>
                        </tbody>
                        
                        <div class="input-field col s12" ng-hide="salaryheads.data == 0">
                            <ul class="pagination" ng-if="1 < pages.length || !autoHide">
                                <li  ng-disabled="pagingData.current_page == 1">
                                    <a href="" ng-click="pagingData.current_page == 1 || setCurrentsalaryheadsPage(1)">&laquo;</a>
                                </li>
                                <li  ng-disabled="pagingData.current_page == 1">
                                    <a href="" ng-click="pagingData.current_page == 1 || setCurrentsalaryheadsPage(pagingData.current_page - 1)">&lsaquo;</a>
                                </li>
                                <li ng-repeat="pageNumber in pages track by  $index" ng-class="{ active :pagingData.current_page == pageNumber, disabled : pageNumber == '...' }">
                                    <a href="" ng-click="setCurrentsalaryheadsPage(pageNumber)">@{{ pageNumber}}</a>
                                </li>
                                <li  ng-disabled="pagingData.current_page == pagingData.last_page">
                                    <a href="" ng-click="pagingData.current_page == pagingData.last_page || setCurrentsalaryheadsPage(pagingData.current_page + 1)">&rsaquo;</a>
                                </li>
                                <li  ng-disabled="pagingData.current_page == pagingData.last_page">
                                    <a href="" ng-click="pagingData.current_page == pagingData.last_page || setCurrentsalaryheadsPage(pagingData.last_page)">&raquo;</a>
                                </li>
                            </ul>
                        </div>
                    </table>
                    <div id="modal-salaryhead-delete" class="modal modal-fixed-footer" data-modalfire>
                        <div class="modal-content">
                            <h4>Do you want delete this item(s) ?</h4>
                        </div>
                        <div class="modal-footer">
                            <a href="#!" ng-click="deletesalaryheads()" class="modal-action waves-effect waves-red btn-flat ">Yes</a>
                            <a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat ">No</a>
                        </div>
                    </div>
                    
                </div>
            </div>
            <div class="col s8">
                <div class="row">
                    <div class="card">
                        <div class="no-data" ng-show="salaryheads.data == 0">
                            <i class="no-data-img"></i>
                            <p>No results found</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col s12">
                <div class="primay-footer ">
                    <div class="footer-content">
                        <div class="row">
                            <div class="input-field col s7">
                                <p class="footer-legend"><i class="fa fa-caret-right red-text" aria-hidden="true"></i> &nbsp;Mandatory Fields</p>
                            </div>
                            <div class="input-field right">
                                <button class="btn white grey-text-text default waves-effect" type="reset">Cancel</button>
                                <a class="btn transparent green-text primary waves-effect"ng-click="savesalaryhead()" type="submit">Save</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
    <input type="hidden" id="data-empid" value="{{$employid or '[]'}}"/>
    <input type="hidden" id="data-packageid" value="{{$packageid or '[]'}}"/>
    <input type="hidden" id="data-expired" value="{{$expired or '[]'}}"/>
    <input type="hidden" id="data-affectedfrm" value="{{$affectedfrm or '[]'}}"/>
    <input type="hidden" id='data-teams' value="{{$teams or '[]'}}"/>
    <input type="hidden" id='data-prooftypes' value="{{$prooftypes or '[]'}}"/>
    <input type="hidden" id='data-workinghours' value="{{$workinghours or '[]'}}"/>
    <input type="hidden" id='data-leavetypes' value="{{$leavetypes or '[]'}}"/>
    <input type="hidden" id='data-jobpositions' value="{{$jobpositions or '[]'}}"/>
    <input type="hidden" id='data-leavepackage' value="{{$leavepackage or '[]'}}"/>
    <input type="hidden" id='data-contracts' value="{{$contracttypes or '[]'}}"/>
    <input type="hidden" id='data-relations' value="{{$relations or '[]'}}"/>
    <input type="hidden" id='data-shifttype' value="{{$shifttypes or '[]'}}"/>
    <input type="hidden" id='data-departments' value="{{$departments or '[]'}}"/>
    <input type="hidden" id='data-countries' value="{{$countries or '[]'}}"/>
    <input type="hidden" id='data-salutations' value="{{$salutations or '[]'}}"/>
    <input type="hidden" id='data-banks' value="{{$banks or '[]'}}"/>
    <input type="hidden" id='data-tags' value="{{$tags or '[]'}}"/>
    <input type="hidden" id="data-parents" value="{{$parents or '[]'}}"/>
    <input type="hidden" id="data-leads" value="{{$leads or '[]'}}"/>
    <input type="hidden" id="data-salaryheads" value="{{$salaryheads or '[]'}}"/>
    <input type="hidden" id="data-salrypackgedeatls" value="{{$salrypackgedtls or '[]'}}"/>
    <input type="hidden" id="data-salarypackage" value="{{$salarypackage or '[]'}}"/>
    <input type="hidden" id="data-usertype" value="{{$usertype or '[]'}}"/>
</div>
@stop