<div class="headers">
    <script>
        $('#hr').css('left', 0);
        $('.fa-users').closest('#hr').find('.fa-users').addClass('fa-spin');
    </script>
    <div class="control_headers" id="control_headers">
        <div class="dropdown">
            <a href="#" class="guestDetails_links inner"><b>Search</b> <i class="fa fa-search" aria-hidden="true"></i></a>
            <div class="dropdown-content" >
                <a href="javascript: void(0)" onclick="employeeFile()"><i class="fa fa-group" aria-hidden="true"></i> &nbsp;&nbsp;Employee File </a>
            </div>
        </div>
        <div class="dropdown">
            <a href="#" class="guestDetails_links inner">Employees</a>
            <div class="dropdown-content">
                <a href="{{url('view-company-employees')}}"><i class="fa fa-group" aria-hidden="true"></i> &nbsp;&nbsp; View Employees</a>
                <a href="{{url('#')}}"><i class="fa fa-indent" aria-hidden="true"></i> &nbsp;&nbsp; Performance Analysis</a>
            </div>
        </div>
        <div class="dropdown">
            <a href="#" class="guestDetails_links inner">Payroll</a>
            <div class="dropdown-content">
                <a href="{{url('view-payroll')}}"><i class="fa fa-paypal" aria-hidden="true"></i> &nbsp;&nbsp; View Payroll</a>
                <a href="{{url('#')}}"><i class="fa fa-plus-circle" aria-hidden="true"></i> &nbsp;&nbsp; Give Allowances</a>
                <a href="{{url('#')}}"><i class="fa fa-minus-circle" aria-hidden="true"></i> &nbsp;&nbsp; Register Deductions</a>
                <a href="{{url('setup-tax-calculator')}}"><i class="fa fa-calculator" aria-hidden="true"></i> &nbsp;&nbsp; Setup Tax Calculator</a>
                <a href="{{url('setup-employee-relieves')}}"><i class="fa fa-american-sign-language-interpreting" aria-hidden="true"></i> &nbsp;&nbsp; Setup Relieves</a>
                <a href="{{url('payroll-history')}}"><i class="fa fa-list" aria-hidden="true"></i> &nbsp;&nbsp; Payroll History</a>
            </div>
        </div>
        <div class="dropdown">
            <a href="#" class="guestDetails_links inner">Deductions</a>
            <div class="dropdown-content">
                <a href="{{url('setup-deductions')}}"><i class="fa fa-minus-circle" aria-hidden="true"></i> &nbsp;&nbsp; Setup Deductions</a>
            </div>
        </div>
        <div class="dropdown">
            <a href="#" class="guestDetails_links inner">Allowances</a>
            <div class="dropdown-content">
                <a href="{{url('setup-allowances')}}"><i class="fa fa-plus-circle" aria-hidden="true"></i> &nbsp;&nbsp; Setup Allowances</a>
            </div>
        </div>
        <div class="dropdown" >
            <a href="#" class="guestDetails_links inner">Leave Management</a>
            <div class="dropdown-content">
                <a href="{{url('#')}}"><i class="fa fa-cog" aria-hidden="true"></i> &nbsp;&nbsp; Setup Leave Types</a>
                <a href="{{url('#')}}"><i class="fa fa-list-ol" aria-hidden="true"></i> &nbsp;&nbsp; Applied Leaves </a>
                <a href="{{url('#')}}"><i class="fa fa-calendar" aria-hidden="true"></i> &nbsp;&nbsp; Employee Leave Days</a>
                <a href="{{url('#')}}"><i class="fa fa-align-left" aria-hidden="true"></i> &nbsp;&nbsp; Leave Reports</a>
            </div>
        </div>
        <div class="dropdown" >
            <a href="#" class="guestDetails_links inner">Advances</a>
            <div class="dropdown-content">
                <a href="{{url('#')}}"><i class="fa fa-pencil-square-o" aria-hidden="true"></i> &nbsp;&nbsp; Apply Advance Salary</a>
                <a href="{{url('employee-advance-salaries')}}"><i class="fa fa-list-ol" aria-hidden="true"></i> &nbsp;&nbsp; Applied Advances </a>
            </div>
        </div>
        <div class="dropdown">
            <a href="{{url('#')}}" class="guestDetails_links inner">Employee Reports</a>
        </div>
    </div>
</div>
