File: /mnt/data/smarthr-co-in/demo/codeigniter/template/app/Views/partials/twocolumn-sidebar.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';
?>
<!-- Two Col Sidebar -->
<div class="two-col-sidebar" id="two-col-sidebar">
<div class="sidebar sidebar-twocol">
<div class="twocol-mini">
<a href="<?php echo base_url(); ?>index" class="logo-small">
<img src="<?php echo base_url(); ?>assets/img/logo-small.svg" alt="Logo">
</a>
<div class="sidebar-left slimscroll">
<div class="nav flex-column align-items-center nav-pills" id="sidebar-tabs" role="tablist" aria-orientation="vertical">
<a href="#" class="nav-link <?php echo ($page == 'index'||$page == 'employee-dashboard'||$page == 'deals-dashboard'||$page == 'leads-dashboard') ? 'active ' : ''; ?> " title="Dashboard" data-bs-toggle="tab" data-bs-target="#dashboard">
<i class="ti ti-smart-home"></i>
</a>
<a href="#" class="nav-link <?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' : ''; ?>" title="Apps" data-bs-toggle="tab" data-bs-target="#application">
<i class="ti ti-layout-grid-add"></i>
</a>
<a href="#" class="nav-link <?php echo ($page == 'dashboard'||$page == 'companies'||$page == 'subscription'||$page == 'packages'||$page == 'domain'||$page == 'purchase-transaction') ? 'active' : ''; ?></a>" title="Super Admin" data-bs-toggle="tab" data-bs-target="#super-admin">
<i class="ti ti-user-star"></i>
</a>
<a href="#" class="nav-link <?php echo ($page == 'layout-horizontal'||$page == 'layout-detached'||$page == 'layout-modern'||$page == 'layout-two-column'||$page == 'layout-hovered'||$page == 'layout-box'||$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-rtl'||$page == 'layout-dark') ? 'active' : ''; ?>" title="Layout" data-bs-toggle="tab" data-bs-target="#layout">
<i class="ti ti-layout-board-split"></i>
</a>
<a href="#" class="nav-link <?php echo ($page == 'clients-grid'||$page == 'projects-grid'||$page == 'tasks'||$page == 'task-board') ? 'active ' : ''; ?> " title="Projects" data-bs-toggle="tab" data-bs-target="#projects">
<i class="ti ti-users-group"></i>
</a>
<a href="#" class="nav-link <?php echo ($page == 'contacts-grid'||$page == 'companies-grid'||$page == 'deals-grid'||$page == 'leads-grid'||$page == 'pipeline'||$page == 'analytics'||$page == 'activity') ? ' show active ' : ''; ?>" title="Crm" data-bs-toggle="tab" data-bs-target="#crm">
<i class="ti ti-user-shield"></i>
</a>
<a href="#" class="nav-link <?php echo ($page == 'employees'||$page == 'employees-grid'||$page == 'employee-details'||$page == 'departments'||$page == 'designations'||$page == 'policy'||$page == 'tickets'||$page == 'ticket-details'
||$page == 'holidays'||$page == 'leaves'||$page == 'leaves-employee'||$page == 'leave-settings'||$page == 'attendance-admin'||$page == 'attendance-employee'||$page == 'timesheets'||$page == 'schedule-timing'||$page == 'overtime'
||$page == 'performance-indicator'||$page == 'performance-review'||$page == 'performance-appraisal'||$page == 'goal-tracking'||$page == 'goal-type'
||$page == 'training'||$page == 'trainers'||$page == 'training-type'||$page == 'promotion'||$page == 'resignation'||$page == 'training-type') ? ' active ' : ''; ?></a>" title="Hrm" data-bs-toggle="tab" data-bs-target="#hrm">
<i class="ti ti-user"></i>
</a>
<a href="#" class="nav-link <?php echo ($page == 'estimates'||$page == 'invoices'||$page == 'payments'||$page == 'expenses'||$page == 'provident-fund'
||$page == 'taxes'||$page == 'categories'||$page == 'budgets'||$page == 'budget-expenses'||$page == 'budget-revenues'||$page == 'employee-salary'||$page == 'payslip'||$page == 'payroll') ? ' show active ' : ''; ?>" title="Finance" data-bs-toggle="tab" data-bs-target="#finance">
<i class="ti ti-shopping-cart-dollar"></i>
</a>
<a href="#" class="nav-link <?php echo ($page == 'assets-list'||$page == 'asset-categories'||$page == 'assets-list'||$page == 'asset-categories'
||$page == 'knowledgebase'||$page == 'activity'||$page == 'users'||$page == 'roles-permissions'||$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'
||$page == 'profile-settings'||$page == 'security-settings'||$page == 'notification-settings'||$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' : ''; ?>" title="Administration" data-bs-toggle="tab" data-bs-target="#administration">
<i class="ti ti-cash"></i>
</a>
<a href="#" class="nav-link <?php echo ($page == 'pages'||$page == 'blogs'||$page == 'blog-categories'||$page == 'blog-comments'||$page == 'blog-tags'
||$page == 'countries'||$page == 'states'||$page == 'cities'||$page == 'testimonials'||$page == 'faq') ? 'active' : ''; ?>" title="Content" data-bs-toggle="tab" data-bs-target="#content">
<i class="ti ti-license"></i>
</a>
<a href="#" class="nav-link <?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') ? 'active' : ''; ?>" title="Pages" data-bs-toggle="tab" data-bs-target="#pages">
<i class="ti ti-page-break"></i>
</a>
<a href="#" class="nav-link <?php echo ($page == 'login'||$page == 'login-2'||$page == 'login-3'||$page == 'register'||$page == 'register-2'
||$page == 'register-3'||$page == 'forgot-password'||$page == 'forgot-password-2'||$page == 'forgot-password-3'||$page == 'reset-password'||$page == 'reset-password-2'||$page == 'reset-password-3'
||$page == 'email-verification'||$page == 'email-verification-2'||$page == 'email-verification-3'||$page == 'two-step-verification'||$page == 'two-step-verification-2'||$page == 'two-step-verification-3'||$page == 'lock-screen'||
$page == 'error-404'||$page == 'error-500'
) ? ' active' : ''; ?>" title="Authentication" data-bs-toggle="tab"
data-bs-target="#authentication">
<i class="ti ti-lock-check"></i>
</a>
<a href="#" class="nav-link <?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'||$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'
||$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'
||$page == 'form-horizontal' || $page == 'form-vertical' || $page == 'form-floating-labels'||$page == 'tables-basic' || $page == 'data-tables'
||$page == 'chart-apex' || $page == 'chart-js' || $page == 'chart-morris' || $page == 'chart-flot' || $page == 'chart-peity' || $page == 'chart-c3'||$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'
||$page == 'maps-vector'||$page == 'maps-leaflet'
)
? ' active'
: ''; ?> " title="UI Elements" data-bs-toggle="tab"
data-bs-target="#ui-elements">
<i class="ti ti-ux-circle"></i>
</a>
<a href="#" class="nav-link" title="Extras" data-bs-toggle="tab" data-bs-target="#extras">
<i class="ti ti-vector-triangle"></i>
</a>
</div>
</div>
</div>
<div class="sidebar-right">
<div class="sidebar-logo mb-4">
<a href="<?php echo base_url(); ?>index" class="logo logo-normal">
<img src="<?php echo base_url(); ?>assets/img/logo.svg" alt="Logo">
</a>
<a href="<?php echo base_url(); ?>index" class="dark-logo">
<img src="<?php echo base_url(); ?>assets/img/logo-white.svg" alt="Logo">
</a>
</div>
<div class="sidebar-scroll">
<h6 class="mb-3">Welcome to SmartHR</h6>
<div class="text-center rounded bg-light p-3 mb-4">
<div class="avatar avatar-lg online mb-3">
<img src="<?php echo base_url(); ?>assets/img/profiles/avatar-02.jpg" alt="Img" class="img-fluid rounded-circle">
</div>
<h6 class="fs-12 fw-normal mb-1">Adrian Herman</h6>
<p class="fs-10">System Admin</p>
</div>
<div class="tab-content" id="v-pills-tabContent">
<div class="tab-pane fade <?php echo ($page == 'index'||$page == 'employee-dashboard'||$page == 'deals-dashboard'||$page == 'leads-dashboard') ? ' show active ' : ''; ?>" id="dashboard">
<ul>
<li class="menu-title"><span>MAIN MENU</span></li>
<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>
</div>
<div class="tab-pane fade <?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') ? ' show active ' : ''; ?>" id="application">
<ul>
<li class="menu-title"><span>APPLICATION</span></li>
<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>
<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>
</div>
<div class="tab-pane fade <?php echo ($page == 'dashboard'||$page == 'companies'||$page == 'subscription'||$page == 'packages'||$page == 'domain'||$page == 'purchase-transaction') ? ' show active' : ''; ?>" id="super-admin">
<ul>
<li class="menu-title"><span>SUPER ADMIN</span></li>
<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>
</div>
<div class="tab-pane fade <?php echo ($page == 'layout-horizontal'||$page == 'layout-detached'||$page == 'layout-modern'||$page == 'layout-two-column'||$page == 'layout-hovered'||$page == 'layout-box'||$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-rtl'||$page == 'layout-dark') ? ' show active' : ''; ?>" id="layout">
<ul>
<li class="menu-title"><span>LAYOUT</span></li>
<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>
</div>
<div class="tab-pane fade <?php echo ($page == 'clients-grid'||$page == 'projects-grid'||$page == 'tasks'||$page == 'task-board') ? 'show active ' : ''; ?> " id="projects">
<ul>
<li class="menu-title"><span>PROJECTS</span></li>
<li><a href="<?php echo base_url(); ?>clients-grid" class="<?php echo ($page == 'clients-grid') ? 'active' : ''; ?>">Clients</a></li>
<li class="submenu">
<a href="javascript:void(0);"><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>
</ul>
</div>
<div class="tab-pane fade <?php echo ($page == 'contacts-grid'||$page == 'companies-grid'||$page == 'deals-grid'||$page == 'leads-grid'||$page == 'pipeline'||$page == 'analytics'||$page == 'activity') ? ' show active ' : ''; ?> " id="crm">
<ul>
<li class="menu-title"><span>CRM</span></li>
<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>
</div>
<div class="tab-pane fade <?php echo ($page == 'employees'||$page == 'employees-grid'||$page == 'employee-details'||$page == 'departments'||$page == 'designations'||$page == 'policy'||$page == 'tickets'||$page == 'ticket-details'
||$page == 'holidays'||$page == 'leaves'||$page == 'leaves-employee'||$page == 'leave-settings'||$page == 'attendance-admin'||$page == 'attendance-employee'||$page == 'timesheets'||$page == 'schedule-timing'||$page == 'overtime'
||$page == 'performance-indicator'||$page == 'performance-review'||$page == 'performance-appraisal'||$page == 'goal-tracking'||$page == 'goal-type'
||$page == 'training'||$page == 'trainers'||$page == 'training-type'||$page == 'promotion'||$page == 'resignation'||$page == 'training-type') ? ' show active ' : ''; ?></li>" id="hrm">
<ul>
<li class="menu-title"><span>HRM</span></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') ? 'show active' : ''; ?>"><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><a href="<?php echo base_url(); ?>holidays" class="<?php echo ($page == 'holidays') ? 'active' : ''; ?>"><span>Holidays</span></a></li>
<li class="submenu">
<a href="javascript:void(0);"class=" <?php echo ($page == 'leaves'||$page == 'leaves-employee'||$page == 'leave-settings'||$page == 'attendance-admin'||$page == 'attendance-employee'||$page == 'timesheets'||$page == 'schedule-timing'||$page == 'overtime') ? 'active subdrop' : ''; ?>"><span>Attendance</span>
<span class="menu-arrow"></span>
</a>
<ul>
<li class="submenu submenu-two">
<a href="javascript:void(0);"class=" <?php echo ($page == 'leaves'||$page == 'leaves-employee'||$page == 'leave-settings') ? 'active subdrop' : ''; ?>">Leaves<span
class="menu-arrow inside-submenu"></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>
</div>
<div class="tab-pane fade <?php echo ($page == 'estimates'||$page == 'invoices'||$page == 'payments'||$page == 'expenses'||$page == 'provident-fund'
||$page == 'taxes'||$page == 'categories'||$page == 'budgets'||$page == 'budget-expenses'||$page == 'budget-revenues'||$page == 'employee-salary'||$page == 'payslip'||$page == 'payroll') ? ' show active ' : ''; ?></ul>" id="finance">
<ul>
<li class="menu-title"><span>FINANCE & ACCOUNTS</span></li>
<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>
</ul>
</div>
<div class="tab-pane fade <?php echo ($page == 'assets-list'||$page == 'asset-categories'||$page == 'assets-list'||$page == 'asset-categories'
||$page == 'knowledgebase'||$page == 'activity'||$page == 'users'||$page == 'roles-permissions'||$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'
||$page == 'profile-settings'||$page == 'security-settings'||$page == 'notification-settings'||$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'
) ? 'show active' : ''; ?>" id="administration">
<ul>
<li class="menu-title"><span>ADMINISTRATION</span></li>
<li class="submenu">
<a href="javascript:void(0);"class="<?php echo ($page == 'assets'||$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" 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' : ''; ?>">
<a href="javascript:void(0);"><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 == '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>
</div>
<div class="tab-pane fade <?php echo ($page == 'pages'||$page == 'blogs'||$page == 'blog-categories'||$page == 'blog-comments'||$page == 'blog-tags'
||$page == 'countries'||$page == 'states'||$page == 'cities'||$page == 'testimonials'||$page == 'faq') ? ' show active' : ''; ?>" id="content">
<ul>
<li class="menu-title"><span>CONTENT</span></li>
<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' : ''; ?>">Blog 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>
</div>
<div class="tab-pane fade <?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') ? ' show active' : ''; ?>" id="pages">
<ul>
<li class="menu-title"><span>PAGES</span></li>
<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>
</ul>
</div>
<div class="tab-pane fade <?php echo ($page == 'login'||$page == 'login-2'||$page == 'login-3'||$page == 'register'||$page == 'register-2'
||$page == 'register-3'||$page == 'forgot-password'||$page == 'forgot-password-2'||$page == 'forgot-password-3'||$page == 'reset-password'||$page == 'reset-password-2'||$page == 'reset-password-3'
||$page == 'email-verification'||$page == 'email-verification-2'||$page == 'email-verification-3'||$page == 'two-step-verification'||$page == 'two-step-verification-2'||$page == 'two-step-verification-3'||$page == 'lock-screen'||
$page == 'error-404'||$page == 'error-500'
) ? ' show active' : ''; ?>" id="authentication">
<ul>
<li class="menu-title"><span>AUTHENTICATION</span></li>
<li class="submenu">
<a href="javascript:void(0);">
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);">
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 class="<?php echo ($page == 'lock-screen') ? 'active' : ''; ?>"><a href="<?php echo base_url(); ?>lock-screen">Lock Screen</a></li>
<li class="<?php echo ($page == 'error-404') ? 'active' : ''; ?>"><a href="<?php echo base_url(); ?>error-404">404 Error</a></li>
<li class="<?php echo ($page == 'error-500') ? 'active' : ''; ?>"><a href="<?php echo base_url(); ?>error-500">500 Error</a></li>
</ul>
</div>
<div class="tab-pane fade <?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'||$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'
||$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'
||$page == 'form-horizontal' || $page == 'form-vertical' || $page == 'form-floating-labels'||$page == 'tables-basic' || $page == 'data-tables'
||$page == 'chart-apex' || $page == 'chart-js' || $page == 'chart-morris' || $page == 'chart-flot' || $page == 'chart-peity' || $page == 'chart-c3'||$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'
||$page == 'maps-vector'||$page == 'maps-leaflet'
)
? 'show active'
: ''; ?>" id="ui-elements">
<ul>
<li class="menu-title"><span>UI INTERFACE</span></li>
<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'
: ''; ?>">Base UI<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' : ''; ?>"> Advanced UI <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 == 'rating') ? 'active' : ''; ?>">Rating</a></li>
<li><a href="<?php echo base_url(); ?>ui-text-editor" class="<?php echo ($page == 'text-editor') ? 'active' : ''; ?>">Text Editor</a></li>
<li><a href="<?php echo base_url(); ?>ui-counter" class="<?php echo ($page == 'counter') ? 'active' : ''; ?>">Counter</a></li>
<li><a href="<?php echo base_url(); ?>ui-scrollbar" class="<?php echo ($page == 'scrollbar') ? 'active' : ''; ?>">Scrollbar</a></li>
<li><a href="<?php echo base_url(); ?>ui-stickynote" class="<?php echo ($page == 'stickynote') ? 'active' : ''; ?>">Sticky Note</a></li>
<li><a href="<?php echo base_url(); ?>ui-timeline" class="<?php echo ($page == 'timeline') ? 'active' : ''; ?>">Timeline</a></li>
</ul>
</li>
<li class="submenu">
<a href="javascript:void(0);"> Forms <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' || $page == 'form-horizontal' || $page == 'form-vertical' || $page == 'form-floating-labels' || $page == 'form-validation' || $page == 'form-wizard' || $page == 'form-select2') ? '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 Picker</a></li>
</ul>
</li>
<li class="submenu">
<a href="javascript:void(0);"class="<?php echo ($page == 'tables-basic' || $page == 'data-tables') ? 'subdrop active' : ''; ?>">Tables <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' : ''; ?>">Charts<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' : ''; ?>">Icons<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);">
<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>
</div>
<div class="tab-pane fade" id="extras">
<ul>
<li class="menu-title"><span>EXTRAS</span></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>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /Two Col Sidebar -->