@php
$sideDashboards = ['/home', '/hr'];
$sideEmployees = ['/consultants', '#', '/consultants/'.Request::segment(2).'/edit', '/consultants/'.Request::segment(2), '/import_consultants', '/consultants_aging'];
$sideReports = ['/consultants', '#', '/consultants/'.Request::segment(2).'/edit', '/consultants/'.Request::segment(2), '/import_consultants', '/consultants_aging'];
$sideSystem = ['/consultants', '#', '/consultants/'.Request::segment(2).'/edit', '/consultants/'.Request::segment(2), '/import_consultants', '/consultants_aging'];
$sideAnalytics = ['/consultants', '#', '/consultants/'.Request::segment(2).'/edit', '/consultants/'.Request::segment(2), '/import_consultants', '/consultants_aging'];
$sideAccounting = ['/consultants', '#', '/consultants/'.Request::segment(2).'/edit', '/consultants/'.Request::segment(2), '/import_consultants', '/consultants_aging'];
$sidePersonalInfo = ['/consultants', '#', '/consultants/'.Request::segment(2).'/edit', '/consultants/'.Request::segment(2), '/import_consultants', '/consultants_aging'];
$sideLeave = ['/consultants', '#', '/consultants/'.Request::segment(2).'/edit', '/consultants/'.Request::segment(2), '/import_consultants', '/consultants_aging'];
$sideTimesheet = ['/consultants', '#', '/consultants/'.Request::segment(2).'/edit', '/consultants/'.Request::segment(2), '/import_consultants', '/consultants_aging'];
$sideDocuments = ['/consultants', '#', '/consultants/'.Request::segment(2).'/edit', '/consultants/'.Request::segment(2), '/import_consultants', '/consultants_aging'];
$sideOrganization = ['/consultants', '#', '/consultants/'.Request::segment(2).'/edit', '/consultants/'.Request::segment(2), '/import_consultants', '/consultants_aging'];
$sideTraining = ['/consultants', '#', '/consultants/'.Request::segment(2).'/edit', '/consultants/'.Request::segment(2), '/import_consultants', '/consultants_aging'];
$sidePerformance = ['/consultants', '#', '/consultants/'.Request::segment(2).'/edit', '/consultants/'.Request::segment(2), '/import_consultants', '/consultants_aging'];
@endphp
<style>
	#sidebar-wrapper{
	position:absolute !important;
	height: calc(300vh - 66px);
	} 
</style>
<div class="d-flex width100P">
<div class="bar-width1 sidenav" id="bodyDiv">
	<script>
		// Check browser support
		if (typeof(Storage) !== "undefined") {
		    if(localStorage.getItem("slideClass") != '') {
		        $("#bodyDiv").addClass(localStorage.getItem("slideClass"));
		    } else {
		        localStorage.setItem("slideClass", "");
		    }
		}
	</script>
	<div id="sidebar-wrapper" class="scrollTop">
		<div class="mainNav">
			<ul>
				{{-- Dashboard --}}
				<li>
					<a href="{!!url('/home')!!}" class="waves-effect waves-light {{ activeSide($sideDashboards) }}">
                        <span class="icon24 icon-Dashboard"></span>
                        <span class="navFontSize">Dashboard</span>
					</a>
				</li>
				{{-- Employees TAB--}}
				<li>
					<a class="waves-effect waves-light {{ activeMenuIcon($sideEmployees) }}" data-toggle="collapse"
						href="#Employees-tab" role="button" aria-expanded="{{ activeMenu($sideEmployees) }}"
						aria-controls="Employees-tab">
                        <span class="icon24 icon-Consultants"></span>
                        <span class="navFontSize"> <span class="float-left">Employees</span>
                        <span class="navFontSizeIcon">
                        <i class="material-icons">keyboard_arrow_left</i></span>
                        </span>
					</a>
					<ul class="child_menu {{ activeMenuActive($sideEmployees) }}" id="Employees-tab">
						<li>
							<a class="waves-effect waves-light {{ activeSide('#') }} "
								href="{{ url('/hr/employees') }}">
							<span
								class="navFontSize mrg-5">Employees</span>
							</a>
							{{ Form::favouriteMenu('Employees', 'hr/employees', $favouriteLinks) }}
						</li>
						<li>
							<a class="waves-effect waves-light {{ activeSide('#') }} "
								href="{{ url('/hr/import_employees') }}">
							<span
								class="navFontSize mrg-5">Import Employees</span>
							</a>
							{{ Form::favouriteMenu('Import Employees', 'hr/import_employees', $favouriteLinks) }}
						</li>
						<li>
							<a class="waves-effect waves-light {{ activeSide('hr/employee_history') }} "
								href="{{ url('hr/employee_history') }}">
								<span class="navFontSize mrg-5">Employees History</span>
							</a>
							{{ Form::favouriteMenu('Employee History', 'hr/employee_history', $favouriteLinks) }}
						</li>
						<li>
							<a class="waves-effect waves-light {{ activeSide('#') }} "
								href="#">
							<span
								class="navFontSize mrg-5">Employees Training</span>
							</a>
							{{ Form::favouriteMenu('Employee Training', '#', $favouriteLinks) }}
						</li>
					</ul>
				</li>
				{{-- Reports TAB--}}
				<li>
					<a href="#" class="waves-effect waves-light {{ activeSide($sideReports) }}">
                        <span class="icon24 icon-Policy"></span>
                        <span class="navFontSize">Reports</span>
					</a>
				</li>
				{{-- System TAB--}}
				<li>
					<a class="waves-effect waves-light {{ activeMenuIcon($sideSystem) }}" data-toggle="collapse"
						href="#System-tab" role="button" aria-expanded="{{ activeMenu($sideSystem) }}"
						aria-controls="System-tab">
                        <span class="icon24 icon-Settings"></span>
                        <span class="navFontSize"> <span class="float-left">System</span>
                        <span class="navFontSizeIcon">
                        <i class="material-icons">keyboard_arrow_left</i></span>
                        </span>
					</a>
					<ul class="child_menu {{ activeMenuActive($sideSystem) }}" id="System-tab">
						<li>
							<a class="waves-effect waves-light {{ activeSide('hr/settings') }} "
								href="{{ url('hr/settings') }}">
								<span class="navFontSize mrg-5">Settings</span>
							</a>
							{{ Form::favouriteMenu('Settings', 'hr/settings', $favouriteLinks) }}
						</li>
						<li>
							<a class="waves-effect waves-light {{ activeSide('#') }} "
								href="#">
							<span
								class="navFontSize mrg-5">Users</span>
							</a>
							{{ Form::favouriteMenu('Users', '#', $favouriteLinks) }}
						</li>
						<li>
							<a class="waves-effect waves-light {{ activeSide('#') }} "
								href="#">
							<span
								class="navFontSize mrg-5">Manage Permissions</span>
							</a>
							{{ Form::favouriteMenu('Manage Permissions', '#', $favouriteLinks) }}
						</li>
						<li>
							<a class="waves-effect waves-light {{ activeSide('#') }} "
								href="#">
							<span
								class="navFontSize mrg-5">Import </span>
							</a>
							{{ Form::favouriteMenu('Import', '#', $favouriteLinks) }}
						</li>
					</ul>
				</li>
                {{-- Analytics TAB--}}
				<li>
					<a href="#" class="waves-effect waves-light {{ activeSide($sideAnalytics) }}">
						<span class="icon24 icon-Consultants"></span>
						<span class="navFontSize"> <span class="float-left">Analytics</span>
						<span class="navFontSizeIcon">
						<i class="material-icons">keyboard_arrow_left</i></span>
						</span>
					</a>
                    <ul class="child_menu {{ activeMenuActive($sideAnalytics) }}" id="Analytics-tab">
						<li>
							<a class="waves-effect waves-light {{ activeSide('#') }}" href="#">
							<span
								class="navFontSize mrg-5">Audit Log</span>
							</a>
							{{ Form::favouriteMenu('Audit Log', '#', $favouriteLinks) }}
						</li>
                    </ul>
				</li>
				{{-- Accounting TAB--}}
				<li>
					<a class="waves-effect waves-light {{ activeMenuIcon($sideAccounting) }}" data-toggle="collapse"
						href="#Accounting-tab" role="button" aria-expanded="{{ activeMenu($sideAccounting) }}"
						aria-controls="Accounting-tab">
                        <span class="icon24 icon-Consultants"></span>
                        <span class="navFontSize"> <span class="float-left">Accounting</span>
                        <span class="navFontSizeIcon">
                        <i class="material-icons">keyboard_arrow_left</i></span>
                        </span>
					</a>
					<ul class="child_menu {{ activeMenuActive($sideAccounting) }}" id="Accounting-tab">
						<li>
							<a class="waves-effect waves-light {{ activeSide('#') }} "
								href="#">
							<span
								class="navFontSize mrg-5">Payroll</span>
							</a>
							{{ Form::favouriteMenu('Payroll', '#', $favouriteLinks) }}
						</li>
						<li>
							<a class="waves-effect waves-light {{ activeSide('#') }} "
								href="#">
							<span
								class="navFontSize mrg-5">Loans</span>
							</a>
							{{ Form::favouriteMenu('Loans', '#', $favouriteLinks) }}
						</li>
						<li>
							<a class="waves-effect waves-light {{ activeSide('#') }} "
								href="#">
							<span
								class="navFontSize mrg-5">Salary</span>
							</a>
							{{ Form::favouriteMenu('Salary', '#', $favouriteLinks) }}
						</li>
						<li>
							<a class="waves-effect waves-light {{ activeSide('#') }} "
								href="#">
							<span
								class="navFontSize mrg-5">Expenses</span>
							</a>
							{{ Form::favouriteMenu('Expenses', '#', $favouriteLinks) }}
						</li>
					</ul>
				</li>
                {{-- PI TAB--}}
				<li>
					<a href="#" class="waves-effect waves-light {{ activeSide($sidePersonalInfo) }}">
                        <span class="icon24 icon-Policy"></span>
                        <span class="navFontSize">Personal Information</span>
					</a>
				</li>
                {{-- Leave TAB--}}
				<li>
					<a href="#" class="waves-effect waves-light {{ activeSide($sideLeave) }}">
                        <span class="icon24 icon-Policy"></span>
                        <span class="navFontSize">Leave Management</span>
					</a>
				</li>
                {{-- Timesheet TAB--}}
				<li>
					<a href="#" class="waves-effect waves-light {{ activeSide($sideTimesheet) }}">
                        <span class="icon24 icon-Policy"></span>
                        <span class="navFontSize">Timesheet Management</span>
					</a>
				</li>
                {{-- Documents TAB--}}
				<li>
					<a href="#" class="waves-effect waves-light {{ activeSide($sideDocuments) }}">
                        <span class="icon24 icon-Consultants"></span>
                        <span class="navFontSize"> <span class="float-left">Documents</span>
                        <span class="navFontSizeIcon">
                        <i class="material-icons">keyboard_arrow_left</i></span>
                        </span>
                    </a>
                    <ul class="child_menu {{ activeMenuActive($sideDocuments) }}" id="Documents-tab">
                        <li>
                            <a class="waves-effect waves-light {{ activeSide('#') }} "
                                href="#">
                            <span
                                class="navFontSize mrg-5">HR Forms</span>
                            </a>
                            {{ Form::favouriteMenu('HR Forms', '#', $favouriteLinks) }}
                        </li>
                        <li>
                            <a class="waves-effect waves-light {{ activeSide('#') }} "
                                href="#">
                            <span
                                class="navFontSize mrg-5">My Documents</span>
                            </a>
                            {{ Form::favouriteMenu('My Documents', '#', $favouriteLinks) }}
                        </li>
                        <li>
                            <a class="waves-effect waves-light {{ activeSide('#') }} "
                                href="#">
                            <span
                                class="navFontSize mrg-5">Employee Forms</span>
                            </a>
                            {{ Form::favouriteMenu('Employee Forms', '#', $favouriteLinks) }}
                        </li>
                    </ul>
				</li>
                {{-- Organization TAB--}}
				<li>
					<a href="#" class="waves-effect waves-light {{ activeSide($sideOrganization) }}">
                        <span class="icon24 icon-Policy"></span>
                        <span class="navFontSize">Organization</span>
					</a>
				</li>
                {{-- Training TAB--}}
				<li>
					<a href="#" class="waves-effect waves-light {{ activeSide($sideTraining) }}">
                        <span class="icon24 icon-Policy"></span>
                        <span class="navFontSize">Training</span>
					</a>
				</li>
                {{-- Performance TAB--}}
				<li>
					<a href="#" class="waves-effect waves-light {{ activeSide($sidePerformance) }}">
                        <span class="icon24 icon-Consultants"></span>
                        <span class="navFontSize"> <span class="float-left">Performance</span>
                        <span class="navFontSizeIcon">
                        <i class="material-icons">keyboard_arrow_left</i></span>
                        </span>
                    </a>
                    <ul class="child_menu {{ activeMenuActive($sidePerformance) }}" id="Performance-tab">
                        <li>
                            <a class="waves-effect waves-light {{ activeSide('#') }} "
                                href="#">
                            <span
                                class="navFontSize mrg-5">Self Performance</span>
                            </a>
                            {{ Form::favouriteMenu('Self Performance', '#', $favouriteLinks) }}
                        </li>
                        <li>
                            <a class="waves-effect waves-light {{ activeSide('#') }} "
                                href="#">
                            <span
                                class="navFontSize mrg-5">Pear Performance</span>
                            </a>
                            {{ Form::favouriteMenu('Pear Performance', '#', $favouriteLinks) }}
                        </li>
                    </ul>
				</li>
			</ul>
		</div>
	</div>
</div>