@extends('hr::layouts.master')
@section('content')
<script src="{{ asset('/js/hr/controller/empModules.js')}}"></script> 
<script src="{{ asset('/js/hr/controller/employeeSettingsCtrl.js')}}"></script>
<script src="{{ asset('/js/hr/controller/employeeController.js')}}"></script>     
<script src="{{ asset('/js/hr/controller/leavesController.js')}}"></script> 
<script src="{{ asset('/js/common/controller/countryController.js')}}"></script>  
<script src="{{ asset('/js/hr/controller/tagController.js')}}"></script>

<div  ng-app="employeeApp" ng-controller="employeeCtrl" >
    <div ng-controller="employeeSettingsCtrl" ng-init="showSettingsFrom('department')">
        <div class="col s12">
                <div class="card">
                    <h1 class="page-title">Master Settings</h1>
                    <a href="#!" ng-click="GoBack()" class="waves-effect page-button"><i class="material-icons left">arrow_back</i>Back</a>
                </div>
            </div>
          <div class="col s4 sticky-side-bar">
                    <div class="card">
                        <ul class="custom-side-bar custom-auto-height">
<!--                            <li class="custom-item active"> 
                               <a href="#" ng-click="showSettingsFrom('bank')">Bank
                                    <i class="fa fa-sign-in"></i>
                                </a>
                            </li>-->
                            <li class="custom-item"  ng-class="{'active': active=='department'}"> 
                                <a  href="#" ng-click="showSettingsFrom('department')">Department
                                    <i class="fa fa-sign-in"></i>
                                </a>
                            </li>
                            <li class="custom-item"  ng-class="{'active': active=='contracttype'}"> 
                                <a href="#" ng-click="showSettingsFrom('contracttype')">Contract Type
                                    <i class="fa fa-sign-in"></i>
                                </a>
                            </li>
                            <li class="custom-item" ng-class="{'active': active=='jobposition'}"> 
                                <a href="#" ng-click="showSettingsFrom('jobposition')">Job Position
                                    <i class="fa fa-sign-in"></i>
                                </a>
                            </li>
<!--                            <li class="custom-item"> 
                                <a href="#" ng-click="showSettingsFrom('leavepackage')">Leave package
                                    <i class="fa fa-sign-in"></i>
                                </a>
                            </li>-->
<!--                            <li class="custom-item" ng-class="{'active': active=='leaveTypes'}"> 
                                <a href="#" ng-click="showSettingsFrom('leaveTypes')">leave Types
                                    <i class="fa fa-sign-in"></i>
                                </a>
                            </li>-->
                            <li class="custom-item" ng-class="{'active': active=='workinghours'}"> 
                                <a href="#" ng-click="showSettingsFrom('workinghours')">Working Hours
                                    <i class="fa fa-sign-in"></i>
                                </a>
                            </li>
                            <li class="custom-item" ng-class="{'active': active=='shifttypes'}"> 
                                <a href="#" ng-click="showSettingsFrom('shifttypes')">Shift Types
                                    <i class="fa fa-sign-in"></i>
                                </a>
                            </li>
                            <li class="custom-item" ng-class="{'active': active=='relation'}"> 
                                <a href="#" ng-click="showSettingsFrom('relation')">Relation
                                    <i class="fa fa-sign-in"></i>
                                </a>
                            </li>
                             <li class="custom-item" ng-class="{'active': active=='teamlist'}"> 
                                <a href="#" ng-click="showSettingsFrom('teamlist')">Team List
                                    <i class="fa fa-sign-in"></i>
                                </a>
                            </li>
                            <li class="custom-item" ng-class="{'active': active=='prooftypes'}"> 
                                <a href="#" ng-click="showSettingsFrom('prooftypes')">Proof Type
                                    <i class="fa fa-sign-in"></i>
                                </a>
                            </li>
<!--                            <li class="custom-item"> 
                                <a href="#" ng-click="showSettingsFrom('salutation')">Salutation
                                    <i class="fa fa-sign-in"></i>
                                </a>
                            </li>-->
                           

                        </ul>
                    </div>                    
                </div>

    <div  class="col s8" id='settingsContent'>
        
    </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 '[]'}}"/>
    <script>
    $(document).ready(function () {
        $('select').material_select();
        $('.datepicker').pickadate({
            selectMonths: true, // Creates a dropdown to control month
            selectYears: 15 // Creates a dropdown of 15 years to control year
        });

        $('.sticky-side-bar .card').css('width', $('.sticky-side-bar .card').width());


        $(window).scroll(function (event) {
// what the y position of the scroll is
            var y = $(this).scrollTop();
            if (y >= $('.sticky-side-bar').offset().top) {
                if (!$('.sticky-side-bar .card').hasClass('sticky'))
                    $('.sticky-side-bar .card').addClass('sticky');
            } else {
                if ($('.sticky-side-bar .card').hasClass('sticky'))
                    $('.sticky-side-bar .card').removeClass('sticky');
            }

        });

    });
    </script>
</div> 
</div>
@stop