{{-- <div class="main-wrapper"> --}}
	<!-- Sidebar -->
	@if(!Route::is(['components']))
	<div class="sidebar" id="sidebar">
		<div class="sidebar-left slimscroll">
			<div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
				<a class="nav-link " id="v-pills-dashboard-tab" data-bs-toggle="pill" href="{{url('#v-pills-dashboard')}}" role="tab" aria-controls="v-pills-dashboard" aria-selected="true">
					<span class="material-icons-outlined">
						home
					</span>
				</a>
				<a class="nav-link " id="v-pills-apps-tab" title="Apps" data-bs-toggle="pill" href="{{url('#v-pills-apps')}}" role="tab" aria-controls="v-pills-apps" aria-selected="false">
					<span class="material-icons-outlined">
						dashboard
					</span>
				</a>
				<a class="nav-link " id="v-pills-employees-tab" title="Employees" data-bs-toggle="pill" href="{{url('#v-pills-employees')}}" role="tab" aria-controls="v-pills-employees" aria-selected="false">
					<span class="material-icons-outlined">
						people
					</span>
				</a>
				<a class="nav-link " id="v-pills-clients-tab" title="Clients" data-bs-toggle="pill" href="{{url('#v-pills-clients')}}" role="tab" aria-controls="v-pills-clients" aria-selected="false">
					<span class="material-icons-outlined">
						person
					</span>
				</a>
				<a class="nav-link " id="v-pills-projects-tab" title="Projects" data-bs-toggle="pill" href="{{url('#v-pills-projects')}}" role="tab" aria-controls="v-pills-projects" aria-selected="false">
					<span class="material-icons-outlined">
						topic
					</span>
				</a>
				<a class="nav-link " id="v-pills-leads-tab" title="Leads" data-bs-toggle="pill" href="{{url('#v-pills-leads')}}" role="tab" aria-controls="v-pills-leads" aria-selected="false">
					<span class="material-icons-outlined">
						leaderboard
					</span>
				</a>
				<a class="nav-link " id="v-pills-tickets-tab" title="Tickets" data-bs-toggle="pill" href="{{url('#v-pills-tickets')}}" role="tab" aria-controls="v-pills-tickets" aria-selected="false">
					<span class="material-icons-outlined">
						confirmation_number
					</span>
				</a>
				<a class="nav-link " id="v-pills-sales-tab" title="Sales" data-bs-toggle="pill" href="{{url('#v-pills-sales')}}" role="tab" aria-controls="v-pills-sales" aria-selected="false">
					<span class="material-icons-outlined">
						shopping_bag
					</span>
				</a>
				<a class="nav-link " id="v-pills-accounting-tab" title="Accounting" data-bs-toggle="pill" href="{{url('#v-pills-accounting')}}" role="tab" aria-controls="v-pills-accounting" aria-selected="false">
					<span class="material-icons-outlined">
						account_balance_wallet
					</span>
				</a>
				<a class="nav-link " id="v-pills-payroll-tab" title="Payroll" data-bs-toggle="pill" href="{{url('#v-pills-payroll')}}" role="tab" aria-controls="v-pills-payroll" aria-selected="false">
					<span class="material-icons-outlined">
						request_quote
					</span>
				</a>
				<a class="nav-link " id="v-pills-policies-tab" title="Policies" data-bs-toggle="pill" href="{{url('#v-pills-policies')}}" role="tab" aria-controls="v-pills-policies" aria-selected="false">
					<span class="material-icons-outlined">
						verified_user
					</span>
				</a>
				<a class="nav-link " title="Reports" data-bs-toggle="pill" href="{{url('#v-pills-reports')}}" role="tab" aria-controls="v-pills-reports" aria-selected="false">
					<span class="material-icons-outlined">
						report_gmailerrorred
					</span>
				</a>
				<a class="nav-link " id="v-pills-performance-tab" title="Performance" data-bs-toggle="pill" href="{{url('#v-pills-performance')}}" role="tab" aria-controls="v-pills-performance" aria-selected="false">
					<span class="material-icons-outlined">
						shutter_speed
					</span>
				</a>
				<a class="nav-link " id="v-pills-goals-tab" title="Goals" data-bs-toggle="pill" href="{{url('#v-pills-goals')}}" role="tab" aria-controls="v-pills-goals" aria-selected="false">
					<span class="material-icons-outlined">
						track_changes
					</span>
				</a>
				<a class="nav-link " id="v-pills-training-tab" title="Training" data-bs-toggle="pill" href="{{url('#v-pills-training')}}" role="tab" aria-controls="v-pills-training" aria-selected="false">
					<span class="material-icons-outlined">
						checklist_rtl
					</span>
				</a>
				<a class="nav-link " id="v-pills-promotion-tab" title="Promotions" data-bs-toggle="pill" href="{{url('#v-pills-promotion')}}" role="tab" aria-controls="v-pills-promotion" aria-selected="false">
					<span class="material-icons-outlined">
						auto_graph
					</span>
				</a>
				<a class="nav-link " id="v-pills-resignation-tab" title="Resignation" data-bs-toggle="pill" href="{{url('#v-pills-resignation')}}" role="tab" aria-controls="v-pills-resignation" aria-selected="false">
					<span class="material-icons-outlined">
						do_not_disturb_alt
					</span>
				</a>
				<a class="nav-link " id="v-pills-termination-tab" title="Termination" data-bs-toggle="pill" href="{{url('#v-pills-termination')}}" role="tab" aria-controls="v-pills-termination" aria-selected="false">
					<span class="material-icons-outlined">
						indeterminate_check_box
					</span>
				</a>
				<a class="nav-link {{ Request::is('assets1') ? 'active' : '' }}" id="v-pills-assets-tab" title="Assets" data-bs-toggle="pill" href="#v-pills-assets" role="tab" aria-controls="v-pills-assets" aria-selected="false">
					<span class="material-icons-outlined">
						web_asset
					</span>
				</a>
				<a class="nav-link " id="v-pills-jobs-tab" title="Jobs" data-bs-toggle="pill" href="{{url('#v-pills-jobs')}}" role="tab" aria-controls="v-pills-jobs" aria-selected="false">
					<span class="material-icons-outlined">
						work_outline
					</span>
				</a>
				<a class="nav-link " id="v-pills-knowledgebase-tab" title="Knowledgebase" data-bs-toggle="pill" href="{{url('#v-pills-knowledgebase')}}" role="tab" aria-controls="v-pills-knowledgebase" aria-selected="false">
					<span class="material-icons-outlined">
						school
					</span>
				</a>
				<a class="nav-link " id="v-pills-activities-tab" title="Activities" data-bs-toggle="pill" href="{{url('#v-pills-activities')}}" role="tab" aria-controls="v-pills-activities" aria-selected="false">
					<span class="material-icons-outlined">
						toggle_off
					</span>
				</a>
				<a class="nav-link " id="v-pills-users-tab" title="Users" data-bs-toggle="pill" href="{{url('#v-pills-users')}}" role="tab" aria-controls="v-pills-users" aria-selected="false">
					<span class="material-icons-outlined">
						group_add
					</span>
				</a>
				<a class="nav-link " id="v-pills-settings-tab" title="Settings" data-bs-toggle="pill" href="{{url('#v-pills-settings')}}" role="tab" aria-controls="v-pills-settings" aria-selected="false">
					<span class="material-icons-outlined">
						settings
					</span>
				</a>
				<a class="nav-link " id="v-pills-profile-tab" title="Profile" data-bs-toggle="pill" href="{{url('#v-pills-profile')}}" role="tab" aria-controls="v-pills-profile" aria-selected="false">
					<span class="material-icons-outlined">
						manage_accounts
					</span>
				</a>
				<a class="nav-link" id="v-pills-authentication-tab" title="Authentication" data-bs-toggle="pill" href="{{url('#v-pills-authentication')}}" role="tab" aria-controls="v-pills-authentication" aria-selected="false">
					<span class="material-icons-outlined">
						perm_contact_calendar
					</span>
				</a>
				<a class="nav-link" id="v-pills-errorpages-tab" title="Error Pages" data-bs-toggle="pill" href="{{url('#v-pills-errorpages')}}" role="tab" aria-controls="v-pills-errorpages" aria-selected="false">
					<span class="material-icons-outlined">
						announcement
					</span>
				</a>
				<a class="nav-link " id="v-pills-subscriptions-tab" title="Subscriptions" data-bs-toggle="pill" href="{{url('#v-pills-subscriptions')}}" role="tab" aria-controls="v-pills-subscriptions" aria-selected="false">
					<span class="material-icons-outlined">
						loyalty
					</span>
				</a>
				<a class="nav-link " id="v-pills-pages-tab" title="Pages" data-bs-toggle="pill" href="{{url('#v-pills-pages')}}" role="tab" aria-controls="v-pills-pages" aria-selected="false">
					<span class="material-icons-outlined">
						layers
					</span>
				</a>

				<a class="nav-link " id="v-pills-forms-tab" title="Forms" data-bs-toggle="pill" href="{{url('#v-pills-forms')}}" role="tab" aria-controls="v-pills-forms" aria-selected="false">
					<span class="material-icons-outlined">
						view_day
					</span>
				</a>
				<a class="nav-link " id="v-pills-tables-tab" title="Tables" data-bs-toggle="pill" href="{{url('#v-pills-tables')}}" role="tab" aria-controls="v-pills-tables" aria-selected="false">
					<span class="material-icons-outlined">
						table_rows
					</span>
				</a>
				<a class="nav-link" id="v-pills-documentation-tab" title="Documentation" data-bs-toggle="pill" href="{{url('#v-pills-documentation')}}" role="tab" aria-controls="v-pills-documentation" aria-selected="false">
					<span class="material-icons-outlined">
						description
					</span>
				</a>
				<a class="nav-link" id="v-pills-changelog-tab" title="Changelog" data-bs-toggle="pill" href="{{url('#v-pills-changelog')}}" role="tab" aria-controls="v-pills-changelog" aria-selected="false">
					<span class="material-icons-outlined">
						sync_alt
					</span>
				</a>
				<a class="nav-link" id="v-pills-multilevel-tab" title="Multilevel" data-bs-toggle="pill" href="{{url('#v-pills-multilevel')}}" role="tab" aria-controls="v-pills-multilevel" aria-selected="false">
					<span class="material-icons-outlined">
						library_add_check
					</span>
				</a>
			</div>
		</div>
		
		<div class="sidebar-right">
			<div class="tab-content" id="v-pills-tabContent">
				<div class="tab-pane fade show " id="v-pills-dashboard" role="tabpanel" aria-labelledby="v-pills-dashboard-tab">
					<p>Dashboard</p>
					<ul>
						<li>
							<a class="" href="{{url('admin-dashboard')}}">Admin Dashboard</a>
						</li>
						<li>
							<a class="" href="{{url('employee-dashboard')}}">Employee Dashboard</a>
						</li>
					</ul>
				</div>
				<div class="tab-pane fade show " id="v-pills-apps" role="tabpanel" aria-labelledby="v-pills-apps-tab">
					<p>App</p>
					<ul>
						<li>
							<a class="" href="{{url('chat')}}">Chat</a>
						</li>
						<li class="sub-menu">
							<a href="#" class="">Calls <span class="menu-arrow"></span></a>
							<ul>
								<li><a class="" href="{{url('voice-call')}}">Voice Call</a></li>
								<li><a class="" href="{{url('video-call')}}">Video Call</a></li>
								<li><a class="" href="{{url('outgoing-call')}}">Outgoing Call</a></li>
								<li><a class="" href="{{url('incoming-call')}}">Incoming Call</a></li>
							</ul>
						</li>
						<li>
							<a class="" href="{{url('calender')}}">Calendar</a>
						</li>
						<li>
							<a class="" href="{{url('contacts')}}">Contacts</a>
						</li>
						<li>
							<a class="" href="{{url('inbox')}}">Email</a>
						</li>
						<li>
							<a class="" href="{{url('file-manager')}}">File Manager</a>
						</li>
					</ul>						
				</div>
				<div class="tab-pane fade show " id="v-pills-employees" role="tabpanel" aria-labelledby="v-pills-employees-tab">
					<p>Employees</p>
					<ul>
						<li><a class="" href="{{url('employees')}}">All Employees</a></li>
						<li><a class="" href="{{url('holidays')}}">Holidays</a></li>
						<li><a class="" href="{{url('leaves')}}">Leaves (Admin) <span class="badge rounded-pill bg-primary float-end">1</span></a></li>
						<li><a class="" href="{{url('leaves-employee')}}">Leaves (Employee)</a></li>
						<li><a class="" href="{{url('leave-settings')}}">Leave Settings</a></li>
						<li><a class="" href="{{url('attendance')}}">Attendance (Admin)</a></li>
						<li><a class="" href="{{url('attendance-employee')}}">Attendance (Employee)</a></li>
						<li><a class="" href="{{url('departments')}}">Departments</a></li>
						<li><a class="" href="{{url('designations')}}">Designations</a></li>
						<li><a class="" href="{{url('timesheet')}}">Timesheet</a></li>
						<li><a class="" href="{{url('shift-scheduling')}}">Shift & Schedule</a></li>
						<li><a class="" href="{{url('overtime')}}">Overtime</a></li>
					</ul>
				</div>
				<div class="tab-pane fade show " id="v-pills-clients" role="tabpanel" aria-labelledby="v-pills-clients-tab">
					<p>Clients</p>
					<ul>
						<li><a class="" href="{{url('clients')}}">Clients</a></li>
					</ul>
				</div>
				<div class="tab-pane fade show " id="v-pills-projects" role="tabpanel" aria-labelledby="v-pills-projects-tab">
					<p>Projects</p>
					<ul>
						<li><a class="" href="{{url('projects')}}">Projects</a></li>
						<li><a class="" href="{{url('tasks')}}">Tasks</a></li>
						<li><a class="" href="{{url('task-board')}}">Task Board</a></li>
					</ul>
				</div>
				<div class="tab-pane fade show " id="v-pills-leads" role="tabpanel" aria-labelledby="v-pills-leads-tab">
					<p>Leads</p>
					<ul>
						<li><a class="" href="{{url('leads')}}">Leads</a></li>
					</ul>
				</div>
				<div class="tab-pane fade show " id="v-pills-tickets" role="tabpanel" aria-labelledby="v-pills-tickets-tab">
					<p>Tickets</p>
					<ul>
						<li><a class="" href="{{url('tickets')}}">Tickets</a></li>
					</ul>
				</div>
				<div class="tab-pane fade show "  id="v-pills-sales" role="tabpanel" aria-labelledby="v-pills-sales-tab">
					<p>Sales</p>
					<ul>
						<li><a class="" href="{{url('estimates')}}">Estimates</a></li>
						<li><a class="" href="{{url('invoices')}}">Invoices</a></li>
						<li><a class="" href="{{url('payments')}}">Payments</a></li>
						<li><a class="" href="{{url('expenses')}}">Expenses</a></li>
						<li><a class="" href="{{url('provident-fund')}}">Provident Fund</a></li>
						<li><a class="" href="{{url('taxes')}}">Taxes</a></li>
					</ul>
				</div>
				<div class="tab-pane fade show " id="v-pills-accounting" role="tabpanel" aria-labelledby="v-pills-accounting-tab">
					<p>Accounting</p>
					<ul>
						<li><a class="" href="{{url('categories')}}">Categories</a></li>
						<li><a class="" href="{{url('budgets')}}">Budgets</a></li>
						<li><a class="" href="{{url('budget-expenses')}}">Budget Expenses</a></li>
						<li><a class="" href="{{url('budget-revenues')}}">Budget Revenues</a></li>
					</ul>
				</div>
				<div class="tab-pane fade show " id="v-pills-payroll" role="tabpanel" aria-labelledby="v-pills-payroll-tab">
					<p>Payroll</p>
					<ul>
						<li><a class="" href="{{url('salary')}}"> Employee Salary </a></li>
						<li><a class="" href="{{url('salary-view')}}"> Payslip </a></li>
						<li><a class="" href="{{url('payroll-items')}}"> Payroll Items </a></li>
					</ul>
				</div>
				<div class="tab-pane fade show " id="v-pills-policies" role="tabpanel" aria-labelledby="v-pills-policies-tab">
					<p>Policies</p>
					<ul>
						<li><a class="" href="{{url('policies')}}"> Policies </a></li>
					</ul>
				</div>
				<div class="tab-pane fade show " id="v-pills-reports" role="tabpanel" aria-labelledby="v-pills-reports-tab">
					<p>Reports</p>
					<ul>
						<li><a class="" href="{{url('expense-reports')}}"> Expense Report </a></li>
						<li><a class="" href="{{url('invoice-reports')}}"> Invoice Report </a></li>
						<li><a class="" href="{{url('payments-reports')}}"> Payments Report </a></li>
						<li><a class="" href="{{url('project-reports')}}"> Project Report </a></li>
						<li><a class="" href="{{url('task-reports')}}"> Task Report </a></li>
						<li><a class="" href="{{url('user-reports')}}"> User Report </a></li>
						<li><a class="" href="{{url('employee-reports')}}"> Employee Report </a></li>
						<li><a class="" href="{{url('payslip-reports')}}"> Payslip Report </a></li>
						<li><a class="" href="{{url('attendance-reports')}}"> Attendance Report </a></li>
						<li><a class="" href="{{url('leave-reports')}}"> Leave Report </a></li>
						<li><a class="" href="{{url('daily-reports')}}"> Daily Report </a></li>
					</ul>
				</div>
				<div class="tab-pane fade show " id="v-pills-performance" role="tabpanel" aria-labelledby="v-pills-performance-tab">
					<p>Performance</p>
					<ul>
						<li><a class="" href="{{url('performance-indicator')}}"> Performance Indicator </a></li>
						<li><a class="" href="{{url('performance')}}"> Performance Review </a></li>
						<li><a class="" href="{{url('performance-appraisal')}}"> Performance Appraisal </a></li>
					</ul>
				</div>
				<div class="tab-pane fade show " id="v-pills-goals" role="tabpanel" aria-labelledby="v-pills-goals-tab">
					<p>Goals</p>
					<ul>
						<li><a class="" href="{{url('goal-tracking')}}"> Goal List </a></li>
						<li><a class="" href="{{url('goal-type')}}"> Goal Type </a></li>
					</ul>
				</div>
				<div class="tab-pane fade show " id="v-pills-training" role="tabpanel" aria-labelledby="v-pills-training-tab">
					<p>Training</p>
					<ul>
						<li><a class="" href="{{url('training')}}"> Training List </a></li>
						<li><a class="" href="{{url('trainers')}}"> Trainers</a></li>
						<li><a class="" href="{{url('training-type')}}"> Training Type </a></li>
					</ul>
				</div>
				<div class="tab-pane fade show " id="v-pills-promotion" role="tabpanel" aria-labelledby="v-pills-promotion-tab">
					<p>Promotion</p>
					<ul>
						<li><a class="" href="{{url('promotion')}}"> Promotion </a></li>
					</ul>
				</div>
				<div class="tab-pane fade show " id="v-pills-resignation" role="tabpanel" aria-labelledby="v-pills-resignation-tab">
					<p>Resignation</p>
					<ul>
						<li><a class="" href="{{url('resignation')}}"> Resignation </a></li>
					</ul>
				</div>
				<div class="tab-pane fade show " id="v-pills-termination" role="tabpanel" aria-labelledby="v-pills-termination-tab">
					<p>Termination</p>
					<ul>
						<li><a class="" href="{{url('termination')}}"> Termination </a></li>
					</ul>
				</div>
				<div class="tab-pane fade show " id="v-pills-assets" role="tabpanel" aria-labelledby="v-pills-assets-tab">
					<p>Assets</p>
					<ul>
						<li><a class="" href="{{url('assets1')}}"> Assets </a></li>
					</ul>
				</div>
				<div class="tab-pane fade show " id="v-pills-jobs" role="tabpanel" aria-labelledby="v-pills-jobs-tab">
					<p>Jobs</p>
					<ul>
						<li><a class="" href="{{url('user-dashboard')}}"> User Dasboard </a></li>
						<li><a class="" href="{{url('jobs-dashboard')}}"> Jobs Dasboard </a></li>
						<li><a class="" href="{{url('jobs')}}"> Manage Jobs </a></li>
						<li><a class="" href="{{url('job-applicants')}}"> Applied Jobs </a></li>
						<li><a class="" href="{{url('manage-resumes')}}"> Manage Resumes </a></li>
						<li><a class="" href="{{url('shortlist-candidates')}}"> Shortlist Candidates </a></li>
						<li><a class="" href="{{url('interview-questions')}}"> Interview Questions </a></li>
						<li><a class="" href="{{url('offer-approvals')}}"> Offer Approvals </a></li>
						<li><a class="" href="{{url('experience-level')}}"> Experience Level </a></li>
						<li><a class="" href="{{url('candidates')}}"> Candidates List </a></li>
						<li><a class="" href="{{url('schedule-timing')}}"> Schedule timing </a></li>
						<li><a class="" href="{{url('apptitude-result')}}"> Aptitude Results </a></li>
					</ul>
				</div>
				<div class="tab-pane fade show " id="v-pills-knowledgebase" role="tabpanel" aria-labelledby="v-pills-knowledgebase-tab">
					<p>Knowledgebase</p>
					<ul>
						<li><a class="" href="{{url('knowledgebase')}}"> Knowledgebase </a></li>
					</ul>
				</div>
				<div class="tab-pane fade show " id="v-pills-activities" role="tabpanel" aria-labelledby="v-pills-activities-tab">
					<p>Activities</p>
					<ul>
						<li><a class="" href="{{url('activities')}}"> Activities </a></li>
					</ul>
				</div>
				<div class="tab-pane fade show " id="v-pills-users" role="tabpanel" aria-labelledby="v-pills-activities-tab">
					<p>Users</p>
					<ul>
						<li><a class="" href="{{url('users')}}"> Users </a></li>
					</ul>
				</div>
				<div class="tab-pane fade show "  id="v-pills-settings" role="tabpanel" aria-labelledby="v-pills-settings-tab">
					<p>Settings</p>
					<ul>
						<li><a class="" href="{{url('settings')}}"> Settings </a></li>
					</ul>
				</div>
				<div class="tab-pane fade show " id="v-pills-profile" role="tabpanel" aria-labelledby="v-pills-profile-tab">
					<p>Profile</p>
					<ul>
						<li><a class="" href="{{url('profile')}}"> Employee Profile </a></li>
						<li><a class="" href="{{url('client-profile')}}"> Client Profile </a></li>
					</ul>
				</div>
				<div class="tab-pane fade" id="v-pills-authentication" role="tabpanel" aria-labelledby="v-pills-authentication-tab">
					<p>Authentication</p>
					<ul>
						<li><a href="{{url('index')}}"> Login </a></li>
						<li><a href="{{url('register')}}"> Register </a></li>
						<li><a href="{{url('forgot-password')}}"> Forgot Password </a></li>
						<li><a href="{{url('otp')}}"> OTP </a></li>
						<li><a href="{{url('lock-screen')}}"> Lock Screen </a></li>
					</ul>
				</div>
				<div class="tab-pane fade" id="v-pills-errorpages" role="tabpanel" aria-labelledby="v-pills-errorpages-tab">
					<p>Error Pages</p>
					<ul>
						<li><a href="{{url('error-404')}}">404 Error </a></li>
						<li><a href="{{url('error-500')}}">500 Error </a></li>
					</ul>
				</div>
				<div class="tab-pane fade show " id="v-pills-subscriptions" role="tabpanel" aria-labelledby="v-pills-subscriptions-tab">
					<p>Subscriptions</p>
					<ul>
						<li><a class="" href="{{url('subscriptions')}}"> Subscriptions (Admin) </a></li>
						<li><a class="" href="{{url('subscriptions-company')}}"> Subscriptions (Company) </a></li>
						<li><a class="" href="{{url('subscribed-companies')}}"> Subscribed Companies</a></li>
					</ul>
				</div>
				<div class="tab-pane fade show " id="v-pills-pages" role="tabpanel" aria-labelledby="v-pills-pages-tab">
					<p>Pages</p>
					<ul>
						<li><a class="" href="{{url('search')}}"> Search </a></li>
						<li><a class="" href="{{url('faq')}}"> FAQ </a></li>
						<li><a class="" href="{{url('terms')}}"> Terms </a></li>
						<li><a class="" href="{{url('privacy-policy')}}"> Privacy Policy </a></li>
						<li><a class="" href="{{url('blank-page')}}"> Blank Page </a></li>
					</ul>
				</div>
				<div class="tab-pane fade show " id="v-pills-forms" role="tabpanel" aria-labelledby="v-pills-forms-tab">
					<p>Forms</p>
					<ul>
						<li><a class="" href="{{url('form-basic-inputs')}}">Basic Inputs </a></li>
						<li><a class="" href="{{url('form-input-groups')}}">Input Groups </a></li>
						<li><a class="" href="{{url('form-horizontal')}}">Horizontal Form </a></li>
						<li><a class="" href="{{url('form-vertical')}}"> Vertical Form </a></li>
						<li><a class="" href="{{url('form-mask')}}"> Form Mask </a></li>
						<li><a class="" href="{{url('form-validation')}}"> Form Validation </a></li>
					</ul>
				</div>
				<div class="tab-pane fade show " id="v-pills-tables" role="tabpanel" aria-labelledby="v-pills-tables-tab">
					<p>Tables</p>
					<ul>
						<li><a class="" href="{{url('tables-basic')}}">Basic Tables </a></li>
						<li><a class="" href="{{url('data-tables')}}">Data Table </a></li>
					</ul>
				</div>
				<div class="tab-pane fade" id="v-pills-documentation" role="tabpanel" aria-labelledby="v-pills-documentation-tab">
					<p>Documentation</p>
					<ul>
						<li><a href="#">Documentation </a></li>
					</ul>
				</div>
				<div class="tab-pane fade" id="v-pills-changelog" role="tabpanel" aria-labelledby="v-pills-changelog-tab">
					<p>Change Log</p>
					<ul>
						<li><a href="#"><span>Change Log</span> <span class="badge badge-primary ml-auto">v3.4</span> </a></li>
					</ul>
				</div>
				<div class="tab-pane fade" id="v-pills-multilevel" role="tabpanel" aria-labelledby="v-pills-multilevel-tab">
					<p>Multi Level</p>
					<ul>
						<li class="sub-menu">
							<a href="javascript:void(0);">Level 1 <span class="menu-arrow"></span></a>
							<ul style="display: none;" class="ml-3">
								<li class="sub-menu">
									<a href="javascript:void(0);">Level 1 <span class="menu-arrow"></span></a>
									<ul>
										<li><a href="javascript:void(0);">Level 2</a></li>
										<li><a href="javascript:void(0);">Level 3</a></li>
									</ul>
								</li>
							</ul>
						</li>								
						<li><a href="javascript:void(0);">Level 2</a></li>
						<li><a href="javascript:void(0);">Level 3</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	@endif
	@if(Route::is(['components']))
	<div class="sidebar" id="sidebar">
		<div class="sidebar-left slimscroll">
			<div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
				<a class="nav-link" id="v-pills-dashboard-tab" title="Dashboard" data-bs-toggle="pill" href="{{url('#v-pills-dashboard')}}" role="tab" aria-controls="v-pills-dashboard" aria-selected="true">
					<span class="material-icons-outlined">
						home
					</span>
				</a>
				<a class="nav-link" id="v-pills-apps-tab" title="Apps" data-bs-toggle="pill" href="{{url('#v-pills-apps')}}" role="tab" aria-controls="v-pills-apps" aria-selected="false">
					<span class="material-icons-outlined">
						dashboard
					</span>
				</a>
				<a class="nav-link" id="v-pills-employees-tab" title="Employees" data-bs-toggle="pill" href="{{url('#v-pills-employees')}}" role="tab" aria-controls="v-pills-employees" aria-selected="false">
					<span class="material-icons-outlined">
						people
					</span>
				</a>
				<a class="nav-link" id="v-pills-clients-tab" title="Clients" data-bs-toggle="pill" href="{{url('#v-pills-clients')}}" role="tab" aria-controls="v-pills-clients" aria-selected="false">
					<span class="material-icons-outlined">
						person
					</span>
				</a>
				<a class="nav-link" id="v-pills-projects-tab" title="Projects" data-bs-toggle="pill" href="{{url('#v-pills-projects')}}" role="tab" aria-controls="v-pills-projects" aria-selected="false">
					<span class="material-icons-outlined">
						topic
					</span>
				</a>
				<a class="nav-link" id="v-pills-leads-tab" title="Leads" data-bs-toggle="pill" href="{{url('#v-pills-leads')}}" role="tab" aria-controls="v-pills-leads" aria-selected="false">
					<span class="material-icons-outlined">
						leaderboard
					</span>
				</a>
				<a class="nav-link" id="v-pills-tickets-tab" title="Tickets" data-bs-toggle="pill" href="{{url('#v-pills-tickets')}}" role="tab" aria-controls="v-pills-tickets" aria-selected="false">
					<span class="material-icons-outlined">
						confirmation_number
					</span>
				</a>
				<a class="nav-link" id="v-pills-sales-tab" title="Sales" data-bs-toggle="pill" href="{{url('#v-pills-sales')}}" role="tab" aria-controls="v-pills-sales" aria-selected="false">
					<span class="material-icons-outlined">
						shopping_bag
					</span>
				</a>
				<a class="nav-link" id="v-pills-accounting-tab" title="Accounting" data-bs-toggle="pill" href="{{url('#v-pills-accounting')}}" role="tab" aria-controls="v-pills-accounting" aria-selected="false">
					<span class="material-icons-outlined">
						account_balance_wallet
					</span>
				</a>
				<a class="nav-link" id="v-pills-payroll-tab" title="Payroll" data-bs-toggle="pill" href="{{url('#v-pills-payroll')}}" role="tab" aria-controls="v-pills-payroll" aria-selected="false">
					<span class="material-icons-outlined">
						request_quote
					</span>
				</a>
				<a class="nav-link" id="v-pills-policies-tab" title="Policies" data-bs-toggle="pill" href="{{url('#v-pills-policies')}}" role="tab" aria-controls="v-pills-policies" aria-selected="false">
					<span class="material-icons-outlined">
						verified_user
					</span>
				</a>
				<a class="nav-link" id="v-pills-reports-tab" title="Reports" data-bs-toggle="pill" href="{{url('#v-pills-reports')}}" role="tab" aria-controls="v-pills-reports" aria-selected="false">
					<span class="material-icons-outlined">
						report_gmailerrorred
					</span>
				</a>
				<a class="nav-link" id="v-pills-performance-tab" title="Performance" data-bs-toggle="pill" href="{{url('#v-pills-performance')}}" role="tab" aria-controls="v-pills-performance" aria-selected="false">
					<span class="material-icons-outlined">
						shutter_speed
					</span>
				</a>
				<a class="nav-link" id="v-pills-goals-tab" title="Goals" data-bs-toggle="pill" href="{{url('#v-pills-goals')}}" role="tab" aria-controls="v-pills-goals" aria-selected="false">
					<span class="material-icons-outlined">
						track_changes
					</span>
				</a>
				<a class="nav-link" id="v-pills-training-tab" title="Training" data-bs-toggle="pill" href="{{url('#v-pills-training')}}" role="tab" aria-controls="v-pills-training" aria-selected="false">
					<span class="material-icons-outlined">
						checklist_rtl
					</span>
				</a>
				<a class="nav-link" id="v-pills-promotion-tab" title="Promotions" data-bs-toggle="pill" href="{{url('#v-pills-promotion')}}" role="tab" aria-controls="v-pills-promotion" aria-selected="false">
					<span class="material-icons-outlined">
						auto_graph
					</span>
				</a>
				<a class="nav-link" id="v-pills-resignation-tab" title="Resignation" data-bs-toggle="pill" href="{{url('#v-pills-resignation')}}" role="tab" aria-controls="v-pills-resignation" aria-selected="false">
					<span class="material-icons-outlined">
						do_not_disturb_alt
					</span>
				</a>
				<a class="nav-link" id="v-pills-termination-tab" title="Termination" data-bs-toggle="pill" href="{{url('#v-pills-termination')}}" role="tab" aria-controls="v-pills-termination" aria-selected="false">
					<span class="material-icons-outlined">
						indeterminate_check_box
					</span>
				</a>
				<a class="nav-link" id="v-pills-assets-tab" title="Assets" data-bs-toggle="pill" href="{{url('#v-pills-assets1')}}" role="tab" aria-controls="v-pills-assets" aria-selected="false">
					<span class="material-icons-outlined">
						web_asset
					</span>
				</a>
				<a class="nav-link" id="v-pills-jobs-tab" title="Jobs" data-bs-toggle="pill" href="{{url('#v-pills-jobs')}}" role="tab" aria-controls="v-pills-jobs" aria-selected="false">
					<span class="material-icons-outlined">
						work_outline
					</span>
				</a>
				<a class="nav-link" id="v-pills-knowledgebase-tab" title="Knowledgebase" data-bs-toggle="pill" href="{{url('#v-pills-knowledgebase')}}" role="tab" aria-controls="v-pills-knowledgebase" aria-selected="false">
					<span class="material-icons-outlined">
						school
					</span>
				</a>
				<a class="nav-link" id="v-pills-activities-tab" title="Activities" data-bs-toggle="pill" href="{{url('#v-pills-activities')}}" role="tab" aria-controls="v-pills-activities" aria-selected="false">
					<span class="material-icons-outlined">
						toggle_off
					</span>
				</a>
				<a class="nav-link" id="v-pills-users-tab" title="Users" data-bs-toggle="pill" href="{{url('#v-pills-users')}}" role="tab" aria-controls="v-pills-users" aria-selected="false">
					<span class="material-icons-outlined">
						group_add
					</span>
				</a>
				<a class="nav-link" id="v-pills-settings-tab" title="Settings" data-bs-toggle="pill" href="{{url('#v-pills-settings')}}" role="tab" aria-controls="v-pills-settings" aria-selected="false">
					<span class="material-icons-outlined">
						settings
					</span>
				</a>
				<a class="nav-link" id="v-pills-profile-tab" title="Profile" data-bs-toggle="pill" href="{{url('#v-pills-profile')}}" role="tab" aria-controls="v-pills-profile" aria-selected="false">
					<span class="material-icons-outlined">
						manage_accounts
					</span>
				</a>
				<a class="nav-link" id="v-pills-authentication-tab" title="Authentication" data-bs-toggle="pill" href="{{url('#v-pills-authentication')}}" role="tab" aria-controls="v-pills-authentication" aria-selected="false">
					<span class="material-icons-outlined">
						perm_contact_calendar
					</span>
				</a>
				<a class="nav-link" id="v-pills-errorpages-tab" title="Error Pages" data-bs-toggle="pill" href="{{url('#v-pills-errorpages')}}" role="tab" aria-controls="v-pills-errorpages" aria-selected="false">
					<span class="material-icons-outlined">
						announcement
					</span>
				</a>
				<a class="nav-link" id="v-pills-subscriptions-tab" title="Subscriptions" data-bs-toggle="pill" href="{{url('#v-pills-subscriptions')}}" role="tab" aria-controls="v-pills-subscriptions" aria-selected="false">
					<span class="material-icons-outlined">
						loyalty
					</span>
				</a>
				<a class="nav-link" id="v-pills-pages-tab" title="Pages" data-bs-toggle="pill" href="{{url('#v-pills-pages')}}" role="tab" aria-controls="v-pills-pages" aria-selected="false">
					<span class="material-icons-outlined">
						layers
					</span>
				</a>
				<a class="nav-link " id="v-pills-components-tab" title="Components" data-bs-toggle="pill" href="{{url('#v-pills-pages')}}" role="tab" aria-controls="v-pills-pages" aria-selected="false">
					<span class="material-icons-outlined">
						branding_watermark
					</span>
				</a>
				<a class="nav-link" id="v-pills-forms-tab" title="Forms" data-bs-toggle="pill" href="{{url('#v-pills-forms')}}" role="tab" aria-controls="v-pills-forms" aria-selected="false">
					<span class="material-icons-outlined">
						view_day
					</span>
				</a>
				<a class="nav-link" id="v-pills-tables-tab" title="Tables" data-bs-toggle="pill" href="{{url('#v-pills-tables')}}" role="tab" aria-controls="v-pills-tables" aria-selected="false">
					<span class="material-icons-outlined">
						table_rows
					</span>
				</a>
				<a class="nav-link" id="v-pills-documentation-tab" title="Documentation" data-bs-toggle="pill" href="{{url('#v-pills-documentation')}}" role="tab" aria-controls="v-pills-documentation" aria-selected="false">
					<span class="material-icons-outlined">
						description
					</span>
				</a>
				<a class="nav-link" id="v-pills-changelog-tab" title="Changelog" data-bs-toggle="pill" href="{{url('#v-pills-changelog')}}" role="tab" aria-controls="v-pills-changelog" aria-selected="false">
					<span class="material-icons-outlined">
						sync_alt
					</span>
				</a>
				<a class="nav-link" id="v-pills-multilevel-tab" title="Multilevel" data-bs-toggle="pill" href="{{url('#v-pills-multilevel')}}" role="tab" aria-controls="v-pills-multilevel" aria-selected="false">
					<span class="material-icons-outlined">
						library_add_check
					</span>
				</a>
			</div>
		</div>
		
		<div class="sidebar-right">
			<div class="tab-content" id="v-pills-tabContent">
				<div class="tab-pane fade" id="v-pills-dashboard" role="tabpanel" aria-labelledby="v-pills-dashboard-tab">
					<p>Dashboard</p>
					<ul>
						<li>
							<a href="{{url('admin-dashboard')}}">Admin Dashboard</a>
						</li>
						<li>
							<a href="{{url('employee-dashboard')}}">Employee Dashboard</a>
						</li>
					</ul>
				</div>
				<div class="tab-pane fade" id="v-pills-apps" role="tabpanel" aria-labelledby="v-pills-apps-tab">
					<p>App</p>
					<ul>
						<li>
							<a href="{{url('chat')}}">Chat</a>
						</li>
						<li class="sub-menu">
							<a href="#">Calls <span class="menu-arrow"></span></a>
							<ul style="display: none;">
								<li><a href="{{url('voice-call')}}">Voice Call</a></li>
								<li><a href="{{url('video-call')}}">Video Call</a></li>
								<li><a href="{{url('outgoing-call')}}">Outgoing Call</a></li>
								<li><a href="{{url('incoming-call')}}">Incoming Call</a></li>
							</ul>
						</li>
						<li>
							<a href="{{url('calender')}}">Calendar</a>
						</li>
						<li>
							<a href="{{url('contacts')}}">Contacts</a>
						</li>
						<li>
							<a href="{{url('inbox')}}">Email</a>
						</li>
						<li>
							<a href="{{url('file-manager')}}">File Manager</a>
						</li>
					</ul>						
				</div>
				<div class="tab-pane fade" id="v-pills-employees" role="tabpanel" aria-labelledby="v-pills-employees-tab">
					<p>Employees</p>
					<ul>
						<li><a href="{{url('employees')}}">All Employees</a></li>
						<li><a href="{{url('holidays')}}">Holidays</a></li>
						<li><a href="{{url('leaves')}}">Leaves (Admin) <span class="badge rounded-pill bg-primary float-end">1</span></a></li>
						<li><a href="{{url('leaves-employee')}}">Leaves (Employee)</a></li>
						<li><a href="{{url('leave-settings')}}">Leave Settings</a></li>
						<li><a href="{{url('attendance')}}">Attendance (Admin)</a></li>
						<li><a href="{{url('attendance-employee')}}">Attendance (Employee)</a></li>
						<li><a href="{{url('departments')}}">Departments</a></li>
						<li><a href="{{url('designations')}}">Designations</a></li>
						<li><a href="{{url('timesheet')}}">Timesheet</a></li>
						<li><a href="{{url('shift-scheduling')}}">Shift & Schedule</a></li>
						<li><a href="{{url('overtime')}}">Overtime</a></li>
					</ul>
				</div>
				<div class="tab-pane fade" id="v-pills-clients" role="tabpanel" aria-labelledby="v-pills-clients-tab">
					<p>Clients</p>
					<ul>
						<li><a href="{{url('clients')}}">Clients</a></li>
					</ul>
				</div>
				<div class="tab-pane fade" id="v-pills-projects" role="tabpanel" aria-labelledby="v-pills-projects-tab">
					<p>Projects</p>
					<ul>
						<li><a href="{{url('projects')}}">Projects</a></li>
						<li><a href="{{url('tasks')}}">Tasks</a></li>
						<li><a href="{{url('task-board')}}">Task Board</a></li>
					</ul>
				</div>
				<div class="tab-pane fade" id="v-pills-leads" role="tabpanel" aria-labelledby="v-pills-leads-tab">
					<p>Leads</p>
					<ul>
						<li><a href="{{url('leads')}}">Leads</a></li>
					</ul>
				</div>
				<div class="tab-pane fade" id="v-pills-tickets" role="tabpanel" aria-labelledby="v-pills-tickets-tab">
					<p>Tickets</p>
					<ul>
						<li><a href="{{url('tickets')}}">Tickets</a></li>
					</ul>
				</div>
				<div class="tab-pane fade" id="v-pills-sales" role="tabpanel" aria-labelledby="v-pills-sales-tab">
					<p>Sales</p>
					<ul>
						<li><a href="{{url('estimates')}}">Estimates</a></li>
						<li><a href="{{url('invoices')}}">Invoices</a></li>
						<li><a href="{{url('payments')}}">Payments</a></li>
						<li><a href="{{url('expenses')}}">Expenses</a></li>
						<li><a href="{{url('provident-fund')}}">Provident Fund</a></li>
						<li><a href="{{url('taxes')}}">Taxes</a></li>
					</ul>
				</div>
				<div class="tab-pane fade" id="v-pills-accounting" role="tabpanel" aria-labelledby="v-pills-accounting-tab">
					<p>Accounting</p>
					<ul>
						<li><a href="{{url('categories')}}">Categories</a></li>
						<li><a href="{{url('budgets')}}">Budgets</a></li>
						<li><a href="{{url('budget-expenses')}}">Budget Expenses</a></li>
						<li><a href="{{url('budget-revenues')}}">Budget Revenues</a></li>
					</ul>
				</div>
				<div class="tab-pane fade" id="v-pills-payroll" role="tabpanel" aria-labelledby="v-pills-payroll-tab">
					<p>Payroll</p>
					<ul>
						<li><a href="{{url('salary')}}" class="active"> Employee Salary </a></li>
						<li><a href="{{url('salary-view')}}"> Payslip </a></li>
						<li><a href="{{url('payroll-items')}}"> Payroll Items </a></li>
					</ul>
				</div>
				<div class="tab-pane fade" id="v-pills-policies" role="tabpanel" aria-labelledby="v-pills-policies-tab">
					<p>Policies</p>
					<ul>
						<li><a href="{{url('policies')}}"> Policies </a></li>
					</ul>
				</div>
				<div class="tab-pane fade" id="v-pills-reports" role="tabpanel" aria-labelledby="v-pills-reports-tab">
					<p>Reports</p>
					<ul>
						<li><a href="{{url('expense-reports')}}"> Expense Report </a></li>
						<li><a href="{{url('invoice-reports')}}"> Invoice Report </a></li>
						<li><a href="{{url('payments-reports')}}"> Payments Report </a></li>
						<li><a href="{{url('project-reports')}}"> Project Report </a></li>
						<li><a href="{{url('task-reports')}}"> Task Report </a></li>
						<li><a href="{{url('user-reports')}}"> User Report </a></li>
						<li><a href="{{url('employee-reports')}}"> Employee Report </a></li>
						<li><a href="{{url('payslip-reports')}}"> Payslip Report </a></li>
						<li><a href="{{url('attendance-reports')}}"> Attendance Report </a></li>
						<li><a href="{{url('leave-reports')}}"> Leave Report </a></li>
						<li><a href="{{url('daily-reports')}}"> Daily Report </a></li>
					</ul>
				</div>
				<div class="tab-pane fade" id="v-pills-performance" role="tabpanel" aria-labelledby="v-pills-performance-tab">
					<p>Performance</p>
					<ul>
						<li><a href="{{url('performance-indicator')}}"> Performance Indicator </a></li>
						<li><a href="{{url('performance')}}"> Performance Review </a></li>
						<li><a href="{{url('performance-appraisal')}}"> Performance Appraisal </a></li>
					</ul>
				</div>
				<div class="tab-pane fade" id="v-pills-goals" role="tabpanel" aria-labelledby="v-pills-goals-tab">
					<p>Goals</p>
					<ul>
						<li><a href="{{url('goal-tracking')}}"> Goal List </a></li>
						<li><a href="{{url('goal-type')}}"> Goal Type </a></li>
					</ul>
				</div>
				<div class="tab-pane fade" id="v-pills-training" role="tabpanel" aria-labelledby="v-pills-training-tab">
					<p>Training</p>
					<ul>
						<li><a href="{{url('training')}}"> Training List </a></li>
						<li><a href="{{url('trainers')}}"> Trainers</a></li>
						<li><a href="{{url('training-type')}}"> Training Type </a></li>
					</ul>
				</div>
				<div class="tab-pane fade" id="v-pills-promotion" role="tabpanel" aria-labelledby="v-pills-promotion-tab">
					<p>Promotion</p>
					<ul>
						<li><a href="{{url('promotion')}}"> Promotion </a></li>
					</ul>
				</div>
				<div class="tab-pane fade" id="v-pills-resignation" role="tabpanel" aria-labelledby="v-pills-resignation-tab">
					<p>Resignation</p>
					<ul>
						<li><a href="{{url('resignation')}}"> Resignation </a></li>
					</ul>
				</div>
				<div class="tab-pane fade" id="v-pills-termination" role="tabpanel" aria-labelledby="v-pills-termination-tab">
					<p>Termination</p>
					<ul>
						<li><a href="{{url('termination')}}"> Termination </a></li>
					</ul>
				</div>
				<div class="tab-pane fade" id="v-pills-assets" role="tabpanel" aria-labelledby="v-pills-assets-tab">
					<p>Assets</p>
					<ul>
						<li><a href="{{url('assets1')}}"> Assets </a></li>
					</ul>
				</div>
				<div class="tab-pane fade" id="v-pills-jobs" role="tabpanel" aria-labelledby="v-pills-jobs-tab">
					<p>Jobs</p>
					<ul>
						<li><a href="{{url('user-dashboard')}}"> User Dasboard </a></li>
						<li><a href="{{url('jobs-dashboard')}}"> Jobs Dasboard </a></li>
						<li><a href="{{url('jobs')}}"> Manage Jobs </a></li>
						<li><a href="{{url('job-applicants')}}"> Applied Jobs </a></li>
						<li><a href="{{url('manage-resumes')}}"> Manage Resumes </a></li>
						<li><a href="{{url('shortlist-candidates')}}"> Shortlist Candidates </a></li>
						<li><a href="{{url('interview-questions')}}"> Interview Questions </a></li>
						<li><a href="{{url('offer-approvals')}}"> Offer Approvals </a></li>
						<li><a href="{{url('experience-level')}}"> Experience Level </a></li>
						<li><a href="{{url('candidates')}}"> Candidates List </a></li>
						<li><a href="{{url('schedule-timing')}}"> Schedule timing </a></li>
						<li><a href="{{url('apptitude-result')}}"> Aptitude Results </a></li>
					</ul>
				</div>
				<div class="tab-pane fade" id="v-pills-knowledgebase" role="tabpanel" aria-labelledby="v-pills-knowledgebase-tab">
					<p>Knowledgebase</p>
					<ul>
						<li><a href="{{url('knowledgebase')}}"> Knowledgebase </a></li>
					</ul>
				</div>
				<div class="tab-pane fade" id="v-pills-activities" role="tabpanel" aria-labelledby="v-pills-activities-tab">
					<p>Activities</p>
					<ul>
						<li><a href="{{url('activities')}}"> Activities </a></li>
					</ul>
				</div>
				<div class="tab-pane fade" id="v-pills-users" role="tabpanel" aria-labelledby="v-pills-activities-tab">
					<p>Users</p>
					<ul>
						<li><a href="{{url('users')}}"> Users </a></li>
					</ul>
				</div>
				<div class="tab-pane fade" id="v-pills-settings" role="tabpanel" aria-labelledby="v-pills-settings-tab">
					<p>Settings</p>
					<ul>
						<li><a href="{{url('settings')}}"> Settings </a></li>
					</ul>
				</div>
				<div class="tab-pane fade" id="v-pills-profile" role="tabpanel" aria-labelledby="v-pills-profile-tab">
					<p>Profile</p>
					<ul>
						<li><a href="{{url('profile')}}"> Employee Profile </a></li>
						<li><a href="{{url('client-profile')}}"> Client Profile </a></li>
					</ul>
				</div>
				<div class="tab-pane fade" id="v-pills-authentication" role="tabpanel" aria-labelledby="v-pills-authentication-tab">
					<p>Authentication</p>
					<ul>
						<li><a href="{{url('index')}}"> Login </a></li>
						<li><a href="{{url('register')}}"> Register </a></li>
						<li><a href="{{url('forgot-password')}}"> Forgot Password </a></li>
						<li><a href="{{url('otp')}}"> OTP </a></li>
						<li><a href="{{url('lock-screen')}}"> Lock Screen </a></li>
					</ul>
				</div>
				<div class="tab-pane fade" id="v-pills-errorpages" role="tabpanel" aria-labelledby="v-pills-errorpages-tab">
					<p>Error Pages</p>
					<ul>
						<li><a href="{{url('error-404')}}">404 Error </a></li>
						<li><a href="{{url('error-500')}}">500 Error </a></li>
					</ul>
				</div>
				<div class="tab-pane fade" id="v-pills-subscriptions" role="tabpanel" aria-labelledby="v-pills-subscriptions-tab">
					<p>Subscriptions</p>
					<ul>
						<li><a href="{{url('subscriptions')}}"> Subscriptions (Admin) </a></li>
						<li><a href="{{url('subscriptions-company')}}"> Subscriptions (Company) </a></li>
						<li><a href="{{url('subscribed-companies')}}"> Subscribed Companies</a></li>
					</ul>
				</div>
				<div class="tab-pane fade" id="v-pills-pages" role="tabpanel" aria-labelledby="v-pills-pages-tab">
					<p>Pages</p>
					<ul>
						<li><a href="{{url('search')}}"> Search </a></li>
						<li><a href="{{url('faq')}}"> FAQ </a></li>
						<li><a href="{{url('terms')}}"> Terms </a></li>
						<li><a href="{{url('privacy-policy')}}"> Privacy Policy </a></li>
						<li><a href="{{url('blank-page')}}"> Blank Page </a></li>
						<li><a href="{{url('components')}}"> Components </a></li>
					</ul>
				</div>
				<div class="tab-pane fade show stickyside "  id="v-pills-pages" role="tabpanel" aria-labelledby="v-pills-pages-tab">
					<p>Components</p>
					<ul>
						<li> 
							<a href="#comp_alerts" class="active">Alerts</a>
						</li>
						<li> 
							<a href="#comp_breadcrumbs">Breadcrumbs</a>
						</li>
						<li> 
							<a href="#comp_buttons">Buttons</a>
						</li>
						<li> 
							<a href="#comp_cards">Cards</a>
						</li>
						<li> 
							<a href="#comp_dropdowns">Dropdowns</a>
						</li>
						<li> 
							<a href="#comp_pagination">Pagination</a>
						</li>
						<li> 
							<a href="#comp_progress">Progress</a>
						</li>
						<li> 
							<a href="#comp_tabs">Tabs</a>
						</li>
						<li> 
							<a href="#comp_typography">Typography</a>
						</li>
					</ul>
				</div>
				<div class="tab-pane fade" id="v-pills-forms" role="tabpanel" aria-labelledby="v-pills-forms-tab">
					<p>Forms</p>
					<ul>
						<li><a href="{{url('form-basic-inputs')}}">Basic Inputs </a></li>
						<li><a href="{{url('form-input-groups')}}">Input Groups </a></li>
						<li><a href="{{url('form-horizontal')}}">Horizontal Form </a></li>
						<li><a href="{{url('form-vertical')}}"> Vertical Form </a></li>
						<li><a href="{{url('form-mask')}}"> Form Mask </a></li>
						<li><a href="{{url('form-validation')}}"> Form Validation </a></li>
					</ul>
				</div>
				<div class="tab-pane fade" id="v-pills-tables" role="tabpanel" aria-labelledby="v-pills-tables-tab">
					<p>Tables</p>
					<ul>
						<li><a href="{{url('tables-basic')}}">Basic Tables </a></li>
						<li><a href="{{url('data-tables')}}">Data Table </a></li>
					</ul>
				</div>
				<div class="tab-pane fade" id="v-pills-documentation" role="tabpanel" aria-labelledby="v-pills-documentation-tab">
					<p>Documentation</p>
					<ul>
						<li><a href="#">Documentation </a></li>
					</ul>
				</div>
				<div class="tab-pane fade" id="v-pills-changelog" role="tabpanel" aria-labelledby="v-pills-changelog-tab">
					<p>Change Log</p>
					<ul>
						<li><a href="#"><span>Change Log</span> <span class="badge badge-primary ml-auto">v3.4</span> </a></li>
					</ul>
				</div>
				<div class="tab-pane fade" id="v-pills-multilevel" role="tabpanel" aria-labelledby="v-pills-multilevel-tab">
					<p>Multi Level</p>
					<ul>
						<li class="sub-menu">
							<a href="javascript:void(0);">Level 1 <span class="menu-arrow"></span></a>
							<ul style="display: none;" class="ml-3">
								<li class="sub-menu">
									<a href="javascript:void(0);">Level 1 <span class="menu-arrow"></span></a>
									<ul>
										<li><a href="javascript:void(0);">Level 2</a></li>
										<li><a href="javascript:void(0);">Level 3</a></li>
									</ul>
								</li>
							</ul>
						</li>								
						<li><a href="javascript:void(0);">Level 2</a></li>
						<li><a href="javascript:void(0);">Level 3</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	@endif
	<!-- Sidebar -->
{{-- </div>	 --}}
{{-- <!-- Delete Employee Modal -->
<div class="modal custom-modal fade" id="delete_employee" role="dialog">
	<div class="modal-dialog modal-dialog-centered">
		<div class="modal-content">
			<div class="modal-body">
				<div class="form-header">
					<h3>Delete</h3>
					<p>Are you sure want to delete?</p>
				</div>
				<div class="modal-btn delete-action">
					<div class="row">
						<div class="col-6">
							<a href="javascript:void(0);" class="btn btn-primary continue-btn">Delete</a>
						</div>
						<div class="col-6">
							<a href="javascript:void(0);" data-bs-dismiss="modal" class="btn btn-primary cancel-btn">Cancel</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- /Delete Employee Modal -->
<!-- Delete Employee Modal -->
<div class="modal custom-modal fade" id="delete_employee" role="dialog">
	<div class="modal-dialog modal-dialog-centered">
		<div class="modal-content">
			<div class="modal-body">
				<div class="form-header">
					<h3>Delete</h3>
					<p>Are you sure want to delete?</p>
				</div>
				<div class="modal-btn delete-action">
					<div class="row">
						<div class="col-6">
							<a href="javascript:void(0);" class="btn btn-primary continue-btn">Delete</a>
						</div>
						<div class="col-6">
							<a href="javascript:void(0);" data-bs-dismiss="modal" class="btn btn-primary cancel-btn">Cancel</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- /Delete Employee Modal -->
<div id="selectMyTime" class="modal  custom-modal fade" role="dialog">
<div class="modal-dialog modal-dialog-centered">

	<!-- Modal content-->
	<div class="modal-content">
		<div class="modal-header">
			<h4 class="modal-title">Select Your Time</h4>
			<button type="button" class="close" data-bs-dismiss="modal">&times;</button>
		</div>
		<div class="modal-body">
			<div class="row">
				<div class="col-sm-12">
					<div class="form-group">
						<label>Day1 <span class="text-danger">*</span></label>
						<select class="form-control" name="designations" id="designations">
							<option value="">11.00am - 11.30am (24 Feb 2020) </option>
							<option value="">1.00pm - 1.30pm (25 Feb 2020) </option>
							<option value="">3.00pm - 3.30pm (26 Feb 2020) </option>
						</select>
					</div>
				</div>
			</div>
			<div class="modal-btn delete-action mt-3">
				<div class="row">
					<div class="col-6">
						<button type="button" class="btn btn-primary w-100 cancel-btn">Submit</button>
					</div>
					<div class="col-6">
						<button type="button" class="btn btn-primary w-100 cancel-btn" data-bs-dismiss="modal">Close</button>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
</div>
</div>
<div class="modal question-modal" id="free_question_modal" tabindex="-1" role="dialog">
	<div class="modal-dialog modal-dialog-centered	" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<h3 class="mb-0">Result for Your Questions</h3>
				<button type="button" class="close" data-bs-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
			</div>
			<div class="modal-body">
				<div class="form-horzontal">
					<div class="col-md-12">
						<div class="text-start mb-3">
							<h3 class="mb-0">Correct Answers : <span class="text-success"><b>5</b></span></h3>
						</div>
						<div class="text-start">
							<h3 class="mb-0">Wrong Answer : <span class="text-danger"><b>1</b></span></h3>
						</div>
					</div>
				</div>
				<div class="mt-3">
				<p>Please click Next to move main menu.</p>
				<a href="{{url('job-aptitude')}}" class="btn btn-primary btn-lg submit-btn d-block">Next</a>
			</div>
			</div>
			
		</div>
	</div>
</div>
<!-- Delete Employee Modal -->
<div class="modal custom-modal fade" id="delete_employee" role="dialog">
	<div class="modal-dialog modal-dialog-centered">
		<div class="modal-content">
			<div class="modal-body">
				<div class="form-header">
					<h3>Delete</h3>
					<p>Are you sure want to delete?</p>
				</div>
				<div class="modal-btn delete-action">
					<div class="row">
						<div class="col-6">
							<a href="javascript:void(0);" class="btn btn-primary continue-btn">Delete</a>
						</div>
						<div class="col-6">
							<a href="javascript:void(0);" data-bs-dismiss="modal" class="btn btn-primary cancel-btn">Cancel</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- /Delete Employee Modal --> --}}