@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('globalbank')">
        <div class="col s12">
            <div class="card">
                <h1 class="page-title">Global 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">
                    <li class="custom-item" ng-class="{'active': active=='globalbank'}"> 
                        <a href="#" ng-click="showSettingsFrom('globalbank')">Bank
                            <i class="fa fa-sign-in"></i>
                        </a>
                    </li>                           

                    <li class="custom-item" ng-class="{'active': active=='globalsalutation'}"> 
                        <a href="#" ng-click="showSettingsFrom('globalsalutation')">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-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-relations' value="{{$relations or '[]'}}"/>
        <input type="hidden" id='data-shifttype' value="{{$shifttypes or '[]'}}"/>
        <input type="hidden" id='data-countries' value="{{$countries or '[]'}}"/>
        <input type="hidden" id='data-salutations' value="{{$salutations or '[]'}}"/>
        <input type="hidden" id='data-leaves' value="{{$leaves 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="{{$parentdepartments 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