HEX
Server: nginx/1.24.0
System: Linux DGT-WORDPRESS-VM-SERVER 6.14.0-1017-azure #17~24.04.1-Ubuntu SMP Mon Dec 1 20:10:50 UTC 2025 x86_64
User: ubuntu (1000)
PHP: 8.4.12
Disabled: NONE
Upload Files
File: /mnt/data/smarthr-co-in/demo/codeigniter/template/app/Views/partials/stacked-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';
?>

    <!-- Stacked Sidebar -->
    <div class="stacked-sidebar" id="stacked-sidebar">
        <div class="sidebar sidebar-stacked" style="display: flex !important;">
            <div class="stacked-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="d-flex align-items-center flex-column">
                        <div class="mb-1 notification-item">
                            <a href="#" class="btn btn-menubar position-relative">
                                <i class="ti ti-bell"></i>
                                <span class="notification-status-dot"></span>
                            </a>
                        </div>
                        <div class="mb-1">
                            <a href="#" class="btn btn-menubar btnFullscreen">
                                <i class="ti ti-maximize"></i>
                            </a>
                        </div>
                        <div class="mb-1">
                            <a href="<?php echo base_url(); ?>calendar" class="btn btn-menubar">
                                <i class="ti ti-layout-grid-remove"></i>
                            </a>
                        </div>
                        <div class="mb-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="mb-1">
                            <a href="<?php echo base_url(); ?>email" class="btn btn-menubar">
                                <i class="ti ti-mail"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="sidebar-right d-flex justify-content-between flex-column">
                <div class="sidebar-scroll">
                    <h6 class="mb-3">Welcome to SmartHR</h6>
                    <div class="sidebar-profile 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="stack-menu">
                        <div class="nav flex-column align-items-center nav-pills" role="tablist" aria-orientation="vertical">
                            <div class="row g-2">
                                <div class="col-6">
                                    <a href="#menu-dashboard" role="tab" class="nav-link <?php echo ($page == 'index'||$page == 'employee-dashboard'||$page == 'deals-dashboard'||$page == 'leads-dashboard') ? 'active ' : ''; ?></a>" title="Dashboard" data-bs-toggle="tab" data-bs-target="#menu-dashboard" aria-selected="true">
                                        <span><i class="ti ti-smart-home"></i></span>
                                        <p>Dashboard</p>
                                    </a>
                                </div>
                                <div class="col-6">
                                    <a href="#menu-application" role="tab" 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="#menu-application" aria-selected="false">
                                        <span><i class="ti ti-layout-grid-add"></i></span>
                                        <p>Applications</p>
                                    </a>
                                </div>
                                <div class="col-6">
                                    <a href="#menu-superadmin" role="tab" class="nav-link <?php echo ($page == 'dashboard'||$page == 'companies'||$page == 'subscription'||$page == 'packages'||$page == 'domain'||$page == 'purchase-transaction') ? 'active' : ''; ?>" title="Apps" data-bs-toggle="tab" data-bs-target="#menu-superadmin" aria-selected="false">
                                        <span><i class="ti ti-user-star"></i></span>
                                        <p>Super Admin</p>
                                    </a>
                                </div>
                                <div class="col-6">
                                    <a href="#menu-layout" role="tab" 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="#menu-layout" aria-selected="false">
                                        <span><i class="ti ti-layout-board-split"></i></span>
                                        <p>Layouts</p>
                                    </a>
                                </div>
                                <div class="col-6">
                                    <a href="#menu-project" role="tab" 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="#menu-project" aria-selected="false">
                                        <span><i class="ti ti-folder"></i></span>
                                        <p>Projects</p>
                                    </a>
                                </div>
                                <div class="col-6">
                                    <a href="#menu-crm" role="tab" 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="#menu-crm" aria-selected="false">
                                        <span><i class="ti ti-user-shield"></i></span>
                                        <p>Crm</p>
                                    </a>
                                </div>
                                <div class="col-6">
                                    <a href="#menu-hrm" role="tab" 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 ' : ''; ?>" title="HRM" data-bs-toggle="tab" data-bs-target="#menu-hrm" aria-selected="false">
                                        <span><i class="ti ti-users"></i></span>
                                        <p>Hrm</p>
                                    </a>
                                </div>
                                <div class="col-6">
                                    <a href="#menu-finance" role="tab" 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 & Accounts" data-bs-toggle="tab" data-bs-target="#menu-finance" aria-selected="false">
                                        <span><i class="ti ti-shopping-cart-dollar"></i></span>
                                        <p>Finance & Accounts</p>
                                    </a>
                                </div>
                                <div class="col-6">
                                    <a href="#menu-administration" role="tab" 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="#menu-administration" aria-selected="false">
                                        <span><i class="ti ti-cash"></i></span>
                                        <p>Administration</p>
                                    </a>
                                </div>
                                <div class="col-6">
                                    <a href="#menu-content" role="tab" 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="#menu-content" aria-selected="false">
                                        <span><i class="ti ti-license"></i></span>
                                        <p>Contents</p>
                                    </a>
                                </div>
                                <div class="col-6">
                                    <a href="#menu-pages" role="tab" 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="#menu-pages" aria-selected="false">
                                        <span><i class="ti ti-page-break"></i></span>
                                        <p>Pages</p>
                                    </a>
                                </div>
                                <div class="col-6">
                                    <a href="#menu-authentication" role="tab" 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="#menu-authentication" aria-selected="false">
                                        <span><i class="ti ti-lock-check"></i></span>
                                        <p>Authentication</p>
                                    </a>
                                </div>
                                <div class="col-6">
                                    <a href="#menu-ui-elements" role="tab" 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="#menu-ui-elements" aria-selected="false">
                                        <span><i class="ti ti-ux-circle"></i></span>
                                        <p>Basic UI</p>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="tab-content">
                            <div class="tab-pane fade <?php echo ($page == 'index'||$page == 'employee-dashboard'||$page == 'deals-dashboard'||$page == 'leads-dashboard') ? ' show active ' : ''; ?></div>" id="menu-dashboard">
                                <ul class="stack-submenu">
                                    <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 == 'dashboard'||$page == 'companies'||$page == 'subscription'||$page == 'packages'||$page == 'domain'||$page == 'purchase-transaction') ? ' show active' : ''; ?></div>" id="menu-superadmin">
                                <ul class="stack-submenu">
                                    <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 == '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="menu-application">
                                <ul class="stack-submenu">
                                    <li><a href="<?php echo base_url(); ?>chat">Chat</a></li>
                                    <li class="submenu submenu-two">
                                        <a href="#">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(); ?>social-feed" class="<?php echo ($page == 'social-feed') ? 'active' : ''; ?>">Social Feed</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 == '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="menu-layout">
                                <ul class="stack-submenu">
                                    <li><a href="<?php echo base_url(); ?>layout-horizontal" class="<?php echo ($page == 'layout-horizontal') ? 'active' : ''; ?>">Horizontal</a></li>
                                    <li><a href="<?php echo base_url(); ?>layout-detached" class="<?php echo ($page == 'layout-detached') ? 'active' : ''; ?>">Detached</a></li>
                                    <li><a href="<?php echo base_url(); ?>layout-modern" class="<?php echo ($page == 'layout-modern') ? 'active' : ''; ?>">Modern</a></li>
                                    <li><a href="<?php echo base_url(); ?>layout-two-column" class="<?php echo ($page == 'layout-two-column') ? 'active' : ''; ?>">Two Column</a></li>
                                    <li><a href="<?php echo base_url(); ?>layout-hovered" class="<?php echo ($page == 'layout-hovered') ? 'active' : ''; ?>">Hovered</a></li>
                                    <li><a href="<?php echo base_url(); ?>layout-box" class="<?php echo ($page == 'layout-box') ? 'active' : ''; ?>">Boxed</a></li>
                                    <li><a href="<?php echo base_url(); ?>layout-horizontal-single" class="<?php echo ($page == 'layout-horizontal-single') ? 'active' : ''; ?>">Horizontal Single</a></li>
                                    <li><a href="<?php echo base_url(); ?>layout-horizontal-overlay" class="<?php echo ($page == 'layout-horizontal-overlay') ? 'active' : ''; ?>">Horizontal Overlay</a></li>
                                    <li><a href="<?php echo base_url(); ?>layout-horizontal-box" class="<?php echo ($page == 'layout-horizontal-box') ? 'active' : ''; ?>">Horizontal Box</a></li>
                                    <li><a href="<?php echo base_url(); ?>layout-horizontal-sidemenu" class="<?php echo ($page == 'layout-horizontal-sidemenu') ? 'active' : ''; ?>">Menu Aside</a></li>
                                    <li><a href="<?php echo base_url(); ?>layout-vertical-transparent" class="<?php echo ($page == 'layout-vertical-transparent') ? 'active' : ''; ?>">Transparent</a></li>
                                    <li><a href="<?php echo base_url(); ?>layout-without-header" class="<?php echo ($page == 'layout-without-header') ? 'active' : ''; ?>">Without Header</a></li>
                                    <li><a href="<?php echo base_url(); ?>layout-rtl" class="<?php echo ($page == 'layout-rtl') ? 'active' : ''; ?>">RTL</a></li>
                                    <li><a href="<?php echo base_url(); ?>layout-dark" class="<?php echo ($page == 'layout-dark') ? 'active' : ''; ?>">Dark</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="menu-project">
                                <ul class="stack-submenu">
                                    <li><a href="<?php echo base_url(); ?>clients-grid" class="<?php echo ($page == 'clients-grid') ? 'active' : ''; ?>"><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>	
                                </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="menu-crm">
                                <ul class="stack-submenu">
                                    <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 ' : ''; ?>" id="menu-hrm">
                                <ul class="stack-submenu">
                                    <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><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 ' : ''; ?>" id="menu-finance">
                                <ul class="stack-submenu">
                                    <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="menu-administration">
                                <ul class="stack-submenu">
                                    <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 == '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="menu-content">
                                <ul class="stack-submenu">
                                    <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);">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="menu-pages">
                                <ul class="stack-submenu">
                                    <li><a href="<?php echo base_url(); ?>starter" class="<?php echo ($page == 'starter') ? 'active' : ''; ?>">Starter</a></li>
                                    <li><a href="<?php echo base_url(); ?>profile" class="<?php echo ($page == 'profile') ? 'active' : ''; ?>">Profile</a></li>
                                    <li><a href="<?php echo base_url(); ?>profile-settings" class="<?php echo ($page == 'profile-settings') ? 'active' : ''; ?>">Profile Settings</a></li>
                                    <li><a href="<?php echo base_url(); ?>gallery" class="<?php echo ($page == 'gallery') ? 'active' : ''; ?>">Gallery</a></li>
                                    <li><a href="<?php echo base_url(); ?>search-result" class="<?php echo ($page == 'search-result') ? 'active' : ''; ?>">Search Results</a></li>
                                    <li><a href="<?php echo base_url(); ?>timeline" class="<?php echo ($page == 'timeline') ? 'active' : ''; ?>">Timeline</a></li>
                                    <li><a href="<?php echo base_url(); ?>pricing" class="<?php echo ($page == 'pricing') ? 'active' : ''; ?>">Pricing</a></li>
                                    <li><a href="<?php echo base_url(); ?>coming-soon" class="<?php echo ($page == 'coming-soon') ? 'active' : ''; ?>">Coming Soon</a></li>
                                    <li><a href="<?php echo base_url(); ?>under-maintenance" class="<?php echo ($page == 'under-maintenance') ? 'active' : ''; ?>">Under Maintenance</a></li>
                                    <li><a href="<?php echo base_url(); ?>under-construction" class="<?php echo ($page == 'under-construction') ? 'active' : ''; ?>">Under Construction</a></li>
                                    <li><a href="<?php echo base_url(); ?>api-keys" class="<?php echo ($page == 'api-keys') ? 'active' : ''; ?>">API Keys</a></li>
                                    <li><a href="<?php echo base_url(); ?>privacy-policy" class="<?php echo ($page == 'privacy-policy') ? 'active' : ''; ?>">Privacy Policy</a></li>
                                    <li><a href="<?php echo base_url(); ?>terms-condition" class="<?php echo ($page == 'terms-condition') ? 'active' : ''; ?>">Terms & Conditions</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="menu-authentication">
                                <ul class="stack-submenu">
                                    <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);">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>
                            </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="menu-ui-elements">
                                <ul class="stack-submenu">
                                    <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 == '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' : ''; ?>">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' ) ? '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);"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>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="p-3">
                    <a href="https://smarthr.co.in/demo/documentation/ci.html" target="_blank" class="d-flex align-items-center fs-12 mb-3">Documentation</a>
                    <a href="https://smarthr.co.in/demo/documentation/changelog.html" target="_blank" class="d-flex align-items-center fs-12">Change Log<span class="badge bg-pink badge-xs text-white fs-10 ms-2">v4.1.1</span></a>
                </div>
            </div>
        </div>
    </div>
    <!-- /Stacked Sidebar -->