File: /mnt/data/smarthr-co-in/demo/codeigniter/template/app/Views/partials/topbar.php
<?php
$uri = new \CodeIgniter\HTTP\URI(current_url(true));
$pages = $uri->getSegments();
$page = $uri->getSegment(count($pages));
if ($page === '' || $page === 'index.php') $page = 'index';
?>
<!-- Header -->
<div class="header">
<div class="main-header">
<div class="header-left">
<a href="<?php echo base_url(); ?>index" class="logo">
<img src="<?php echo base_url(); ?>assets/img/logo.svg" alt="Logo">
</a>
<?php if($page !== 'layout-horizontal-box' && $page !== 'layout-horizontal-overlay') {?>
<a href="<?php echo base_url(); ?>index" class="dark-logo">
<img src="<?php echo base_url(); ?>assets/img/logo-white.svg" alt="Logo">
</a>
<?php } ?>
</div>
<a id="mobile_btn" class="mobile_btn" href="#sidebar">
<span class="bar-icon">
<span></span>
<span></span>
<span></span>
</span>
</a>
<div class="header-user">
<div class="nav user-menu nav-list">
<div class="me-auto d-flex align-items-center" id="header-search">
<a id="toggle_btn" href="javascript:void(0);" class="btn btn-menubar me-1">
<i class="ti ti-arrow-bar-to-left"></i>
</a>
<!-- Search -->
<div class="input-group input-group-flat d-inline-flex me-1">
<span class="input-icon-addon">
<i class="ti ti-search"></i>
</span>
<input type="text" class="form-control" placeholder="Search in HRMS">
<span class="input-group-text">
<kbd>CTRL + / </kbd>
</span>
</div>
<!-- /Search -->
<div class="dropdown crm-dropdown">
<a href="#" class="btn btn-menubar me-1" data-bs-toggle="dropdown">
<i class="ti ti-layout-grid"></i>
</a>
<div class="dropdown-menu dropdown-lg dropdown-menu-start">
<div class="card mb-0 border-0 shadow-none">
<div class="card-header">
<h4>CRM</h4>
</div>
<div class="card-body pb-1">
<div class="row">
<div class="col-sm-6">
<a href="<?php echo base_url(); ?>contacts" class="d-flex align-items-center justify-content-between p-2 crm-link mb-3">
<span class="d-flex align-items-center me-3">
<i class="ti ti-user-shield text-default me-2"></i>Contacts
</span>
<i class="ti ti-arrow-right"></i>
</a>
<a href="<?php echo base_url(); ?>deals-grid" class="d-flex align-items-center justify-content-between p-2 crm-link mb-3">
<span class="d-flex align-items-center me-3">
<i class="ti ti-heart-handshake text-default me-2"></i>Deals
</span>
<i class="ti ti-arrow-right"></i>
</a>
<a href="<?php echo base_url(); ?>pipeline" class="d-flex align-items-center justify-content-between p-2 crm-link mb-3">
<span class="d-flex align-items-center me-3">
<i class="ti ti-timeline-event-text text-default me-2"></i>Pipeline
</span>
<i class="ti ti-arrow-right"></i>
</a>
</div>
<div class="col-sm-6">
<a href="<?php echo base_url(); ?>companies-grid" class="d-flex align-items-center justify-content-between p-2 crm-link mb-3">
<span class="d-flex align-items-center me-3">
<i class="ti ti-building text-default me-2"></i>Companies
</span>
<i class="ti ti-arrow-right"></i>
</a>
<a href="<?php echo base_url(); ?>leads-grid" class="d-flex align-items-center justify-content-between p-2 crm-link mb-3">
<span class="d-flex align-items-center me-3">
<i class="ti ti-user-check text-default me-2"></i>Leads
</span>
<i class="ti ti-arrow-right"></i>
</a>
<a href="<?php echo base_url(); ?>activity" class="d-flex align-items-center justify-content-between p-2 crm-link mb-3">
<span class="d-flex align-items-center me-3">
<i class="ti ti-activity text-default me-2"></i>Activities
</span>
<i class="ti ti-arrow-right"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<a href="<?php echo base_url(); ?>profile-settings" class="btn btn-menubar">
<i class="ti ti-settings-cog"></i>
</a>
</div>
<!-- Horizontal Single -->
<div class="sidebar sidebar-horizontal" id="horizontal-single">
<div class="sidebar-menu">
<div class="main-menu">
<ul class="nav-menu">
<li class="menu-title">
<span>Main</span>
</li>
<li class="submenu">
<a href="#" class=" <?php echo ($page == 'index'||$page == 'employee-dashboard'||$page == 'deals-dashboard'||$page == 'leads-dashboard') ? 'active subdrop' : ''; ?>">
<i class="ti ti-smart-home"></i><span>Dashboard</span>
<span class="menu-arrow"></span>
</a>
<ul>
<li><a href="<?php echo base_url(); ?>index" class="<?php echo ($page == 'index') ? 'active' : ''; ?>">Admin Dashboard</a></li>
<li><a href="<?php echo base_url(); ?>employee-dashboard" class="<?php echo ($page == 'employee-dashboard') ? 'active' : ''; ?>">Employee Dashboard</a></li>
<li><a href="<?php echo base_url(); ?>deals-dashboard" class="<?php echo ($page == 'deals-dashboard') ? 'active' : ''; ?>">Deals Dashboard</a></li>
<li><a href="<?php echo base_url(); ?>leads-dashboard" class="<?php echo ($page == 'leads-dashboard') ? 'active' : ''; ?>">Leads Dashboard</a></li>
</ul>
</li>
<li class="submenu">
<a href="#"class=" <?php echo ($page == 'dashboard'||$page == 'companies'||$page == 'subscription'||$page == 'packages'||$page == 'domain'||$page == 'purchase-transaction') ? 'active subdrop' : ''; ?>">
<i class="ti ti-user-star"></i><span>Super Admin</span>
<span class="menu-arrow"></span>
</a>
<ul>
<li><a href="<?php echo base_url(); ?>dashboard" class="<?php echo ($page == 'dashboard') ? 'active' : ''; ?>">Dashboard</a></li>
<li><a href="<?php echo base_url(); ?>companies" class="<?php echo ($page == 'companies') ? 'active' : ''; ?>">Companies</a></li>
<li><a href="<?php echo base_url(); ?>subscription" class="<?php echo ($page == 'subscription') ? 'active' : ''; ?>">Subscriptions</a></li>
<li><a href="<?php echo base_url(); ?>packages" class="<?php echo ($page == 'packages') ? 'active' : ''; ?>">Packages</a></li>
<li><a href="<?php echo base_url(); ?>domain" class="<?php echo ($page == 'domain') ? 'active' : ''; ?>">Domain</a></li>
<li><a href="<?php echo base_url(); ?>purchase-transaction" class="<?php echo ($page == 'purchase-transaction') ? 'active' : ''; ?>">Purchase Transaction</a></li>
</ul>
</li>
<li class="submenu">
<a href="#"class=" <?php echo ($page == 'chat'||$page == 'call'||$page == 'voice-call'||$page == 'video-call'||$page == 'outgoing-call'||$page == 'incoming-call'||$page == 'call-history'||$page == 'calendar'
||$page == 'email'||$page == 'todo'||$page == 'notes'||$page == 'social-feed'||$page == 'file-manager'||$page == 'kanban-view'||$page == 'invoices') ? 'active subdrop' : ''; ?>">
<i class="ti ti-layout-grid-add"></i><span>Applications</span>
<span class="menu-arrow"></span>
</a>
<ul>
<li class="<?php echo ($page == 'chat') ? 'active' : ''; ?>"><a href="<?php echo base_url(); ?>chat" >Chat</a></li>
<li class="submenu submenu-two">
<a href="#" class="<?php echo ($page == 'call') ? 'active' : ''; ?>">Calls<span
class="menu-arrow inside-submenu"></span></a>
<ul>
<li><a href="<?php echo base_url(); ?>voice-call" class="<?php echo ($page == 'voice-call') ? 'active' : ''; ?>">Voice Call</a></li>
<li><a href="<?php echo base_url(); ?>video-call" class="<?php echo ($page == 'video-call') ? 'active' : ''; ?>">Video Call</a></li>
<li><a href="<?php echo base_url(); ?>outgoing-call" class="<?php echo ($page == 'outgoing-call') ? 'active' : ''; ?>">Outgoing Call</a></li>
<li><a href="<?php echo base_url(); ?>incoming-call" class="<?php echo ($page == 'incoming-call') ? 'active' : ''; ?>">Incoming Call</a></li>
<li><a href="<?php echo base_url(); ?>call-history" class="<?php echo ($page == 'call-history') ? 'active' : ''; ?>">Call History</a></li>
</ul>
</li>
<li><a href="<?php echo base_url(); ?>calendar" class="<?php echo ($page == 'calendar') ? 'active' : ''; ?>">Calendar</a></li>
<li><a href="<?php echo base_url(); ?>email" class="<?php echo ($page == 'email') ? 'active' : ''; ?>">Email</a></li>
<li><a href="<?php echo base_url(); ?>todo" class="<?php echo ($page == 'todo') ? 'active' : ''; ?>">To Do</a></li>
<li><a href="<?php echo base_url(); ?>notes" class="<?php echo ($page == 'notes') ? 'active' : ''; ?>">Notes</a></li>
<li><a href="<?php echo base_url(); ?>file-manager" class="<?php echo ($page == 'file-manager') ? 'active' : ''; ?>">File Manager</a></li>
<li><a href="<?php echo base_url(); ?>kanban-view" class="<?php echo ($page == 'kanban-view') ? 'active' : ''; ?>">Kanban</a></li>
<li><a href="<?php echo base_url(); ?>invoices" class="<?php echo ($page == 'invoices') ? 'active' : ''; ?>">Invoices</a></li>
</ul>
</li>
<li class="submenu">
<a href="#" class=" <?php echo ($page == 'layout-horizontal'||$page == 'layout-detached'||$page == 'layout-modern'||$page == 'layout-two-column'||$page == 'layout-hovered'||$page == 'layout-horizontal-single'||$page == 'layout-horizontal-overlay'||$page == 'layout-horizontal-box'||$page == 'layout-horizontal-sidemenu'||$page == 'layout-vertical-transparent'||$page == 'layout-without-header'||$page == 'layout-vertical-transparent'||$page == 'layout-rtl'||$page == 'layout-dark') ? 'active subdrop' : ''; ?>">
<i class="ti ti-layout-board-split"></i><span>Layouts</span>
<span class="menu-arrow"></span>
</a>
<ul>
<li>
<a href="<?php echo base_url(); ?>layout-horizontal" class="<?php echo ($page == 'layout-horizontal') ? 'active' : ''; ?>">
<span>Horizontal</span>
</a>
</li>
<li>
<a href="<?php echo base_url(); ?>layout-detached" class="<?php echo ($page == 'layout-detached') ? 'active' : ''; ?>">
<span>Detached</span>
</a>
</li>
<li>
<a href="<?php echo base_url(); ?>layout-modern" class="<?php echo ($page == 'layout-modern') ? 'active' : ''; ?>">
<span>Modern</span>
</a>
</li>
<li>
<a href="<?php echo base_url(); ?>layout-two-column" class="<?php echo ($page == 'layout-two-column') ? 'active' : ''; ?>">
<span>Two Column </span>
</a>
</li>
<li>
<a href="<?php echo base_url(); ?>layout-hovered" class="<?php echo ($page == 'layout-hovered') ? 'active' : ''; ?>">
<span>Hovered</span>
</a>
</li>
<li>
<a href="<?php echo base_url(); ?>layout-box" class="<?php echo ($page == 'layout-box') ? 'active' : ''; ?>">
<span>Boxed</span>
</a>
</li>
<li>
<a href="<?php echo base_url(); ?>layout-horizontal-single" class="<?php echo ($page == 'layout-horizontal-single') ? 'active' : ''; ?>">
<span>Horizontal Single</span>
</a>
</li>
<li>
<a href="<?php echo base_url(); ?>layout-horizontal-overlay" class="<?php echo ($page == 'layout-horizontal-overlay') ? 'active' : ''; ?>">
<span>Horizontal Overlay</span>
</a>
</li>
<li>
<a href="<?php echo base_url(); ?>layout-horizontal-box" class="<?php echo ($page == 'layout-horizontal-box') ? 'active' : ''; ?>">
<span>Horizontal Box</span>
</a>
</li>
<li>
<a href="<?php echo base_url(); ?>layout-horizontal-sidemenu" class="<?php echo ($page == 'layout-horizontal-sidemenu') ? 'active' : ''; ?>">
<span>Menu Aside</span>
</a>
</li>
<li>
<a href="<?php echo base_url(); ?>layout-vertical-transparent" class="<?php echo ($page == 'layout-vertical-transparent') ? 'active' : ''; ?>">
<span>Transparent</span>
</a>
</li>
<li>
<a href="<?php echo base_url(); ?>layout-without-header" class="<?php echo ($page == 'layout-without-header') ? 'active' : ''; ?>">
<span>Without Header</span>
</a>
</li>
<li>
<a href="<?php echo base_url(); ?>layout-rtl" class="<?php echo ($page == 'layout-rtl') ? 'active' : ''; ?>">
<span>RTL</span>
</a>
</li>
<li>
<a href="<?php echo base_url(); ?>layout-dark" class="<?php echo ($page == 'layout-dark') ? 'active' : ''; ?>">
<span>Dark</span>
</a>
</li>
</ul>
</li>
<li class="submenu">
<a href="#">
<i class="ti ti-user-star"></i><span>Projects</span>
<span class="menu-arrow"></span>
</a>
<ul>
<li class="<?php echo ($page == 'clients-grid') ? 'active' : ''; ?>">
<a href="<?php echo base_url(); ?>clients-grid"><span>Clients</span>
</a>
</li>
<li class="submenu">
<a href="javascript:void(0);" class=" <?php echo ($page == 'projects-grid'||$page == 'tasks'||$page == 'task-board') ? 'active subdrop' : ''; ?>"><span>Projects</span>
<span class="menu-arrow"></span>
</a>
<ul>
<li><a href="<?php echo base_url(); ?>projects-grid" class="<?php echo ($page == 'projects-grid') ? 'active' : ''; ?>">Projects</a></li>
<li><a href="<?php echo base_url(); ?>tasks" class="<?php echo ($page == 'tasks') ? 'active' : ''; ?>">Tasks</a></li>
<li><a href="<?php echo base_url(); ?>task-board" class="<?php echo ($page == 'task-board') ? 'active' : ''; ?>">Task Board</a></li>
</ul>
</li>
<li class="submenu">
<a href="#" class="<?php echo ($page == 'call') ? 'active' : ''; ?>">Crm<span class="menu-arrow"></span></a>
<ul>
<li><a href="<?php echo base_url(); ?>contacts-grid" class="<?php echo ($page == 'contacts-grid') ? 'active' : ''; ?>"><span>Contacts</span></a></li>
<li><a href="<?php echo base_url(); ?>companies-grid" class="<?php echo ($page == 'companies-grid') ? 'active' : ''; ?>"><span>Companies</span></a></li>
<li><a href="<?php echo base_url(); ?>deals-grid" class="<?php echo ($page == 'deals-grid') ? 'active' : ''; ?>"><span>Deals</span></a></li>
<li><a href="<?php echo base_url(); ?>leads-grid" class="<?php echo ($page == 'leads-grid') ? 'active' : ''; ?>" ><span>Leads</span></a></li>
<li><a href="<?php echo base_url(); ?>pipeline" class="<?php echo ($page == 'pipeline') ? 'active' : ''; ?>"><span>Pipeline</span></a></li>
<li><a href="<?php echo base_url(); ?>analytics" class="<?php echo ($page == 'analytics') ? 'active' : ''; ?>"><span>Analytics</span></a></li>
<li><a href="<?php echo base_url(); ?>activity" class="<?php echo ($page == 'activity') ? 'active' : ''; ?>"><span>Activities</span></a></li>
</ul>
</li>
<li class="submenu">
<a href="javascript:void(0);"class=" <?php echo ($page == 'employees'||$page == 'employees-grid'||$page == 'employee-details'||$page == 'departments'||$page == 'designations'||$page == 'policy') ? 'active subdrop' : ''; ?>"><span>Employees</span>
<span class="menu-arrow"></span>
</a>
<ul>
<li><a href="<?php echo base_url(); ?>employees" class="<?php echo ($page == 'employees') ? 'active' : ''; ?>">Employee Lists</a></li>
<li><a href="<?php echo base_url(); ?>employees-grid" class="<?php echo ($page == 'employees-grid') ? 'active' : ''; ?>">Employee Grid</a></li>
<li><a href="<?php echo base_url(); ?>employee-details" class="<?php echo ($page == 'employee-details') ? 'active' : ''; ?>">Employee Details</a></li>
<li><a href="<?php echo base_url(); ?>departments" class="<?php echo ($page == 'departments') ? 'active' : ''; ?>">Departments</a></li>
<li><a href="<?php echo base_url(); ?>designations" class="<?php echo ($page == 'designations') ? 'active' : ''; ?>">Designations</a></li>
<li><a href="<?php echo base_url(); ?>policy" class="<?php echo ($page == 'policy') ? 'active' : ''; ?>">Policies</a></li>
</ul>
</li>
<li class="submenu">
<a href="javascript:void(0);"class=" <?php echo ($page == 'tickets'||$page == 'ticket-details') ? 'active subdrop' : ''; ?>"><span>Tickets</span>
<span class="menu-arrow"></span>
</a>
<ul>
<li><a href="<?php echo base_url(); ?>tickets" class="<?php echo ($page == 'tickets') ? 'active' : ''; ?>">Tickets</a></li>
<li><a href="<?php echo base_url(); ?>ticket-details" class="<?php echo ($page == 'ticket-details') ? 'active' : ''; ?>">Ticket Details</a></li>
</ul>
</li>
<li class="<?php echo ($page == 'holidays') ? 'active' : ''; ?>"><a href="<?php echo base_url(); ?>holidays"><span>Holidays</span></a></li>
<li class="submenu">
<a href="javascript:void(0);"><span>Attendance</span>
<span class="menu-arrow"></span>
</a>
<ul>
<li class="submenu">
<a href="javascript:void(0);"class=" <?php echo ($page == 'leaves'||$page == 'leaves-employee'||$page == 'leave-settings') ? 'active subdrop' : ''; ?>">Leaves<span class="menu-arrow"></span></a>
<ul>
<li><a href="<?php echo base_url(); ?>leaves" class="<?php echo ($page == 'leaves') ? 'active' : ''; ?>">Leaves (Admin)</a></li>
<li><a href="<?php echo base_url(); ?>leaves-employee" class="<?php echo ($page == 'leaves-employee') ? 'active' : ''; ?>">Leave (Employee)</a></li>
<li><a href="<?php echo base_url(); ?>leave-settings" class="<?php echo ($page == 'leave-settings') ? 'active' : ''; ?>">Leave Settings</a></li>
</ul>
</li>
<li><a href="<?php echo base_url(); ?>attendance-admin" class="<?php echo ($page == 'attendance-admin') ? 'active' : ''; ?>">Attendance (Admin)</a></li>
<li><a href="<?php echo base_url(); ?>attendance-employee" class="<?php echo ($page == 'attendance-employee') ? 'active' : ''; ?>">Attendance (Employee)</a></li>
<li><a href="<?php echo base_url(); ?>timesheets" class="<?php echo ($page == 'timesheets') ? 'active' : ''; ?>">Timesheets</a></li>
<li><a href="<?php echo base_url(); ?>schedule-timing" class="<?php echo ($page == 'schedule-timing') ? 'active' : ''; ?>">Shift & Schedule</a></li>
<li><a href="<?php echo base_url(); ?>overtime" class="<?php echo ($page == 'overtime') ? 'active' : ''; ?>">Overtime</a></li>
</ul>
</li>
<li class="submenu">
<a href="javascript:void(0);"class=" <?php echo ($page == 'performance-indicator'||$page == 'performance-review'||$page == 'performance-appraisal'||$page == 'goal-tracking'||$page == 'goal-type') ? 'active subdrop' : ''; ?>"><span>Performance</span>
<span class="menu-arrow"></span>
</a>
<ul>
<li><a href="<?php echo base_url(); ?>performance-indicator" class="<?php echo ($page == 'performance-indicator') ? 'active' : ''; ?>">Performance Indicator</a></li>
<li><a href="<?php echo base_url(); ?>performance-review" class="<?php echo ($page == 'performance-review') ? 'active' : ''; ?>">Performance Review</a></li>
<li><a href="<?php echo base_url(); ?>performance-appraisal" class="<?php echo ($page == 'performance-appraisal') ? 'active' : ''; ?>">Performance Appraisal</a></li>
<li><a href="<?php echo base_url(); ?>goal-tracking" class="<?php echo ($page == 'goal-tracking') ? 'active' : ''; ?>">Goal List</a></li>
<li><a href="<?php echo base_url(); ?>goal-type" class="<?php echo ($page == 'goal-type') ? 'active' : ''; ?>">Goal Type</a></li>
</ul>
</li>
<li class="submenu">
<a href="javascript:void(0);"class=" <?php echo ($page == 'training'||$page == 'trainers'||$page == 'training-type') ? 'active subdrop' : ''; ?>"><span>Training</span>
<span class="menu-arrow"></span>
</a>
<ul>
<li><a href="<?php echo base_url(); ?>training" class="<?php echo ($page == 'training') ? 'active' : ''; ?>">Training List</a></li>
<li><a href="<?php echo base_url(); ?>trainers" class="<?php echo ($page == 'trainers') ? 'active' : ''; ?>">Trainers</a></li>
<li><a href="<?php echo base_url(); ?>training-type" class="<?php echo ($page == 'training-type') ? 'active' : ''; ?>">Training Type</a></li>
</ul>
</li>
<li><a href="<?php echo base_url(); ?>promotion" class="<?php echo ($page == 'promotion') ? 'active' : ''; ?>"><span>Promotion</span></a></li>
<li><a href="<?php echo base_url(); ?>resignation" class="<?php echo ($page == 'resignation') ? 'active' : ''; ?>"><span>Resignation</span></a></li>
<li><a href="<?php echo base_url(); ?>termination" class="<?php echo ($page == 'termination') ? 'active' : ''; ?>"><span>Termination</span></a></li>
</ul>
</li>
<li class="submenu">
<a href="#">
<i class="ti ti-user-star"></i><span>Administration</span>
<span class="menu-arrow"></span>
</a>
<ul>
<li class="submenu">
<a href="javascript:void(0);"class=" <?php echo ($page == 'estimates'||$page == 'invoices'||$page == 'payments'||$page == 'expenses'||$page == 'provident-fund'||$page == 'taxes') ? 'active subdrop' : ''; ?>"><span>Sales</span>
<span class="menu-arrow"></span>
</a>
<ul>
<li><a href="<?php echo base_url(); ?>estimates" class="<?php echo ($page == 'estimates') ? 'active' : ''; ?>">Estimates</a></li>
<li><a href="<?php echo base_url(); ?>invoices" class="<?php echo ($page == 'invoices') ? 'active' : ''; ?>">Invoices</a></li>
<li><a href="<?php echo base_url(); ?>payments" class="<?php echo ($page == 'payments') ? 'active' : ''; ?>">Payments</a></li>
<li><a href="<?php echo base_url(); ?>expenses" class="<?php echo ($page == 'expenses') ? 'active' : ''; ?>">Expenses</a></li>
<li><a href="<?php echo base_url(); ?>provident-fund" class="<?php echo ($page == 'provident-fund') ? 'active' : ''; ?>">Provident Fund</a></li>
<li><a href="<?php echo base_url(); ?>taxes" class="<?php echo ($page == 'taxes') ? 'active' : ''; ?>">Taxes</a></li>
</ul>
</li>
<li class="submenu">
<a href="javascript:void(0);"class=" <?php echo ($page == 'categories'||$page == 'budgets'||$page == 'budget-expenses'||$page == 'budget-revenues') ? 'active subdrop' : ''; ?>"><span>Accounting</span>
<span class="menu-arrow"></span>
</a>
<ul>
<li><a href="<?php echo base_url(); ?>categories" class="<?php echo ($page == 'categories') ? 'active' : ''; ?>">Categories</a></li>
<li><a href="<?php echo base_url(); ?>budgets" class="<?php echo ($page == 'budgets') ? 'active' : ''; ?>">Budgets</a></li>
<li><a href="<?php echo base_url(); ?>budget-expenses" class="<?php echo ($page == 'budget-expenses') ? 'active' : ''; ?>">Budget Expenses</a></li>
<li><a href="<?php echo base_url(); ?>budget-revenues" class="<?php echo ($page == 'budget-revenues') ? 'active' : ''; ?>">Budget Revenues</a></li>
</ul>
</li>
<li class="submenu">
<a href="javascript:void(0);"class="<?php echo ($page == 'employee-salary'||$page == 'payslip'||$page == 'payroll') ? 'active subdrop' : ''; ?>"><span>Payroll</span>
<span class="menu-arrow"></span>
</a>
<ul>
<li><a href="<?php echo base_url(); ?>employee-salary" class="<?php echo ($page == 'employee-salary') ? 'active' : ''; ?>">Employee Salary</a></li>
<li><a href="<?php echo base_url(); ?>payslip" class="<?php echo ($page == 'payslip') ? 'active' : ''; ?>">Payslip</a></li>
<li><a href="<?php echo base_url(); ?>payroll" class="<?php echo ($page == 'payroll') ? 'active' : ''; ?>">Payroll Items</a></li>
</ul>
</li>
<li class="submenu">
<a href="javascript:void(0);"class="<?php echo ($page == 'assets-list'||$page == 'asset-categories') ? 'active subdrop' : ''; ?>"><span>Assets</span>
<span class="menu-arrow"></span>
</a>
<ul>
<li><a href="<?php echo base_url(); ?><?php echo base_url(); ?>assets" class="<?php echo ($page == 'assets') ? 'active' : ''; ?>">Assets</a></li>
<li><a href="<?php echo base_url(); ?>asset-categories" class="<?php echo ($page == 'asset-categories') ? 'active' : ''; ?>">Asset Categories</a></li>
</ul>
</li>
<li class="submenu">
<a href="javascript:void(0);"class="<?php echo ($page == 'knowledgebase'||$page == 'activity') ? 'active subdrop' : ''; ?>"><span>Help & Supports</span>
<span class="menu-arrow"></span>
</a>
<ul>
<li><a href="<?php echo base_url(); ?>knowledgebase" class="<?php echo ($page == 'knowledgebase') ? 'active' : ''; ?>">Knowledge Base</a></li>
<li><a href="<?php echo base_url(); ?>activity" class="<?php echo ($page == 'activity') ? 'active' : ''; ?>">Activities</a></li>
</ul>
</li>
<li class="submenu">
<a href="javascript:void(0);"class="<?php echo ($page == 'users'||$page == 'roles-permissions') ? 'active subdrop' : ''; ?>"><span>User Management</span>
<span class="menu-arrow"></span>
</a>
<ul>
<li><a href="<?php echo base_url(); ?>users" class="<?php echo ($page == 'users') ? 'active' : ''; ?>">Users</a></li>
<li><a href="<?php echo base_url(); ?>roles-permissions" class="<?php echo ($page == 'roles-permissions') ? 'active' : ''; ?>">Roles & Permissions</a></li>
</ul>
</li>
<li class="submenu">
<a href="javascript:void(0);" class="<?php echo ($page == 'expenses-report'||$page == 'invoice-report'||$page == 'payment-report'||$page == 'project-report'||$page == 'task-report'||$page == 'user-report'||$page == 'employee-report'||$page == 'payslip-report'||$page == 'attendance-report'||$page == 'leave-report'||$page == 'daily-report') ? 'active subdrop' : ''; ?>"><span>Reports</span>
<span class="menu-arrow"></span>
</a>
<ul>
<li><a href="<?php echo base_url(); ?>expenses-report" class="<?php echo ($page == 'expenses-report') ? 'active' : ''; ?>">Expense Report</a></li>
<li><a href="<?php echo base_url(); ?>invoice-report" class="<?php echo ($page == 'invoice-report') ? 'active' : ''; ?>">Invoice Report</a></li>
<li><a href="<?php echo base_url(); ?>payment-report" class="<?php echo ($page == 'payment-report') ? 'active' : ''; ?>">Payment Report</a></li>
<li><a href="<?php echo base_url(); ?>project-report" class="<?php echo ($page == 'project-report') ? 'active' : ''; ?>">Project Report</a></li>
<li><a href="<?php echo base_url(); ?>task-report" class="<?php echo ($page == 'task-report') ? 'active' : ''; ?>">Task Report</a></li>
<li><a href="<?php echo base_url(); ?>user-report" class="<?php echo ($page == 'user-report') ? 'active' : ''; ?>">User Report</a></li>
<li><a href="<?php echo base_url(); ?>employee-report" class="<?php echo ($page == 'employee-report') ? 'active' : ''; ?>">Employee Report</a></li>
<li><a href="<?php echo base_url(); ?>payslip-report" class="<?php echo ($page == 'payslip-report') ? 'active' : ''; ?>">Payslip Report</a></li>
<li><a href="<?php echo base_url(); ?>attendance-report" class="<?php echo ($page == 'attendance-report') ? 'active' : ''; ?>">Attendance Report</a></li>
<li><a href="<?php echo base_url(); ?>leave-report" class="<?php echo ($page == 'leave-report') ? 'active' : ''; ?>">Leave Report</a></li>
<li><a href="<?php echo base_url(); ?>daily-report" class="<?php echo ($page == 'daily-report') ? 'active' : ''; ?>">Daily Report</a></li>
</ul>
</li>
<li class="submenu">
<a href="javascript:void(0);"class="<?php echo ($page == 'profile-settings'||
$page == 'security-settings'||
$page == 'notification-settings'||
$page == 'project-report'||
$page == 'connected-apps'||
$page == 'bussiness-settings'||
$page == 'seo-settings'||
$page == 'localization-settings'||
$page == 'prefixes'||
$page == 'preferences'||
$page == 'performance-appraisal'||
$page == 'language'||
$page == 'authentication-settings'||
$page == 'ai-settings'||
$page == 'salary-settings'||
$page == 'approval-settings'||
$page == 'invoice-settings'||
$page == 'leave-type'||
$page == 'custom-fields'||
$page == 'email-settings'||
$page == 'email-template'||
$page == 'sms-settings'||
$page == 'sms-template'||
$page == 'otp-settings'||
$page == 'gdpr'||
$page == 'maintenance-mode'||
$page == 'payment-gateways'||
$page == 'tax-rates'||
$page == 'currencies'||
$page == 'custom-css'||
$page == 'custom-js'||
$page == 'cronjob'||
$page == 'storage-settings'||
$page == 'ban-ip-address'||
$page == 'backup'||
$page == 'clear-cache'
) ? 'active subdrop' : ''; ?>"><span>Settings</span>
<span class="menu-arrow"></span>
</a>
<ul>
<li class="submenu">
<a href="javascript:void(0);"class="<?php echo ($page == 'profile-settings'||$page == 'security-settings'||$page == 'notification-settings'||$page == 'connected-apps') ? 'active subdrop' : ''; ?>">General Settings<span class="menu-arrow"></span></a>
<ul>
<li><a href="<?php echo base_url(); ?>profile-settings" class="<?php echo ($page == 'profile-settings') ? 'active' : ''; ?>">Profile</a></li>
<li><a href="<?php echo base_url(); ?>security-settings" class="<?php echo ($page == 'security-settings') ? 'active' : ''; ?>">Security</a></li>
<li><a href="<?php echo base_url(); ?>notification-settings" class="<?php echo ($page == 'notification-settings') ? 'active' : ''; ?>">Notifications</a></li>
<li><a href="<?php echo base_url(); ?>connected-apps" class="<?php echo ($page == 'connected-apps') ? 'active' : ''; ?>">Connected Apps</a></li>
</ul>
</li>
<li class="submenu">
<a href="javascript:void(0);"class="<?php echo ($page == 'bussiness-settings'||$page == 'seo-settings'||$page == 'localization-settings'||$page == 'prefixes'||$page == 'preferences'||$page == 'performance-appraisal'||$page == 'language'||$page == 'authentication-settings'||$page == 'ai-settings') ? 'active subdrop' : ''; ?>">Website Settings<span class="menu-arrow"></span></a>
<ul>
<li><a href="<?php echo base_url(); ?>bussiness-settings" class="<?php echo ($page == 'bussiness-settings') ? 'active' : ''; ?>">Business Settings</a></li>
<li><a href="<?php echo base_url(); ?>seo-settings" class="<?php echo ($page == 'seo-settings') ? 'active' : ''; ?>">SEO Settings</a></li>
<li><a href="<?php echo base_url(); ?>localization-settings" class="<?php echo ($page == 'localization-settings') ? 'active' : ''; ?>">Localization</a></li>
<li><a href="<?php echo base_url(); ?>prefixes" class="<?php echo ($page == 'prefixes') ? 'active' : ''; ?>">Prefixes</a></li>
<li><a href="<?php echo base_url(); ?>preferences" class="<?php echo ($page == 'preferences') ? 'active' : ''; ?>">Preferences</a></li>
<li><a href="<?php echo base_url(); ?>performance-appraisal" class="<?php echo ($page == 'performance-appraisal') ? 'active' : ''; ?>">Appearance</a></li>
<li><a href="<?php echo base_url(); ?>language" class="<?php echo ($page == 'language') ? 'active' : ''; ?>">Language</a></li>
<li><a href="<?php echo base_url(); ?>authentication-settings" class="<?php echo ($page == 'authentication-settings') ? 'active' : ''; ?>">Authentication</a></li>
<li><a href="<?php echo base_url(); ?>ai-settings" class="<?php echo ($page == 'ai-settings') ? 'active' : ''; ?>">AI Settings</a></li>
</ul>
</li>
<li class="submenu">
<a href="javascript:void(0);"class="<?php echo ($page == 'salary-settings'||$page == 'approval-settings'||$page == 'invoice-settings'||$page == 'leave-type'||$page == 'custom-fields') ? 'active subdrop' : ''; ?>">App Settings<span class="menu-arrow"></span></a>
<ul>
<li><a href="<?php echo base_url(); ?>salary-settings" class="<?php echo ($page == 'salary-settings') ? 'active' : ''; ?>">Salary Settings</a></li>
<li><a href="<?php echo base_url(); ?>approval-settings" class="<?php echo ($page == 'approval-settings') ? 'active' : ''; ?>">Approval Settings</a></li>
<li><a href="<?php echo base_url(); ?>invoice-settings" class="<?php echo ($page == 'invoice-settings') ? 'active' : ''; ?>">Invoice Settings</a></li>
<li><a href="<?php echo base_url(); ?>leave-type" class="<?php echo ($page == 'leave-type') ? 'active' : ''; ?>">Leave Type</a></li>
<li><a href="<?php echo base_url(); ?>custom-fields" class="<?php echo ($page == 'custom-fields') ? 'active' : ''; ?>">Custom Fields</a></li>
</ul>
</li>
<li class="submenu">
<a href="javascript:void(0);"class="<?php echo ($page == 'email-settings'||$page == 'email-template'||$page == 'sms-settings'||$page == 'sms-template'||$page == 'otp-settings'||$page == 'gdpr'||$page == 'maintenance-mode') ? 'active subdrop' : ''; ?>">System Settings<span class="menu-arrow"></span></a>
<ul>
<li><a href="<?php echo base_url(); ?>email-settings" class="<?php echo ($page == 'email-settings') ? 'active' : ''; ?>">Email Settings</a></li>
<li><a href="<?php echo base_url(); ?>email-template" class="<?php echo ($page == 'email-template') ? 'active' : ''; ?>">Email Templates</a></li>
<li><a href="<?php echo base_url(); ?>sms-settings" class="<?php echo ($page == 'sms-settings') ? 'active' : ''; ?>">SMS Settings</a></li>
<li><a href="<?php echo base_url(); ?>sms-template" class="<?php echo ($page == 'sms-template') ? 'active' : ''; ?>">SMS Templates</a></li>
<li><a href="<?php echo base_url(); ?>otp-settings" class="<?php echo ($page == 'otp-settings') ? 'active' : ''; ?>">OTP</a></li>
<li><a href="<?php echo base_url(); ?>gdpr" class="<?php echo ($page == 'gdpr') ? 'active' : ''; ?>">GDPR Cookies</a></li>
<li><a href="<?php echo base_url(); ?>maintenance-mode" class="<?php echo ($page == 'maintenance-mode') ? 'active' : ''; ?>">Maintenance Mode</a></li>
</ul>
</li>
<li class="submenu">
<a href="javascript:void(0);"class="<?php echo ($page == 'payment-gateways'||$page == 'tax-rates'||$page == 'currencies') ? 'active subdrop' : ''; ?>">Financial Settings<span class="menu-arrow"></span></a>
<ul>
<li><a href="<?php echo base_url(); ?>payment-gateways" class="<?php echo ($page == 'payment-gateways') ? 'active' : ''; ?>">Payment Gateways</a></li>
<li><a href="<?php echo base_url(); ?>tax-rates" class="<?php echo ($page == 'tax-rates') ? 'active' : ''; ?>">Tax Rate</a></li>
<li><a href="<?php echo base_url(); ?>currencies" class="<?php echo ($page == 'currencies') ? 'active' : ''; ?>">Currencies</a></li>
</ul>
</li>
<li class="submenu">
<a href="javascript:void(0);"class="<?php echo ($page == 'custom-css'||$page == 'custom-js'||$page == 'cronjob'||$page == 'storage-settings'||$page == 'ban-ip-address'||$page == 'backup'||$page == 'clear-cache') ? 'active subdrop' : ''; ?>">Other Settings<span class="menu-arrow"></span></a>
<ul>
<li><a href="<?php echo base_url(); ?>custom-css" class="<?php echo ($page == 'custom-css') ? 'active' : ''; ?>">Custom CSS</a></li>
<li><a href="<?php echo base_url(); ?>custom-js" class="<?php echo ($page == 'custom-js') ? 'active' : ''; ?>">Custom JS</a></li>
<li><a href="<?php echo base_url(); ?>cronjob" class="<?php echo ($page == 'cronjob') ? 'active' : ''; ?>">Cronjob</a></li>
<li><a href="<?php echo base_url(); ?>storage-settings" class="<?php echo ($page == 'storage-settings') ? 'active' : ''; ?>">Storage</a></li>
<li><a href="<?php echo base_url(); ?>ban-ip-address" class="<?php echo ($page == 'ban-ip-address') ? 'active' : ''; ?>">Ban IP Address</a></li>
<li><a href="<?php echo base_url(); ?>backup" class="<?php echo ($page == 'backup') ? 'active' : ''; ?>">Backup</a></li>
<li><a href="<?php echo base_url(); ?>clear-cache" class="<?php echo ($page == 'clear-cache') ? 'active' : ''; ?>">Clear Cache</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li class="submenu">
<a href="#"class="<?php echo ($page == 'starter'||$page == 'profile'||$page == 'gallery'||$page == 'search-result'||$page == 'timeline'||$page == 'pricing'
||$page == 'coming-soon'
||$page == 'under-maintenance'
||$page == 'under-construction'
||$page == 'api-keys'
||$page == 'privacy-policy'
||$page == 'terms-condition'
||$page == 'pages'
) ? 'active subdrop' : ''; ?>">
<i class="ti ti-page-break"></i><span>Pages</span>
<span class="menu-arrow"></span>
</a>
<ul>
<li><a href="<?php echo base_url(); ?>starter" class="<?php echo ($page == 'starter') ? 'active' : ''; ?>"><span>Starter</span></a></li>
<li><a href="<?php echo base_url(); ?>profile" class="<?php echo ($page == 'profile') ? 'active' : ''; ?>"><span>Profile</span></a></li>
<li><a href="<?php echo base_url(); ?>gallery" class="<?php echo ($page == 'gallery') ? 'active' : ''; ?>"><span>Gallery</span></a></li>
<li><a href="<?php echo base_url(); ?>search-result" class="<?php echo ($page == 'search-result') ? 'active' : ''; ?>"><span>Search Results</span></a></li>
<li><a href="<?php echo base_url(); ?>timeline" class="<?php echo ($page == 'timeline') ? 'active' : ''; ?>"><span>Timeline</span></a></li>
<li><a href="<?php echo base_url(); ?>pricing" class="<?php echo ($page == 'pricing') ? 'active' : ''; ?>"><span>Pricing</span></a></li>
<li><a href="<?php echo base_url(); ?>coming-soon" class="<?php echo ($page == 'coming-soon') ? 'active' : ''; ?>"><span>Coming Soon</span></a></li>
<li><a href="<?php echo base_url(); ?>under-maintenance" class="<?php echo ($page == 'under-maintenance') ? 'active' : ''; ?>"><span>Under Maintenance</span></a></li>
<li><a href="<?php echo base_url(); ?>under-construction" class="<?php echo ($page == 'under-construction') ? 'active' : ''; ?>"><span>Under Construction</span></a></li>
<li><a href="<?php echo base_url(); ?>api-keys" class="<?php echo ($page == 'api-keys') ? 'active' : ''; ?>"><span>API Keys</span></a></li>
<li><a href="<?php echo base_url(); ?>privacy-policy" class="<?php echo ($page == 'privacy-policy') ? 'active' : ''; ?>"><span>Privacy Policy</span></a></li>
<li><a href="<?php echo base_url(); ?>terms-condition" class="<?php echo ($page == 'terms-condition') ? 'active' : ''; ?>"><span>Terms & Conditions</span></a></li>
<li class="submenu">
<a href="#"class="<?php echo ($page == 'pages'||$page == 'blogs'||$page == 'blog-categories'||$page == 'blog-comments'||$page == 'blog-tags') ? 'active subdrop' : ''; ?>"><span>Content</span> <span class="menu-arrow"></span></a>
<ul>
<li><a href="<?php echo base_url(); ?>pages"class="<?php echo ($page == 'pages') ? 'active' : ''; ?>">Pages</a></li>
<li class="submenu">
<a href="javascript:void(0);"class="<?php echo ($page == 'blogs'||$page == 'blog-categories'||$page == 'blog-comments'||$page == 'blog-tags') ? 'active subdrop' : ''; ?>">Blogs<span class="menu-arrow"></span></a>
<ul>
<li><a href="<?php echo base_url(); ?>blogs" class="<?php echo ($page == 'blogs') ? 'active' : ''; ?>">All Blogs</a></li>
<li><a href="<?php echo base_url(); ?>blog-categories" class="<?php echo ($page == 'blog-categories') ? 'active' : ''; ?>">Categories</a></li>
<li><a href="<?php echo base_url(); ?>blog-comments" class="<?php echo ($page == 'blog-comments') ? 'active' : ''; ?>">Comments</a></li>
<li><a href="<?php echo base_url(); ?>blog-tags" class="<?php echo ($page == 'blog-tags') ? 'active' : ''; ?>">Tags</a></li>
</ul>
</li>
<li class="submenu">
<a href="javascript:void(0);"class="<?php echo ($page == 'countries'||$page == 'states'||$page == 'cities') ? 'active subdrop' : ''; ?>">Locations<span class="menu-arrow"></span></a>
<ul>
<li><a href="<?php echo base_url(); ?>countries" class="<?php echo ($page == 'countries') ? 'active' : ''; ?>">Countries</a></li>
<li><a href="<?php echo base_url(); ?>states" class="<?php echo ($page == 'states') ? 'active' : ''; ?>">States</a></li>
<li><a href="<?php echo base_url(); ?>cities" class="<?php echo ($page == 'cities') ? 'active' : ''; ?>">Cities</a></li>
</ul>
</li>
<li><a href="<?php echo base_url(); ?>testimonials" class="<?php echo ($page == 'testimonials') ? 'active' : ''; ?>">Testimonials</a></li>
<li><a href="<?php echo base_url(); ?>faq" class="<?php echo ($page == 'faq') ? 'active' : ''; ?>">FAQ’S</a></li>
</ul>
</li>
<li class="submenu">
<a href="#">
<span>Authentication</span>
<span class="menu-arrow"></span>
</a>
<ul>
<li class="submenu">
<a href="javascript:void(0);" class="">Login<span class="menu-arrow"></span></a>
<ul>
<li><a href="<?php echo base_url(); ?>login" class="<?php echo ($page == 'login') ? 'active' : ''; ?>">Cover</a></li>
<li><a href="<?php echo base_url(); ?>login-2" class="<?php echo ($page == 'login-2') ? 'active' : ''; ?>">Illustration</a></li>
<li><a href="<?php echo base_url(); ?>login-3" class="<?php echo ($page == 'login-3') ? 'active' : ''; ?>">Basic</a></li>
</ul>
</li>
<li class="submenu">
<a href="javascript:void(0);" class="">Register<span class="menu-arrow"></span></a>
<ul>
<li><a href="<?php echo base_url(); ?>register" class="<?php echo ($page == 'register') ? 'active' : ''; ?>">Cover</a></li>
<li><a href="<?php echo base_url(); ?>register-2" class="<?php echo ($page == 'register-2') ? 'active' : ''; ?>">Illustration</a></li>
<li><a href="<?php echo base_url(); ?>register-3" class="<?php echo ($page == 'register-3') ? 'active' : ''; ?>">Basic</a></li>
</ul>
</li>
<li class="submenu"><a href="javascript:void(0);">Forgot Password<span class="menu-arrow"></span></a>
<ul>
<li><a href="<?php echo base_url(); ?>forgot-password" class="<?php echo ($page == 'forgot-password') ? 'active' : ''; ?>">Cover</a></li>
<li><a href="<?php echo base_url(); ?>forgot-password-2" class="<?php echo ($page == 'forgot-password-2') ? 'active' : ''; ?>">Illustration</a></li>
<li><a href="<?php echo base_url(); ?>forgot-password-3" class="<?php echo ($page == 'forgot-password-3') ? 'active' : ''; ?>">Basic</a></li>
</ul>
</li>
<li class="submenu">
<a href="javascript:void(0);">Reset Password<span class="menu-arrow"></span></a>
<ul>
<li><a href="<?php echo base_url(); ?>reset-password" class="<?php echo ($page == 'reset-password') ? 'active' : ''; ?>">Cover</a></li>
<li><a href="<?php echo base_url(); ?>reset-password-2" class="<?php echo ($page == 'reset-password-2') ? 'active' : ''; ?>">Illustration</a></li>
<li><a href="<?php echo base_url(); ?>reset-password-3" class="<?php echo ($page == 'reset-password-3') ? 'active' : ''; ?>">Basic</a></li>
</ul>
</li>
<li class="submenu">
<a href="javascript:void(0);">Email Verification<span class="menu-arrow"></span></a>
<ul>
<li><a href="<?php echo base_url(); ?>email-verification" class="<?php echo ($page == 'email-verification') ? 'active' : ''; ?>">Cover</a></li>
<li><a href="<?php echo base_url(); ?>email-verification-2" class="<?php echo ($page == 'email-verification-2') ? 'active' : ''; ?>">Illustration</a></li>
<li><a href="<?php echo base_url(); ?>email-verification-3" class="<?php echo ($page == 'email-verification-3') ? 'active' : ''; ?>">Basic</a></li>
</ul>
</li>
<li class="submenu">
<a href="javascript:void(0);">2 Step Verification<span class="menu-arrow"></span></a>
<ul>
<li><a href="<?php echo base_url(); ?>two-step-verification" class="<?php echo ($page == 'two-step-verification') ? 'active' : ''; ?>">Cover</a></li>
<li><a href="<?php echo base_url(); ?>two-step-verification-2" class="<?php echo ($page == 'two-step-verification-2') ? 'active' : ''; ?>">Illustration</a></li>
<li><a href="<?php echo base_url(); ?>two-step-verification-3" class="<?php echo ($page == 'two-step-verification-3') ? 'active' : ''; ?>">Basic</a></li>
</ul>
</li>
<li><a href="<?php echo base_url(); ?>lock-screen" class="<?php echo ($page == 'lock-screen') ? 'active' : ''; ?>">Lock Screen</a></li>
<li><a href="<?php echo base_url(); ?>error-404" class="<?php echo ($page == 'error-404') ? 'active' : ''; ?>">404 Error</a></li>
<li><a href="<?php echo base_url(); ?>error-500" class="<?php echo ($page == 'error-500') ? 'active' : ''; ?>">500 Error</a></li>
</ul>
</li>
<li class="submenu">
<a href="#">
<span>UI Interface</span>
<span class="menu-arrow"></span>
</a>
<ul>
<li class="submenu">
<a href="javascript:void(0);"class="<?php echo ($page == 'ui-alerts' || $page == 'ui-accordion' || $page == 'ui-avatar' || $page == 'ui-badges' || $page == 'ui-borders'
|| $page == 'ui-buttons' || $page == 'ui-buttons-group' || $page == 'ui-breadcrumb' || $page == 'ui-cards' || $page == 'ui-carousel'
|| $page == 'ui-colors' || $page == 'ui-dropdowns' || $page == 'ui-grid' || $page == 'ui-images' || $page == 'ui-lightbox'
|| $page == 'ui-media' || $page == 'ui-modals' || $page == 'ui-offcanvas' || $page == 'ui-pagination' || $page == 'ui-popovers'
|| $page == 'ui-progress' || $page == 'ui-placeholders' || $page == 'ui-spinner'
|| $page == 'ui-sweetalerts' || $page == 'ui-nav-tabs' || $page == 'ui-toasts' || $page == 'ui-tooltips'
|| $page == 'ui-typography' || $page == 'ui-video'
)
? 'subdrop active'
: ''; ?>">
<i class="ti ti-hierarchy-2"></i>
<span>Base UI</span>
<span class="menu-arrow"></span>
</a>
<ul>
<li>
<a href="<?php echo base_url(); ?>ui-alerts" class="<?php echo ($page == 'ui-alerts') ? 'active' : ''; ?>">Alerts</a>
</li>
<li>
<a href="<?php echo base_url(); ?>ui-accordion" class="<?php echo ($page == 'ui-accordion') ? 'active' : ''; ?>">Accordion</a>
</li>
<li>
<a href="<?php echo base_url(); ?>ui-avatar" class="<?php echo ($page == 'ui-avatar') ? 'active' : ''; ?>">Avatar</a>
</li>
<li>
<a href="<?php echo base_url(); ?>ui-badges" class="<?php echo ($page == 'ui-badges') ? 'active' : ''; ?>">Badges</a>
</li>
<li>
<a href="<?php echo base_url(); ?>ui-borders" class="<?php echo ($page == 'ui-borders') ? 'active' : ''; ?>">Border</a>
</li>
<li>
<a href="<?php echo base_url(); ?>ui-buttons" class="<?php echo ($page == 'ui-buttons') ? 'active' : ''; ?>">Buttons</a>
</li>
<li>
<a href="<?php echo base_url(); ?>ui-buttons-group" class="<?php echo ($page == 'ui-buttons-group') ? 'active' : ''; ?>">Button Group</a>
</li>
<li>
<a href="<?php echo base_url(); ?>ui-breadcrumb" class="<?php echo ($page == 'ui-breadcrumb') ? 'active' : ''; ?>">Breadcrumb</a>
</li>
<li>
<a href="<?php echo base_url(); ?>ui-cards" class="<?php echo ($page == 'ui-cards') ? 'active' : ''; ?>">Card</a>
</li>
<li>
<a href="<?php echo base_url(); ?>ui-carousel" class="<?php echo ($page == 'ui-carousel') ? 'active' : ''; ?>">Carousel</a>
</li>
<li>
<a href="<?php echo base_url(); ?>ui-colors" class="<?php echo ($page == 'ui-colors') ? 'active' : ''; ?>">Colors</a>
</li>
<li>
<a href="<?php echo base_url(); ?>ui-dropdowns" class="<?php echo ($page == 'ui-dropdowns') ? 'active' : ''; ?>">Dropdowns</a>
</li>
<li>
<a href="<?php echo base_url(); ?>ui-grid" class="<?php echo ($page == 'ui-grid') ? 'active' : ''; ?>">Grid</a>
</li>
<li>
<a href="<?php echo base_url(); ?>ui-images" class="<?php echo ($page == 'ui-images') ? 'active' : ''; ?>">Images</a>
</li>
<li>
<a href="<?php echo base_url(); ?>ui-lightbox" class="<?php echo ($page == 'ui-lightbox') ? 'active' : ''; ?>">Lightbox</a>
</li>
<li>
<a href="<?php echo base_url(); ?>ui-media" class="<?php echo ($page == 'ui-media') ? 'active' : ''; ?>">Media</a>
</li>
<li>
<a href="<?php echo base_url(); ?>ui-modals" class="<?php echo ($page == 'ui-modals') ? 'active' : ''; ?>">Modals</a>
</li>
<li>
<a href="<?php echo base_url(); ?>ui-offcanvas" class="<?php echo ($page == 'ui-offcanvas') ? 'active' : ''; ?>">Offcanvas</a>
</li>
<li>
<a href="<?php echo base_url(); ?>ui-pagination" class="<?php echo ($page == 'ui-pagination') ? 'active' : ''; ?>">Pagination</a>
</li>
<li>
<a href="<?php echo base_url(); ?>ui-popovers" class="<?php echo ($page == 'ui-popovers') ? 'active' : ''; ?>">Popovers</a>
</li>
<li>
<a href="<?php echo base_url(); ?>ui-progress" class="<?php echo ($page == 'ui-progress') ? 'active' : ''; ?>">Progress</a>
</li>
<li>
<a href="<?php echo base_url(); ?>ui-placeholders" class="<?php echo ($page == 'ui-placeholders') ? 'active' : ''; ?>">Placeholders</a>
</li>
<li>
<a href="<?php echo base_url(); ?>ui-spinner" class="<?php echo ($page == 'ui-spinner') ? 'active' : ''; ?>">Spinner</a>
</li>
<li>
<a href="<?php echo base_url(); ?>ui-sweetalerts" class="<?php echo ($page == 'ui-sweetalerts') ? 'active' : ''; ?>">Sweet Alerts</a>
</li>
<li>
<a href="<?php echo base_url(); ?>ui-nav-tabs" class="<?php echo ($page == 'ui-nav-tabs') ? 'active' : ''; ?>">Tabs</a>
</li>
<li>
<a href="<?php echo base_url(); ?>ui-toasts" class="<?php echo ($page == 'ui-toasts') ? 'active' : ''; ?>">Toasts</a>
</li>
<li>
<a href="<?php echo base_url(); ?>ui-tooltips" class="<?php echo ($page == 'ui-tooltips') ? 'active' : ''; ?>">Tooltips</a>
</li>
<li>
<a href="<?php echo base_url(); ?>ui-typography" class="<?php echo ($page == 'ui-typography') ? 'active' : ''; ?>">Typography</a>
</li>
<li>
<a href="<?php echo base_url(); ?>ui-video" class="<?php echo ($page == 'ui-video') ? 'active' : ''; ?>">Video</a>
</li>
<li>
<a href="<?php echo base_url(); ?>ui-sortable" class="<?php echo ($page == 'ui-sortable') ? 'active' : ''; ?>">Sortable</a>
</li>
<li>
<a href="<?php echo base_url(); ?>ui-swiperjs" class="<?php echo ($page == 'ui-swiperjs') ? 'active' : ''; ?>">Swiperjs</a>
</li>
</ul>
</li>
<li class="submenu">
<a href="javascript:void(0);"class="<?php echo ($page == 'ui-ribbon' || $page == 'ui-clipboard' || $page == 'ui-drag-drop' || $page == 'ui-rangeslider' || $page == 'ui-rating' || $page == 'ui-text-editor' || $page == 'ui-counter' || $page == 'ui-scrollbar' || $page == 'ui-stickynote' || $page == 'ui-timeline') ? 'subdrop active' : ''; ?>">
<i class="ti ti-hierarchy-3"></i>
<span>Advanced UI</span>
<span class="menu-arrow"></span>
</a>
<ul>
<li>
<a href="<?php echo base_url(); ?>ui-ribbon" class="<?php echo ($page == 'ui-ribbon') ? 'active' : ''; ?>">Ribbon</a>
</li>
<li>
<a href="<?php echo base_url(); ?>ui-clipboard" class="<?php echo ($page == 'ui-clipboard') ? 'active' : ''; ?>">Clipboard</a>
</li>
<li>
<a href="<?php echo base_url(); ?>ui-drag-drop" class="<?php echo ($page == 'ui-drag-drop') ? 'active' : ''; ?>">Drag & Drop</a>
</li>
<li>
<a href="<?php echo base_url(); ?>ui-rangeslider" class="<?php echo ($page == 'ui-rangeslider') ? 'active' : ''; ?>">Range Slider</a>
</li>
<li>
<a href="<?php echo base_url(); ?>ui-rating" class="<?php echo ($page == 'ui-rating') ? 'active' : ''; ?>">Rating</a>
</li>
<li>
<a href="<?php echo base_url(); ?>ui-text-editor" class="<?php echo ($page == 'ui-text-editor') ? 'active' : ''; ?>">Text Editor</a>
</li>
<li>
<a href="<?php echo base_url(); ?>ui-counter" class="<?php echo ($page == 'ui-counter') ? 'active' : ''; ?>">Counter</a>
</li>
<li>
<a href="<?php echo base_url(); ?>ui-scrollbar" class="<?php echo ($page == 'ui-scrollbar') ? 'active' : ''; ?>">Scrollbar</a>
</li>
<li>
<a href="<?php echo base_url(); ?>ui-stickynote" class="<?php echo ($page == 'ui-stickynote') ? 'active' : ''; ?>">Sticky Note</a>
</li>
<li>
<a href="<?php echo base_url(); ?>ui-timeline" class="<?php echo ($page == 'ui-timeline') ? 'active' : ''; ?>">Timeline</a>
</li>
</ul>
</li>
<li class="submenu">
<a href="javascript:void(0);"class="<?php echo ($page == 'form-basic-inputs' || $page == 'form-checkbox-radios' || $page == 'form-input-groups' || $page == 'form-grid-gutters' || $page == 'form-select' || $page == 'form-mask' || $page == 'form-fileupload' || $page == 'form-horizontal' || $page == 'form-vertical' || $page == 'form-floating-labels' || $page == 'form-validation' || $page == 'form-wizard' || $page == 'form-select2') ? 'subdrop active' : ''; ?>">
<i class="ti ti-input-search"></i>
<span>Forms</span>
<span class="menu-arrow"></span>
</a>
<ul>
<li class="submenu submenu-two">
<a href="javascript:void(0);" class="<?php echo ($page == 'form-basic-inputs' || $page == 'form-checkbox-radios' || $page == 'form-input-groups' || $page == 'form-grid-gutters' || $page == 'form-select' || $page == 'form-mask' || $page == 'form-fileupload' ) ? 'subdrop active' : ''; ?>">Form Elements <span class="menu-arrow inside-submenu"></span>
</a>
<ul>
<li>
<a href="<?php echo base_url(); ?>form-basic-inputs" class="<?php echo ($page == 'form-basic-inputs') ? 'active' : ''; ?>">Basic Inputs</a>
</li>
<li>
<a href="<?php echo base_url(); ?>form-checkbox-radios" class="<?php echo ($page == 'form-checkbox-radios') ? 'active' : ''; ?>">Checkbox & Radios</a>
</li>
<li>
<a href="<?php echo base_url(); ?>form-input-groups" class="<?php echo ($page == 'form-input-groups') ? 'active' : ''; ?>">Input Groups</a>
</li>
<li>
<a href="<?php echo base_url(); ?>form-grid-gutters" class="<?php echo ($page == 'form-grid-gutters') ? 'active' : ''; ?>">Grid & Gutters</a>
</li>
<li>
<a href="<?php echo base_url(); ?>form-select" class="<?php echo ($page == 'form-select') ? 'active' : ''; ?>">Form Select</a>
</li>
<li>
<a href="<?php echo base_url(); ?>form-mask" class="<?php echo ($page == 'form-mask') ? 'active' : ''; ?>">Input Masks</a>
</li>
<li>
<a href="<?php echo base_url(); ?>form-fileupload" class="<?php echo ($page == 'form-fileupload') ? 'active' : ''; ?>">File Uploads</a>
</li>
</ul>
</li>
<li class="submenu submenu-two">
<a href="javascript:void(0);"class="<?php echo ($page == 'form-horizontal' || $page == 'form-vertical' || $page == 'form-floating-labels') ? 'subdrop active' : ''; ?>">Layouts <span class="menu-arrow inside-submenu"></span>
</a>
<ul>
<li>
<a href="<?php echo base_url(); ?>form-horizontal" class="<?php echo ($page == 'form-horizontal') ? 'active' : ''; ?>">Horizontal Form</a>
</li>
<li>
<a href="<?php echo base_url(); ?>form-vertical" class="<?php echo ($page == 'form-vertical') ? 'active' : ''; ?>">Vertical Form</a>
</li>
<li>
<a href="<?php echo base_url(); ?>form-floating-labels" class="<?php echo ($page == 'form-floating-labels') ? 'active' : ''; ?>">Floating Labels</a>
</li>
</ul>
</li>
<li>
<a href="<?php echo base_url(); ?>form-validation" class="<?php echo ($page == 'form-validation') ? 'active' : ''; ?>">Form Validation</a>
</li>
<li>
<a href="<?php echo base_url(); ?>form-select2" class="<?php echo ($page == 'form-select2') ? 'active' : ''; ?>">Select2</a>
</li>
<li>
<a href="<?php echo base_url(); ?>form-wizard" class="<?php echo ($page == 'form-wizard') ? 'active' : ''; ?>">Form Wizard</a>
</li>
<li>
<a href="<?php echo base_url(); ?>form-pickers" class="<?php echo ($page == 'form-pickers') ? 'active' : ''; ?>">Form Pickers</a>
</li>
</ul>
</li>
<li class="submenu">
<a href="javascript:void(0);"class="<?php echo ($page == 'tables-basic' || $page == 'data-tables') ? 'subdrop active' : ''; ?>">
<i class="ti ti-table-plus"></i>
<span>Tables</span>
<span class="menu-arrow"></span>
</a>
<ul>
<li>
<a href="<?php echo base_url(); ?>tables-basic" class="<?php echo ($page == 'tables-basic') ? 'active' : ''; ?>">Basic Tables </a>
</li>
<li>
<a href="<?php echo base_url(); ?>data-tables" class="<?php echo ($page == 'data-tables') ? 'active' : ''; ?>">Data Table </a>
</li>
</ul>
</li>
<li class="submenu">
<a href="javascript:void(0);"class="<?php echo ($page == 'chart-apex' || $page == 'chart-js' || $page == 'chart-morris' || $page == 'chart-flot' || $page == 'chart-peity' || $page == 'chart-c3') ? 'subdrop active' : ''; ?>">
<i class="ti ti-chart-line"></i>
<span>Charts</span>
<span class="menu-arrow"></span>
</a>
<ul>
<li>
<a href="<?php echo base_url(); ?>chart-apex" class="<?php echo ($page == 'chart-apex') ? 'active' : ''; ?>">Apex Charts</a>
</li>
<li>
<a href="<?php echo base_url(); ?>chart-c3" class="<?php echo ($page == 'chart-c3') ? 'active' : ''; ?>">Chart C3</a>
</li>
<li>
<a href="<?php echo base_url(); ?>chart-js" class="<?php echo ($page == 'chart-js') ? 'active' : ''; ?>">Chart Js</a>
</li>
<li>
<a href="<?php echo base_url(); ?>chart-morris" class="<?php echo ($page == 'chart-morris') ? 'active' : ''; ?>">Morris Charts</a>
</li>
<li>
<a href="<?php echo base_url(); ?>chart-flot" class="<?php echo ($page == 'chart-flot') ? 'active' : ''; ?>">Flot Charts</a>
</li>
<li>
<a href="<?php echo base_url(); ?>chart-peity" class="<?php echo ($page == 'chart-peity') ? 'active' : ''; ?>">Peity Charts</a>
</li>
</ul>
</li>
<li class="submenu">
<a href="javascript:void(0);"class="<?php echo ($page == 'icon-fontawesome' || $page == 'icon-feather' || $page == 'icon-ionic' || $page == 'icon-material' || $page == 'icon-pe7' || $page == 'icon-simpleline' || $page == 'icon-themify' || $page == 'icon-weather' || $page == 'icon-typicon' || $page == 'icon-flag') ? 'subdrop active' : ''; ?>">
<i class="ti ti-icons"></i>
<span>Icons</span>
<span class="menu-arrow"></span>
</a>
<ul>
<li>
<a href="<?php echo base_url(); ?>icon-fontawesome" class="<?php echo ($page == 'icon-fontawesome') ? 'active' : ''; ?>">Fontawesome Icons</a>
</li>
<li>
<a href="<?php echo base_url(); ?>icon-tabler" class="<?php echo ($page == 'icon-tabler') ? 'active' : ''; ?>">Tabler Icons</a>
</li>
<li>
<a href="<?php echo base_url(); ?>icon-bootstrap" class="<?php echo ($page == 'icon-bootstrap') ? 'active' : ''; ?>">Bootstrap Icons</a>
</li>
<li>
<a href="<?php echo base_url(); ?>icon-remix" class="<?php echo ($page == 'icon-remix') ? 'active' : ''; ?>">Remix Icons</a>
</li>
<li>
<a href="<?php echo base_url(); ?>icon-feather" class="<?php echo ($page == 'icon-feather') ? 'active' : ''; ?>">Feather Icons</a>
</li>
<li>
<a href="<?php echo base_url(); ?>icon-ionic" class="<?php echo ($page == 'icon-ionic') ? 'active' : ''; ?>">Ionic Icons</a>
</li>
<li>
<a href="<?php echo base_url(); ?>icon-material" class="<?php echo ($page == 'icon-material') ? 'active' : ''; ?>">Material Icons</a>
</li>
<li>
<a href="<?php echo base_url(); ?>icon-pe7" class="<?php echo ($page == 'icon-pe7') ? 'active' : ''; ?>">Pe7 Icons</a>
</li>
<li>
<a href="<?php echo base_url(); ?>icon-simpleline" class="<?php echo ($page == 'icon-simpleline') ? 'active' : ''; ?>">Simpleline Icons</a>
</li>
<li>
<a href="<?php echo base_url(); ?>icon-themify" class="<?php echo ($page == 'icon-themify') ? 'active' : ''; ?>">Themify Icons</a>
</li>
<li>
<a href="<?php echo base_url(); ?>icon-weather" class="<?php echo ($page == 'icon-weather') ? 'active' : ''; ?>">Weather Icons</a>
</li>
<li>
<a href="<?php echo base_url(); ?>icon-typicon" class="<?php echo ($page == 'icon-typicon') ? 'active' : ''; ?>">Typicon Icons</a>
</li>
<li>
<a href="<?php echo base_url(); ?>icon-flag" class="<?php echo ($page == 'icon-flag') ? 'active' : ''; ?>">Flag Icons</a>
</li>
</ul>
</li>
<li class="submenu">
<a href="javascript:void(0);"class="<?php echo ($page == 'maps-vector' || $page == 'maps-leaflet') ? 'subdrop active' : ''; ?>">
<i class="ti ti-table-plus"></i>
<span>Maps</span>
<span class="menu-arrow"></span>
</a>
<ul>
<li>
<a href="<?php echo base_url(); ?>maps-vector" class="<?php echo ($page == 'maps-vector') ? 'active' : ''; ?>">Vector</a>
</li>
<li>
<a href="<?php echo base_url(); ?>maps-leaflet" class="<?php echo ($page == 'maps-leaflet') ? 'active' : ''; ?>">Leaflet</a>
</li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Documentation</a></li>
<li><a href="#">Change Log</a></li>
<li class="submenu">
<a href="javascript:void(0);"><span>Multi Level</span><span class="menu-arrow"></span></a>
<ul>
<li><a href="javascript:void(0);">Multilevel 1</a></li>
<li class="submenu submenu-two">
<a href="javascript:void(0);">Multilevel 2<span class="menu-arrow inside-submenu"></span></a>
<ul>
<li><a href="javascript:void(0);">Multilevel 2.1</a></li>
<li class="submenu submenu-two submenu-three">
<a href="javascript:void(0);">Multilevel 2.2<span class="menu-arrow inside-submenu inside-submenu-two"></span></a>
<ul>
<li><a href="javascript:void(0);">Multilevel 2.2.1</a></li>
<li><a href="javascript:void(0);">Multilevel 2.2.2</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="javascript:void(0);">Multilevel 3</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<!-- /Horizontal Single -->
<div class="d-flex align-items-center">
<div class="me-1">
<a href="#" class="btn btn-menubar btnFullscreen">
<i class="ti ti-maximize"></i>
</a>
</div>
<div class="dropdown me-1">
<a href="#" class="btn btn-menubar" data-bs-toggle="dropdown">
<i class="ti ti-layout-grid-remove"></i>
</a>
<div class="dropdown-menu dropdown-menu-end">
<div class="card mb-0 border-0 shadow-none">
<div class="card-header">
<h4>Applications</h4>
</div>
<div class="card-body">
<a href="<?php echo base_url(); ?>calendar" class="d-block pb-2">
<span class="avatar avatar-md bg-transparent-dark me-2"><i class="ti ti-calendar text-gray-9"></i></span>Calendar
</a>
<a href="<?php echo base_url(); ?>todo" class="d-block py-2">
<span class="avatar avatar-md bg-transparent-dark me-2"><i class="ti ti-subtask text-gray-9"></i></span>To Do
</a>
<a href="<?php echo base_url(); ?>notes" class="d-block py-2">
<span class="avatar avatar-md bg-transparent-dark me-2"><i class="ti ti-notes text-gray-9"></i></span>Notes
</a>
<a href="<?php echo base_url(); ?>file-manager" class="d-block py-2">
<span class="avatar avatar-md bg-transparent-dark me-2"><i class="ti ti-folder text-gray-9"></i></span>File Manager
</a>
<a href="<?php echo base_url(); ?>kanban-view" class="d-block py-2">
<span class="avatar avatar-md bg-transparent-dark me-2"><i class="ti ti-layout-kanban text-gray-9"></i></span>Kanban
</a>
<a href="<?php echo base_url(); ?>invoices" class="d-block py-2 pb-0">
<span class="avatar avatar-md bg-transparent-dark me-2"><i class="ti ti-file-invoice text-gray-9"></i></span>Invoices
</a>
</div>
</div>
</div>
</div>
<div class="me-1">
<a href="<?php echo base_url(); ?>chat" class="btn btn-menubar position-relative">
<i class="ti ti-brand-hipchat"></i>
<span class="badge bg-info rounded-pill d-flex align-items-center justify-content-center header-badge">5</span>
</a>
</div>
<div class="me-1">
<a href="<?php echo base_url(); ?>email" class="btn btn-menubar">
<i class="ti ti-mail"></i>
</a>
</div>
<div class="me-1 notification_item">
<a href="#" class="btn btn-menubar position-relative me-1" id="notification_popup"
data-bs-toggle="dropdown">
<i class="ti ti-bell"></i>
<span class="notification-status-dot"></span>
</a>
<div class="dropdown-menu dropdown-menu-end notification-dropdown p-4">
<div class="d-flex align-items-center justify-content-between border-bottom p-0 pb-3 mb-3">
<h4 class="notification-title">Notifications (2)</h4>
<div class="d-flex align-items-center">
<a href="#" class="text-primary fs-15 me-3 lh-1">Mark all as read</a>
<div class="dropdown">
<a href="javascript:void(0);" class="bg-white dropdown-toggle"
data-bs-toggle="dropdown">
<i class="ti ti-calendar-due me-1"></i>Today
</a>
<ul class="dropdown-menu mt-2 p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1">
This Week
</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1">
Last Week
</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1">
Last Month
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="noti-content">
<div class="d-flex flex-column">
<div class="border-bottom mb-3 pb-3">
<a href="<?php echo base_url(); ?>activity">
<div class="d-flex">
<span class="avatar avatar-lg me-2 flex-shrink-0">
<img src="<?php echo base_url(); ?>assets/img/profiles/avatar-27.jpg" alt="Profile">
</span>
<div class="flex-grow-1">
<p class="mb-1"><span
class="text-dark fw-semibold">Shawn</span>
performance in Math is below the threshold.</p>
<span>Just Now</span>
</div>
</div>
</a>
</div>
<div class="border-bottom mb-3 pb-3">
<a href="<?php echo base_url(); ?>activity" class="pb-0">
<div class="d-flex">
<span class="avatar avatar-lg me-2 flex-shrink-0">
<img src="<?php echo base_url(); ?>assets/img/profiles/avatar-23.jpg" alt="Profile">
</span>
<div class="flex-grow-1">
<p class="mb-1"><span
class="text-dark fw-semibold">Sylvia</span> added
appointment on 02:00 PM</p>
<span>10 mins ago</span>
<div
class="d-flex justify-content-start align-items-center mt-1">
<span class="btn btn-light btn-sm me-2">Deny</span>
<span class="btn btn-primary btn-sm">Approve</span>
</div>
</div>
</div>
</a>
</div>
<div class="border-bottom mb-3 pb-3">
<a href="<?php echo base_url(); ?>activity">
<div class="d-flex">
<span class="avatar avatar-lg me-2 flex-shrink-0">
<img src="<?php echo base_url(); ?>assets/img/profiles/avatar-25.jpg" alt="Profile">
</span>
<div class="flex-grow-1">
<p class="mb-1">New student record <span class="text-dark fw-semibold"> George</span> is created by <span class="text-dark fw-semibold">Teressa</span></p>
<span>2 hrs ago</span>
</div>
</div>
</a>
</div>
<div class="border-0 mb-3 pb-0">
<a href="<?php echo base_url(); ?>activity">
<div class="d-flex">
<span class="avatar avatar-lg me-2 flex-shrink-0">
<img src="<?php echo base_url(); ?>assets/img/profiles/avatar-01.jpg" alt="Profile">
</span>
<div class="flex-grow-1">
<p class="mb-1">A new teacher record for <span class="text-dark fw-semibold">Elisa</span> </p>
<span>09:45 AM</span>
</div>
</div>
</a>
</div>
</div>
</div>
<div class="d-flex p-0">
<a href="#" class="btn btn-light w-100 me-2">Cancel</a>
<a href="<?php echo base_url(); ?>activity" class="btn btn-primary w-100">View All</a>
</div>
</div>
</div>
<div class="dropdown profile-dropdown">
<a href="javascript:void(0);" class="dropdown-toggle d-flex align-items-center"
data-bs-toggle="dropdown">
<span class="avatar avatar-sm online">
<img src="<?php echo base_url(); ?>assets/img/profiles/avatar-12.jpg" alt="Img" class="img-fluid rounded-circle">
</span>
</a>
<div class="dropdown-menu shadow-none">
<div class="card mb-0">
<div class="card-header">
<div class="d-flex align-items-center">
<span class="avatar avatar-lg me-2 avatar-rounded">
<img src="<?php echo base_url(); ?>assets/img/profiles/avatar-12.jpg" alt="img">
</span>
<div>
<h5 class="mb-0">Kevin Larry</h5>
<p class="fs-12 fw-medium mb-0">[email protected]</p>
</div>
</div>
</div>
<div class="card-body">
<a class="dropdown-item d-inline-flex align-items-center p-0 py-2" href="<?php echo base_url(); ?>profile">
<i class="ti ti-user-circle me-1"></i>My Profile
</a>
<a class="dropdown-item d-inline-flex align-items-center p-0 py-2" href="<?php echo base_url(); ?>bussiness-settings">
<i class="ti ti-settings me-1"></i>Settings
</a>
<a class="dropdown-item d-inline-flex align-items-center p-0 py-2" href="<?php echo base_url(); ?>security-settings">
<i class="ti ti-status-change me-1"></i>Status
</a>
<a class="dropdown-item d-inline-flex align-items-center p-0 py-2" href="<?php echo base_url(); ?>profile-settings">
<i class="ti ti-circle-arrow-up me-1"></i>My Account
</a>
<a class="dropdown-item d-inline-flex align-items-center p-0 py-2" href="<?php echo base_url(); ?>knowledgebase">
<i class="ti ti-question-mark me-1"></i>Knowledge Base
</a>
</div>
<div class="card-footer">
<a class="dropdown-item d-inline-flex align-items-center p-0 py-2" href="<?php echo base_url(); ?>login">
<i class="ti ti-login me-2"></i>Logout
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Mobile Menu -->
<div class="dropdown mobile-user-menu">
<a href="javascript:void(0);" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false"><i class="fa fa-ellipsis-v"></i></a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="<?php echo base_url(); ?>profile">My Profile</a>
<a class="dropdown-item" href="<?php echo base_url(); ?>profile-settings">Settings</a>
<a class="dropdown-item" href="<?php echo base_url(); ?>login">Logout</a>
</div>
</div>
<!-- /Mobile Menu -->
</div>
</div>
<!-- /Header -->