nhance/app/Views/layout/header.php

1913 lines
68 KiB
PHP
Executable File
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title><?= isset($page_name) ? $page_name : 'NHance'; ?></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta content="" name="description" />
<meta content="NHANCE" name="NHANCE" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- App favicon -->
<link rel="shortcut icon" href="<?= base_url() . "public"; ?>/assets/images/Nhance_Favi.svg">
<!-- plugin css -->
<link href="<?= base_url() . "public"; ?>/assets/libs/admin-resources/jquery.vectormap/jquery-jvectormap-1.2.2.css" rel="stylesheet" type="text/css" />
<!-- third party css -->
<link href="<?= base_url() . "public"; ?>/assets/libs/datatables.net-bs4/css/dataTables.bootstrap4.min.css" rel="stylesheet" type="text/css" />
<link href="<?= base_url() . "public"; ?>/assets/libs/datatables.net-responsive-bs4/css/responsive.bootstrap4.min.css" rel="stylesheet" type="text/css" />
<link href="<?= base_url() . "public"; ?>/assets/libs/datatables.net-buttons-bs4/css/buttons.bootstrap4.min.css" rel="stylesheet" type="text/css" />
<link href="<?= base_url() . "public"; ?>/assets/libs/datatables.net-select-bs4/css//select.bootstrap4.min.css" rel="stylesheet" type="text/css" />
<!-- third party css end -->
<!-- App css -->
<link href="<?= base_url() . "public"; ?>/assets/css/bootstrap-creative.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
<link href="<?= base_url() . "public"; ?>/assets/css/app-creative.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
<link href="<?= base_url() . "public"; ?>/assets/css/bootstrap-creative-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
<link href="<?= base_url() . "public"; ?>/assets/css/app-creative-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
<!-- icons -->
<link href="<?= base_url() . "public"; ?>/assets/css/icons.min.css" rel="stylesheet" type="text/css" />
<link href="<?= base_url() . "public"; ?>/assets/libs/bootstrap-datepicker/css/bootstrap-datepicker.min.css" rel="stylesheet" type="text/css" />
<link href="<?= base_url() . "public"; ?>/assets/libs/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet" type="text/css">
<link href="<?= base_url() . "public"; ?>/assets/libs/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet" type="text/css">
<!-- <link href="<?= base_url() . "public"; ?>/assets/css/bootstrap-material.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" /> -->
<!-- <link href="<?= base_url() . "public"; ?>/assets/css/app-material.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" /> -->
<!-- <link href="<?= base_url() . "public"; ?>/assets/css/bootstrap-editable.css" rel="stylesheet" type="text/css" /> -->
<link href="https://cdn.jsdelivr.net/npm/remixicon/fonts/remixicon.css" rel="stylesheet">
<!-- Jodit Css -->
<link href="<?= base_url() . "public"; ?>/assets/css/jodit.css" rel="stylesheet" type="text/css" />
<!-- JQuery CDN -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<!-- Sweet Alert CDN -->
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.10.4/dist/sweetalert2.all.min.js"></script>
<!-- select2 -->
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-beta.1/dist/css/select2.min.css" rel="stylesheet" type="text/css">
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.3/dist/umd/popper.min.js"></script>
<link rel="manifest" href="../manifest.json">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap" rel="stylesheet">
<!-- google icons -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0&icon_names=image" />
<script>
if ('serviceWorker' in navigator) {
window.addEventListener('load', function() {
navigator.serviceWorker.register('../service-worker.js').then(function(registration) {
// console.log('Service Worker registration successful with scope:', registration.scope);
}, function(err) {
// console.log('Service Worker registration failed:', err);
});
});
}
</script>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css" />
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css" />
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>
<!-- srinivas -->
<link href="https://cdn.jsdelivr.net/gh/gitbrent/bootstrap4-toggle@3.6.1/css/bootstrap4-toggle.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/gh/gitbrent/bootstrap4-toggle@3.6.1/js/bootstrap4-toggle.min.js"></script>
<script src="https://editor.unlayer.com/embed.js"></script>
<!-- MD5 Hash Start -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/blueimp-md5/2.19.0/js/md5.min.js"></script>
<!-- MD5 Hash End -->
<!-- <script src="<?= base_url('public/unlayer/js/embed.js') . '' ?>"></script> -->
<!-- srinivas -->
<script>
$(window).on('load', function() {
setTimeout(function() {
$('.loader').fadeOut();
$('.loader-mask').fadeOut('slow');
}, 1000);
});
</script>
<!-- Global section starts -->
<style>
* {
font-family: 'Poppins' !important;
}
.content {
min-height: 70vh;
}
.tooltip-inner {
color: #fff !important;
/* restore white text */
background-color: #000 !important;
/* keep background black */
}
.container-fluid {
padding: 0px 40px 0px 40px !important;
}
body[data-sidebar-size=condensed]:not([data-layout=compact]):not(.auth-fluid-pages)
{
min-height: 100vh !important;
}
</style>
<!-- navbar -->
<style>
.ul-flex {
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-content: space-evenly;
}
.top-navbar-div {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
margin-top: 20px;
}
.nav-flex {
display: flex;
flex-flow: row nowrap;
justify-content: end;
justify-content: center;
align-items: center;
margin-right: 20px;
}
</style>
<!-- sidebar -->
<style>
#side-menu .menu-logo a:hover {
background-color: transparent !important;
color: inherit !important;
text-decoration: none !important;
box-shadow: none !important;
}
#side-menu .menu-logo img {
height: 24px;
display: inline-block;
}
.left-side-menu {
margin-left: 30px;
margin-top: 20px;
margin-bottom: 5px;
border-radius: 25px;
background-color: #D4F5F6;
z-index: 700;
padding: 0px !important;
height: 90% !important;
}
</style>
<!-- rightbar -->
<style>
.right-bar {
width: 300px !important;
/* Adjust as needed */
overflow: hidden;
}
</style>
<!-- Dashboard-tab and header section starts -->
<style>
.notification-dot {
position: absolute;
top: 5px;
/* adjust depending on icon size */
right: 8px;
/* adjust depending on icon size */
width: 8px;
height: 8px;
background: red;
border-radius: 50%;
}
.dash-tab-font {
font-weight: 500 !important;
font-size: 0.875rem !important;
}
#current_tile,
#main_tile,
#mainMenuTiles {
font-size: 25px !important;
font-weight: 600 !important;
}
.nav-link {
color: black !important;
background-color: #D4F5F6 !important;
font-size: small !important;
padding: 8px;
border-radius: 10px !important;
padding: 8px 16px;
}
.nav-link-btn {
color: white !important;
background-color: #00999E !important;
font-size: small !important;
padding: 8px 16px;
border-radius: 10px !important;
}
.nav-link.active-tab {
color: white !important;
background-color: #00999E !important;
font-size: small !important;
padding: 8px 16px;
border-radius: 10px !important;
}
.navtab-bg .nav-link {
margin: 0 5px 10px !important;
}
.navbar-custom {
top: -10px !important;
height: 61px !important;
}
.logo-box {
top: -10px !important;
height: 61px !important;
}
.content-page {
padding: 80px 15px 65px 15px !important;
}
/* Media query for small screens */
@media screen and (min-width: 768px) {
/* Styles for screens with a minimum width of 768px (e.g., tablets and larger devices) */
.navbar-custom .button-menu-mobile {
display: none;
/* Hide the button on larger screens */
}
}
</style>
<!-- loader section starts -->
<style>
.loader div {
background-color: #6ad9cf;
display: inline-block;
float: none;
position: absolute;
top: 0;
left: 0;
width: 50px;
height: 50px;
opacity: .5;
border-radius: 50%;
-webkit-animation: ballPulseDouble 2s ease-in-out infinite;
animation: ballPulseDouble 2s ease-in-out infinite;
}
.loader div:last-child {
-webkit-animation-delay: -1s;
animation-delay: -1s;
}
.loader-mask {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #00000069;
z-index: 99999;
}
.loader {
position: absolute;
left: 50%;
top: 50%;
width: 50px;
height: 50px;
font-size: 0;
color: #00c9d0;
display: inline-block;
margin: -25px 0 0 -25px;
text-indent: -9999em;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
}
/* end of loaders */
</style>
<!-- ticket list specific code -->
<style>
/*
#E26728 (base)
#B8521F (darker 1)
#9C461B (darker 2)
#803A16 (darker 3)
rgba(226, 103, 40, 0.5) (transparent)
#00999E (base)
#007A7E (darker 1)
#006C70 (darker 2)
#005D61 (darker 3)
rgba(0, 153, 158, 0.5) (transparent)
*/
.app-field-grey {
background-color: #ECECEC !important;
}
.app-title {
font-size: 18px;
}
.app-heading {
font-size: 16px;
}
.app-subtitle {
font-size: 14px;
}
.app-text {
font-size: 12px;
}
.title-text {
font-weight: 500;
font-style: normal;
font-size: 30px;
line-height: 1;
letter-spacing: 0;
color: black;
}
.sub-title-text {
font-weight: 500;
font-style: normal;
font-size: 18px;
line-height: 1;
letter-spacing: 0;
color: black;
}
.font-color-black {
color: black;
}
.app-text-left {
text-align: left !important;
}
.app-text-right {
text-align: right !important;
}
.app-text-center {
text-align: center !important;
}
.app-text-white {
color: #ffffff !important;
}
.app-text-black {
color: #000000 !important;
}
.app-text-grey {
color: #5D5D5D !important;
}
.app-text-primary {
color: #00999E !important;
}
.app-text-secondary {
color: #E26728 !important;
}
.app-text-success {
color: #1abc9c !important;
}
a.app-text-primary:hover,
a.app-text-primary:focus {
color: rgba(0, 153, 158, 0.5) !important;
}
a.app-text-secondary:hover,
a.app-text-secondary:focus {
color: rgba(226, 103, 40, 0.5) !important;
}
a.app-text-success:hover,
a.app-text-success:focus {
color: #117964 !important;
}
.app-btn-primary {
color: #fff !important;
background-color: #00999E;
border-color: #00999E;
}
.app-btn-primary:hover {
color: #fff !important;
background-color: #007A7E;
border-color: #006C70;
}
.app-btn-primary:focus,
.app-btn-primary.focus {
color: #fff !important;
background-color: #007A7E;
border-color: #006C70;
box-shadow: 0 0 0 0.15rem rgba(0, 153, 158, 0.5);
}
.app-btn-primary.disabled,
.app-btn-primary:disabled {
color: #fff !important;
background-color: #00999E;
border-color: #00999E;
}
.app-btn-primary:not(:disabled):not(.disabled):active,
.app-btn-primary:not(:disabled):not(.disabled).active,
.show>.app-btn-primary.dropdown-toggle {
color: #fff !important;
background-color: #006C70;
border-color: #005D61;
}
.app-btn-primary:not(:disabled):not(.disabled):active:focus,
.app-btn-primary:not(:disabled):not(.disabled).active:focus,
.show>.app-btn-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.15rem rgba(0, 153, 158, 0.5);
}
.app-btn-secondary {
color: #fff !important;
background-color: #E26728;
border-color: #E26728;
}
.app-btn-secondary:hover {
color: #fff !important;
background-color: #B8521F;
border-color: #9C461B;
}
.app-btn-secondary:focus,
.app-btn-secondary.focus {
color: #fff !important;
background-color: #E26728;
border-color: #9C461B;
box-shadow: 0 0 0 0.15rem rgba(226, 103, 40, 0.5);
}
.app-btn-secondary.disabled,
.app-btn-secondary:disabled {
color: #fff !important;
background-color: #E26728;
border-color: #E26728;
}
.app-btn-secondary:not(:disabled):not(.disabled):active,
.app-btn-secondary:not(:disabled):not(.disabled).active,
.show>.app-btn-secondary.dropdown-toggle {
color: #fff !important;
background-color: #9C461B;
border-color: #803A16;
}
.app-btn-secondary:not(:disabled):not(.disabled):active:focus,
.app-btn-secondary:not(:disabled):not(.disabled).active:focus,
.show>.app-btn-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.15rem rgba(226, 103, 40, 0.5);
}
.app-btn-outline-primary {
color: #000000;
border-color: #00999E;
}
.app-btn-outline-primary:hover {
color: #ffffff;
background-color: #00999E;
border-color: #00999E;
}
.app-btn-outline-primary:focus,
.app-btn-outline-primary.focus {
box-shadow: 0 0 0 0.15rem rgba(0, 153, 158, 0.5);
}
.app-btn-outline-primary.disabled,
.app-btn-outline-primary:disabled {
color: #000000;
background-color: transparent;
}
.app-btn-outline-primary:not(:disabled):not(.disabled):active,
.app-btn-outline-primary:not(:disabled):not(.disabled).active,
.show>.app-btn-outline-primary.dropdown-toggle {
color: #ffffff;
background-color: #00999E;
border-color: #00999E;
}
.app-btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.app-btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show>.app-btn-outline-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.15rem rgba(0, 153, 158, 0.5);
}
.app-btn-outline-secondary {
color: #000000;
border-color: #E26728;
}
.app-btn-outline-secondary:hover {
color: #ffffff;
background-color: #E26728;
border-color: #E26728;
}
.app-btn-outline-secondary:focus,
.app-btn-outline-secondary.focus {
box-shadow: 0 0 0 0.15rem rgba(206, 222, 239, 0.5);
}
.app-btn-outline-secondary.disabled,
.app-btn-outline-secondary:disabled {
color: #000000;
background-color: transparent;
}
.app-btn-outline-secondary:not(:disabled):not(.disabled):active,
.app-btn-outline-secondary:not(:disabled):not(.disabled).active,
.show>.btn-outline-secondary.dropdown-toggle {
color: #ffffff;
background-color: #E26728;
border-color: #E26728;
}
.app-btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.app-btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.15rem rgba(226, 103, 40, 0.5);
}
.app-badge-primary {
color: #ffffff;
background-color: #00999E;
}
a.app-badge-primary:hover,
a.app-badge-primary:focus {
color: #ffffff;
background-color: #007A7E;
}
a.app-badge-primary:focus,
a.app-badge-primary.focus {
outline: 0;
box-shadow: 0 0 0 0.15rem rgba(0, 153, 158, 0.5);
}
.app-badge-secondary {
color: #ffffff;
background-color: #E26728;
}
a.app-badge-secondary:hover,
a.app-badge-secondary:focus {
color: #ffffff;
background-color: #B8521F;
}
a.app-badge-secondary:focus,
a.app-badge-secondary.focus {
outline: 0;
box-shadow: 0 0 0 0.15rem rgba(226, 103, 40, 0.5);
}
</style>
<!-- toaster -->
<style>
.toast-success {
background-color: #009688 !important;
color: #FFFFFF !important;
}
.toast-body {
padding: .75rem;
background: aliceblue !important;
}
.toast-footer {
text-align: right;
color: #000;
border-top: 1px solid aliceblue;
margin-top: 11px;
margin-bottom: -6px;
}
</style>
<!-- img active inactive -->
<style>
.img-inactive {
background-color: white;
margin: 10px 12px;
border-radius: 5px;
border: 4px solid white;
padding: 8px !important;
min-height: 43px !important;
}
.img-active {
background-color: #B7F0F2;
margin: 10px 12px;
border-radius: 5px;
border: 4px solid #00999E;
padding: 8px !important;
min-height: 43px !important;
}
</style>
<!-- table section starts -->
<style>
table[data-custom-table-css="table"] thead th {
background-color: #00999E;
color: #fff !important;
border-top: 0px solid #fff !important;
border-bottom: 0px solid #fff !important;
vertical-align: middle;
font-weight: 600 !important;
}
table[data-custom-table-css="table"] tbody td {
background: #F5FFFF;
padding: 12px;
border-top: 0px solid #fff !important;
border-bottom: 2px solid #C3EDEE !important;
font-weight: 400 !important;
}
table[data-custom-table-css="table"] thead th:first-child {
border-top-left-radius: 15px !important;
border-bottom-left-radius: 15px !important;
}
table[data-custom-table-css="table"] thead th:last-child {
border-top-right-radius: 15px !important;
border-bottom-right-radius: 15px !important;
}
table[data-custom-table-css="table"] tbody tr td:first-child {
border-top-left-radius: 15px !important;
border-bottom-left-radius: 15px !important;
}
table[data-custom-table-css="table"] tbody tr td:last-child {
border-top-right-radius: 15px !important;
border-bottom-right-radius: 15px !important;
}
table[data-custom-table-css="table"] tbody tr:hover td {
background-color: #e0e0e0;
}
table[data-custom-table-css="table"] {
border-collapse: separate !important;
border-spacing: 0 8px !important;
width: 100% !important;
}
table[data-custom-table-css="table"].dataTable thead th {
padding: 15px !important;
}
table[data-custom-table="table"] thead.bg-light tr[role="row"]{
display:none !important;
}
</style>
<!-- Datatable section starts -->
<style>
/* Pagination buttons */
.dataTables_wrapper .dataTables_paginate .paginate_button {
padding: 2px 6px !important;
font-size: 12px !important;
background: transparent !important;
border-radius: 13px !important;
border: none !important;
}
/* Previous / Next buttons */
.dataTables_wrapper .dataTables_paginate .page-item.previous .page-link,
.dataTables_wrapper .dataTables_paginate .page-item.next .page-link {
border-radius: 13px !important;
background-color: #F5FFFF;
border: none !important;
box-shadow: 0 0 0 0.15rem #F5FFFF;
font-size: 0;
/* hide default text */
position: relative;
}
/* Custom arrows */
.dataTables_wrapper .dataTables_paginate .page-item.previous .page-link::before {
content: "◄";
font-size: 14px;
}
.dataTables_wrapper .dataTables_paginate .page-item.next .page-link::before {
content: "►";
font-size: 14px;
}
/* Active / Inactive pages */
.dataTables_wrapper .dataTables_paginate .page-item.active .page-link {
color: #fff !important;
border-radius: 13px !important;
}
.dataTables_wrapper .dataTables_paginate .page-item:not(.active) .page-link {
border: 1px solid #fff !important;
border-radius: 13px !important;
}
/* Info text */
.dataTables_info {
font-size: 12px;
}
.dataTables_wrapper .dt-buttons .buttons-csv,
.dataTables_wrapper .dt-buttons .buttons-html5 {
background-color: #02a8b5;
color: #fff;
border-color: #02a8b5;
}
.dataTables_wrapper .dt-buttons .buttons-csv:hover,
.dataTables_wrapper .dt-buttons .buttons-html5:hover {
background-color: #028291;
border-color: #028291;
}
.dataTables_info,
.text,
#client_logo {
font-weight: 500 !important;
color: #000 !important;
}
.buttons-html5 {
margin-right: 10px !important;
}
</style>
<!-- modal section -->
<style>
/* Inside modal field color changes */
/* modal section starts */
.modal-full-width {
width: 80% !important;
}
.modal-body {
padding: 2rem !important;
}
.modal.show .modal-dialog .modal-content,
.modal .modal-dialog .modal-content {
border-radius: 10px !important;
overflow: hidden !important;
box-shadow: none;
}
.modal .parsley-examples {
background-color: #FFFF !important;
padding: 0px !important;
border: 0px solid #fff !important;
border-radius: 0px !important;
box-shadow: none !important;
}
/* Common modal Title styles */
.modal .modal-title {
font-weight: 500;
font-size: 27px;
line-height: 100%;
letter-spacing: 0;
text-align: center;
}
/* Common modal Header styles */
.modal .modal-header {
border-bottom: 0px solid #e5e8eb;
}
/* Common modal Body styles */
.modal .modal-body {
padding: 15px !important;
}
/* Common modal close button styles */
.modal .close {
/* width: 17.5px;
height: 17.5px;
line-height: 17.5px; */
opacity: 1;
font-size: 24px;
color: #000;
position: absolute;
top: 18px;
right: 15px;
cursor: pointer;
text-shadow: none;
}
.modal .form-control {
background-color: #ECECEC !important;
border: 1px solid #ccc;
/* optional */
box-shadow: none !important;
}
.modal .form-control:focus {
background-color: #ECECEC !important;
box-shadow: none;
}
.modal .input-icon {
position: relative;
display: inline-block;
}
.modal .input-icon .form-control {
padding-right: 40px;
}
.modal .input-icon .additional-icon {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
font-size: 18px;
color: #555;
pointer-events: none;
/* icon doesnt block input clicks */
}
.modal input[type='file'] {
padding: 10px !important;
background-color: #ECECEC !important;
color: #000 !important;
}
.modal .modal-dialog {
margin: 5px auto !important;
}
.modal .parsley-required {
font-size: 11px !important;
}
.modal .select2-container--default .select2-selection--multiple {
background-color: #ECECEC !important;
border: 1px solid #ccc;
}
/* Select2 box */
.modal .select2-container .select2-selection--single {
background-color: #ECECEC !important;
border: 1px solid #ccc !important;
height: 38px !important;
box-shadow: none !important;
}
/* Common modal readonly-select styles */
.modal .readonly-select+.select2-container .select2-selection--single {
background-color: #CACACA !important;
color: #666666 !important;
pointer-events: none;
cursor: not-allowed;
}
.modal .select2-container--default .select2-selection--multiple {
background-color: #ECECEC !important;
border: 1px solid #ccc !important;
min-height: 38px !important;
border-radius: 5px;
/* optional */
}
/* Text inside */
.modal .select2-container .select2-selection__rendered {
line-height: 36px !important;
}
.modal .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
background-color: #00999E !important;
}
</style>
<!-- jodit section -->
<style>
/* ✅ Whole editor box */
.jodit {
border-radius: 10px;
box-shadow: 0px 2px 2px 0px #00000040;
overflow: hidden;
background-color: #F5FFFF !important; /* fallback */
}
/* ✅ Toolbar (header) */
.jodit .jodit-toolbar__box,
.jodit .jodit-toolbar-editor-collection {
background-color: #F5FFFF !important;
border: none !important;
}
/* ✅ Footer / status bar */
.jodit .jodit-status-bar {
background-color: #F5FFFF !important;
border-top: 1px solid #ddd; /* optional: keep a light separator */
}
/* ✅ Editable content (div mode) */
.jodit .jodit-wysiwyg {
background-color: #F5FFFF !important;
color:black !important;
padding: 10px;
}
/* ✅ Editable content (iframe mode) */
.jodit iframe {
background-color: #F5FFFF !important;
border-radius: 0 0 10px 10px;
}
</style>
<!-- jodit section inside modal -->
<style>
/* ✅ Whole editor box */
.modal .jodit {
border-radius: 10px;
box-shadow: 0px 2px 2px 0px #00000040;
overflow: hidden;
background-color: #ECECEC !important; /* fallback */
}
.modal .jodit p {
background-color: #ECECEC !important; /* fallback */
}
/* ✅ Toolbar (header) */
.modal .jodit .jodit-toolbar__box,
.modal .jodit .jodit-toolbar-editor-collection {
background-color: #ECECEC !important;
border: none !important;
}
/* ✅ Footer / status bar */
.modal .jodit .jodit-status-bar {
background-color: #ECECEC !important;
border-top: 1px solid #ddd; /* optional: keep a light separator */
}
/* ✅ Editable content (div mode) */
.modal .jodit .jodit-wysiwyg {
background-color: #ECECEC !important;
color:black !important;
padding: 10px;
}
/* ✅ Editable content (iframe mode) */
.modal .jodit iframe {
background-color: #ECECEC !important;
border-radius: 0 0 10px 10px;
}
</style>
<!-- specific tag section starts -->
<style>
label {
font-weight: 500 !important;
font-size: 0.875rem !important;
color: #000;
}
.right-bar {
right: -300px;
}
.select2-container--default .select2-selection--single {
height: 37px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 35px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
top: 7px !important;
}
/* Apply to normal inputs and selects */
input,
select,
textarea {
background-color: #F5FFFF !important;
border-radius: 10px !important;
box-shadow: 0px 2px 4px 0px #00000024 !important;
border-color: #F5FFFF !important;
}
.select2 textarea {
box-shadow: none !important;
}
/* Chrome, Edge, Safari */
input[type="file"]::file-selector-button {
background-color: #00999E;
/* button color */
color: #000 !important;
/* text color */
border: none;
/* remove border */
border-radius: 10px;
/* rounded corners */
padding: 6px 20px;
/* space inside */
cursor: pointer;
/* pointer cursor */
font-size: 14px;
}
/* Cancel Bootstrap's .form-control for file inputs */
input[type="file"].form-control {
height: auto !important; /* remove forced height */
padding: initial !important; /* reset padding */
font-size: inherit !important; /* reset font size */
line-height: normal !important; /* reset line height */
}
/* Apply to Select2 (single select) */
.select2-container .select2-selection--single {
background-color: #F5FFFF !important;
border-radius: 10px !important;
box-shadow: 0px 2px 4px 0px #00000024 !important;
height: 38px;
/* match bootstrap input height */
display: flex;
align-items: center;
border-color: #F5FFFF !important;
}
/* Apply to Select2 (multiple select) */
.select2-container .select2-selection--multiple {
background-color: #F5FFFF !important;
border-radius: 10px !important;
box-shadow: 0px 2px 4px 0px #00000024 !important;
border-color: #F5FFFF !important;
}
</style>
<!-- button section starts -->
<style>
/* Target only buttons with type="submit" */
.btn {
border-radius: 10px !important;
}
button[type="submit"],
.buttons-collection,
input[type="submit"],
#get-emp-list ,
.submit-btn
{
color: #fff !important;
background-color: #E26728 !important;
border-color: #E26728 !important;
}
/* Optional: hover effect */
button[type="submit"]:hover,
.buttons-collection,
input[type="submit"]:hover,
#get-emp-list {
cursor: pointer;
/* optional */
}
</style>
<!-- accordian -->
<style>
.card #collapseOne .card-body,
.card #collapseTwo .card-body,
.card #collapseThree .card-body {
background-color: #F5FFFF !important;
border: 2px solid #F5FFFF;
border-radius: 10px;
box-shadow: 0px 4px 4px 0px #00000040;
}
/* Apply to normal inputs and selects */
.card #collapseOne .card-body input,
.card #collapseOne .card-body select,
.card #collapseOne .card-body textarea,
.card #collapseTwo .card-body input,
.card #collapseTwo .card-body select,
.card #collapseTwo .card-body textarea,
.card #collapseThree .card-body input,
.card #collapseThree .card-body select,
.card #collapseThree .card-body textarea {
background-color: #ffff !important;
border-radius: 10px !important;
box-shadow: 0px 2px 4px 0px #00000024 !important;
border-color: #ffff !important;
}
.card #collapseOne .card-body input[type='file'],
.card #collapseTwo .card-body input[type='file'],
.card #collapseThree .card-body input[type='file'] {
padding: 10px !important;
background-color: white !important;
color: black !important;
}
/* Apply to Select2 (single select) */
.card #collapseOne .card-body .select2-container .select2-selection--single,
.card #collapseTwo .card-body .select2-container .select2-selection--single,
.card #collapseThree .card-body .select2-container .select2-selection--single {
background-color: #ffff !important;
border-radius: 10px !important;
box-shadow: 0px 2px 4px 0px #00000024 !important;
height: 38px;
/* match bootstrap input height */
display: flex;
align-items: center;
border-color: #ffff !important;
}
/* Apply to Select2 (multiple select) */
.card #collapseOne .card-body .select2-container .select2-selection--multiple,
.card #collapseTwo .card-body .select2-container .select2-selection--multiple,
.card #collapseThree .card-body .select2-container .select2-selection--multiple {
background-color: #ffff !important;
border-radius: 10px !important;
box-shadow: 0px 2px 4px 0px #00000024 !important;
border-color: #ffff !important;
}
</style>
<!-- legacy styles of random style applied -->
<style>
.card-body {
background-color: white;
margin-top: 5px;
}
.content-page {
background-color: white !important;
padding: 0px !important;
}
.dropdown {
margin-right: 10px !important;
}
.text-danger-2 {
font-style: italic;
color: black !important;
/* color: #02a8b5 !important; */
font-size: 12px;
}
#messages-list li {
margin-top: 0;
margin-bottom: -25px;
/* Adjust this value to reduce the space */
}
.fixed-header {
position: relative;
top: 0;
z-index: 1000;
background-color: #f8f9fa !important;
}
.scrollable-content {
max-height: 42vh;
overflow-y: auto;
padding-top: 0px;
}
/* Additional styles to enhance appearance */
.header-title {
position: relative;
bottom: 5px;
left: 60px;
}
#app_content_management:hover {
color: red;
}
.lead {
font-size: 13px;
}
@-webkit-keyframes ballPulseDouble {
0%,
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
50% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes ballPulseDouble {
0%,
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
50% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
</style>
<!-- footer -->
<style>
.footer {
background-color: white !important;
color: black;
margin: 30px !important;
}
.footer {
margin-left: 150px;
position: relative;
}
</style>
<style>
.custom-form .parsley-examples {
background-color: transparent !important;
padding: 0 !important;
border: none !important;
box-shadow: none !important;
}
.custom-form .form-control {
background-color: #F5FFFF !important;
border: none !important;
/* color: #000; keep text readable */
box-shadow: 0px 1px 1px 0px #00000040;
}
.custom-form .form-control:focus {
background-color: #F5FFFF !important;
box-shadow: none;
}
.custom-form .select2-container--default .select2-selection--multiple {
background-color: #F5FFFF !important;
border: none !important;
}
.custom-form .select2-container .select2-selection--single {
background-color: #F5FFFF !important;
border: 1px solid #ccc !important;
height: 38px !important;
box-shadow: none !important;
}
.custom-form .select2-container--default .select2-selection--multiple {
background-color: #F5FFFF !important;
border: 1px solid #ccc !important;
min-height: 38px !important;
border-radius: 5px;
/* optional */
}
.maincard {
margin-top: 0 !important;
padding-top: 0 !important;
}
.subcard {
padding-top: 0px;
padding-left: 5px;
}
.btn-custom {
font-weight: 500;
font-style: normal;
font-size: 12px;
line-height: 1;
letter-spacing: 0;
text-align: center;
}
</style>
<style>
/* Common wrapper (works for text/file inputs) */
.input-icon {
position: relative;
display: block;
width: 100%;
}
/* All form controls inside */
.input-icon .form-control {
width: 100%;
box-sizing: border-box;
padding-right: 40px;
/* always keep space for icon */
cursor: pointer;
}
/* Hide default file button */
.input-icon .form-control[type="file"]::file-selector-button {
display: none;
}
.input-icon input[type="file"].form-control {
padding-right: 40px;
/* space for the icon */
cursor: pointer;
}
/* Common icon class */
.input-icon .additional-icon {
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
font-size: 18px;
color: #555;
pointer-events: none;
}
input[type="radio"] {
accent-color: #40B2B6;
/* sets the checked color */
}
</style>
<style>
.dataTables_scrollBody thead.bg-light tr
, .dataTables_scrollBody thead.app-table-head tr
{
visibility: collapse !important; /* hides + removes row space */
height: 0 !important;
}
.dataTables_scrollBody thead.bg-light th
, .dataTables_scrollBody thead.app-table-head tr
{
padding: 0 !important;
margin: 0 !important;
border: none !important;
height: 0 !important;
line-height: 0 !important;
overflow: hidden !important;
}
</style>
</head>
<body class="loading" data-layout-mode="" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "condensed", "showuser": false}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": false}'></body>
<!-- Preloader -->
<div class="loader-mask">
<div class="loader">
<img src="<?= base_url() . "public" ?>/assets/images/nhance-loader-fast.gif" height="40" width="40" alt="Loading...">
</div>
</div>
<!-- <img src="<?= base_url() . "public" ?>/assets/images/nhance-loader-fast.gif" height="40" width="40" alt="Loading..."> -->
<!-- Begin page -->
<div id="wrapper" style="background-color:white;">
<!-- ========== Left Sidebar Start ========== -->
<div class="left-side-menu">
<div class="h-100" data-simplebar>
<!--- Sidemenu -->
<div id="sidebar-menu">
<ul class="ul-flex" id="side-menu">
<li class="menu-logo">
<a href="<?= base_url('/dashboard/view') ?>">
<img src="<?= base_url() . "public"; ?>/assets/images/Nhance_Favi.png" alt="Logo" height="24">
</a>
</li>
<li>
<a href="<?= base_url('/dashboard/view') ?>" class="img-inactive-not-working">
<i class="ri-dashboard-line" style="color:black;"></i>
<span> Dashboard </span>
</a>
</li>
<!-- client -->
<?php if (in_array(get_role_id(), [1, 2, 3, 5])) { ?>
<li>
<a href="<?= base_url('/client/list') ?>" class="img-inactive-not-working">
<img style="border-radius: 5px;"
src="<?= base_url() . "public"; ?>/assets/images/clients_sb.png" alt="Logo" height="24">
<span> Clients </span>
</a>
</li>
<?php } ?>
<!-- Enrollment process -->
<?php if (in_array(get_role_id(), [1,2,3,5]) || in_array(ENROLLMENT_TEAM_ID, user_team())) { ?>
<li>
<a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect img-inactive-not-working" >
<img style="border-radius: 5px;"
src="<?= base_url() . "public"; ?>/assets/images/action_on_policies_sb.png" alt="Logo" height="20">
<span> Action on Policies </span>
</a>
<div class="collapse" id="sidebarDashboards">
<ul class="nav-second-level">
<li>
<a href="<?= base_url('/employee/upload') ?>">View Inception</a>
</li>
<li>
<a href="<?= base_url('/employee/list') ?>">View Members</a>
</li>
<li>
<a href="<?= base_url('/employee/endorsement-list') ?>">View Endorsement</a>
</li>
<li>
<a href="<?= base_url('/employee/enrollment-list') ?>">View Enrolment</a>
</li>
<li>
<a href="<?= base_url('/employee/test_members_list') ?>">Test Members List</a>
</li>
<li>
<a href="<?= base_url('/employee/retail-endorsement-list') ?>">Retail Endorsement</a>
</li>
</ul>
</div>
</li>
<?php } ?>
<!-- Masters -->
<?php if (get_role_id() == 1 || get_role_id() == 5) { ?>
<li>
<a href="#sidebarDashboards" data-toggle="collapse" class=" img-inactive-not-working">
<img
src="<?= base_url() . "public"; ?>/assets/images/masters_sb.png" alt="Logo" height="20">
<span> Masters </span>
</a>
<div class="collapse" id="sidebarDashboards">
<ul class="nav-second-level">
<li>
<a href="<?= base_url('/master/insurer/list') ?>">Insurer</a>
</li>
<li>
<a href="<?= base_url('/master/tpa/list') ?>">TPA</a>
</li>
<li>
<a href="<?= base_url('/master/kyc/list') ?>">KYC</a>
</li>
<li>
<a href="<?= base_url('/master/policy/list') ?>">Policy</a>
</li>
<li>
<a href="<?= base_url('/master/cash_deposite/list') ?>">CD Master</a>
</li>
<li>
<a href="<?= base_url('/master/vehicle/list') ?>">Vehicle Master</a>
</li>
<li>
<a href="<?= base_url('/user/list') ?>"> Users </a>
</li>
</ul>
</div>
</li>
<?php } ?>
<!-- <li>
<?php
$sessionData = get_session_userdata();
$currentUrl = base_url();
$parsedUrl = parse_url($currentUrl);
$baseUrl = $parsedUrl['scheme'] . '://' . $parsedUrl['host'] . '/';
$hashedEmail = hash('sha256', $sessionData->email);
$redirectUrl = getenv('helpdeskURL') . '/staff/login?' . http_build_query(['token' => $hashedEmail]);
?>
<a href="<?php echo $redirectUrl; ?>" target="_blank">
<i class="mdi mdi-lifebuoy"></i>
<span> Tickets </span>
</a>
</li> -->
<!-- Claims -->
<?php if (in_array(get_role_id(), [1, 2, 3, 5]) || in_array(CLAIMS_TEAM_ID, user_team())) { ?>
<li>
<a href="#sidebarDashboardsTicket" data-toggle="collapse" class="waves-effect img-inactive-not-working">
<img
src="<?= base_url() . "public"; ?>/assets/images/claims_sb.png" alt="Logo" height="20">
<span> Claims </span>
</a>
<div class="collapse" id="sidebarDashboardsTicket">
<ul class="nav-second-level">
<li>
<a href="#" onclick="openTicketTypeAskModal()">New claim</a>
</li>
<li>
<a href="<?= base_url('/ticket/list') ?>">Claim List</a>
</li>
<li>
<a href="<?= base_url('/ticket/mail_template') ?>">Mail Template</a>
</li>
<li>
<a href="<?= base_url('/ticket/ticket_reports') ?>">Claim Reports</a>
</li>
<li>
<a href="<?= base_url('/ticket/feedback-list') ?>">Claim Feedback List</a>
</li>
<li>
<a href="<?= base_url('/ticket/claim-upload') ?>">Claim Dump Upload</a>
</li>
<!-- <li>
<a href="<?= base_url('/ticketList?return_type=web') ?>">Ticket List</a>
</li> -->
</ul>
</div>
</li>
<?php } ?>
<!-- leads -->
<?php if (in_array(get_role_id(), [1, 2, 3, 5]) || in_array(BUSINESS_SUPPORT_TEAM_ID, user_team()) || in_array(SALES_TEAM_ID, user_team())) { ?>
<li>
<a href="<?= base_url('/leads/list') ?>" class="img-inactive-not-working">
<img
src="<?= base_url() . "public"; ?>/assets/images/leads_sb.png" alt="Logo" height="20">
<span> Leads </span>
</a>
</li>
<?php } ?>
<!-- Tickets -->
<?php if (in_array(get_role_id(), [1, 2, 3, 4, 5]) || in_array(CLAIMS_TEAM_ID, user_team())) { ?>
<li>
<a id="tickets" href="<?= base_url('/ticketList?return_type=web') ?>" class="waves-effect img-inactive-not-working">
<img src="<?= base_url() . "public"; ?>/assets/images/ticket.png" alt="Logo" height="20">
<span>Tickets</span>
</a>
</li>
<?php } ?>
<!-- BDS -->
<?php if ((get_role_id() == 1 || get_role_id() == 5) || (in_array(MANAGEMENT_TEAM_ID, user_team()) || in_array(FINANCE_TEAM_ID, user_team()) || in_array(BUSINESS_TEAM_ID, user_team()) || in_array(POS_TEAM_ID, user_team()))) { ?>
<li>
<a href="#policyTransactions" data-toggle="collapse" class="waves-effect img-inactive-not-working">
<img
src="<?= base_url() . "public"; ?>/assets/images/policy_transactions_sb.png" alt="Logo" height="20">
<span> Policy Transactions </span>
</a>
<div class="collapse" id="policyTransactions">
<ul class="nav-second-level">
<li>
<a href="#policyTransactionsSub" data-toggle="collapse" class="waves-effect">
<i class="mdi mdi-format-list-bulleted"></i>
<span>Policy Transactions</span>
</a>
<div class="collapse" id="policyTransactionsSub">
<ul>
<?php if (in_array(get_role_id(), [1, 5]) || (in_array(MANAGEMENT_TEAM_ID, user_team()) || in_array(FINANCE_TEAM_ID, user_team()) || in_array(BUSINESS_TEAM_ID, user_team()) || in_array(POS_TEAM_ID, user_team()))) { ?>
<li>
<a href="<?= base_url('/policy_tranction/inception/list') ?>">Policy</a>
</li>
<li>
<a href="<?= base_url('/policy_tranction/endorsement/list') ?>">Endorsement</a>
</li>
<?php } ?>
<?php if (in_array(get_role_id(), [1, 5]) || in_array(FINANCE_TEAM_ID, user_team()) || in_array(MANAGEMENT_TEAM_ID, user_team())) { ?>
<li>
<a href="<?= base_url('/policy_tranction/statement/list') ?>">Statement Upload</a>
</li>
<?php } ?>
</ul>
</div>
</li>
<?php if ((get_role_id() == 1 || get_role_id() == 5) || (in_array(MANAGEMENT_TEAM_ID, user_team()) || in_array(FINANCE_TEAM_ID, user_team()) || in_array(BUSINESS_TEAM_ID, user_team()) || in_array(POS_TEAM_ID, user_team()))) { ?>
<?php if (in_array(get_role_id(), [1, 5]) || in_array(MANAGEMENT_TEAM_ID, user_team()) || in_array(POS_TEAM_ID, user_team())) { ?>
<li>
<a href="#policyReports" data-toggle="collapse" class="waves-effect">
<i class="ri-file-chart-fill"></i>
<span> Policy Reports </span>
</a>
<div class="collapse" id="policyReports">
<ul class="nav-third-level">
<li>
<a href="<?= base_url('/policy_tranction/report/list') ?>">BDS</a>
</li>
<?php if (in_array(get_role_id(), [1, 5]) || in_array(MANAGEMENT_TEAM_ID, user_team())) { ?>
<li>
<a href="<?= base_url('/policy_tranction/report/report-varience-list') ?>">Variance</a>
</li>
<li>
<a href="<?= base_url('/policy_tranction/report/report-outstanding-list') ?>">Outstanding</a>
</li>
<li>
<a href="<?= base_url('/bdsReport/irba_report') ?>">IRDA Reports</a>
</li>
<li>
<a href="<?= base_url('/bdsReport/renewal_report') ?>">Renewal Reports</a>
</li>
<li>
<a href="<?= base_url('/bdsReport/getTATReport') ?>">TAT Band Reports</a>
</li>
<?php } ?>
</ul>
</div>
</li>
<?php } ?>
<li>
<a href="#policy_tat_report_type" data-toggle="collapse" class="waves-effect">
<i class="ri-file-chart-fill"></i>
<span> Policy TAT Reports </span>
</a>
<div class="collapse" id="policy_tat_report_type">
<ul class="nav-third-level">
<li>
<a href="<?= base_url('/bdsReport/getMultiReport/1') ?>">TAT Band Wise</a>
</li>
<li>
<a href="<?= base_url('/bdsReport/getMultiReport/2') ?>">ACM Status Wise</a>
</li>
<li>
<a href="<?= base_url('/bdsReport/getMultiReport/3') ?>">ACM TAT Wise</a>
</li>
</ul>
</div>
</li>
<?php if ((get_role_id() == 1 || get_role_id() == 5) || (in_array(MANAGEMENT_TEAM_ID, user_team()) || in_array(FINANCE_TEAM_ID, user_team()) || in_array(BUSINESS_TEAM_ID, user_team()))) { ?>
<li>
<a href="#policyPendingActions" data-toggle="collapse" class="waves-effect">
<i class="mdi mdi-timer-sand"></i>
<span> Policy Pending Actions </span>
</a>
<div class="collapse" id="policyPendingActions">
<ul class="nav-third-level">
<?php if (in_array(get_role_id(), [1, 5]) || in_array(MANAGEMENT_TEAM_ID, user_team()) || in_array(FINANCE_TEAM_ID, user_team())) { ?>
<li>
<a href="<?= base_url('/policy_tranction/report/report-finance-list') ?>">Finance Team</a>
</li>
<?php } ?>
<?php if (in_array(get_role_id(), [1, 5]) || in_array(MANAGEMENT_TEAM_ID, user_team()) || in_array(BUSINESS_TEAM_ID, user_team())) { ?>
<li>
<a href="<?= base_url('/policy_tranction/report/report-business-list') ?>">Business Team</a>
</li>
<?php } ?>
</ul>
</div>
</li>
<?php } ?>
<?php if ((get_role_id() == 1 || get_role_id() == 5) || (in_array(MANAGEMENT_TEAM_ID, user_team()) || in_array(FINANCE_TEAM_ID, user_team()) || in_array(BUSINESS_TEAM_ID, user_team()))) { ?>
<li>
<a href="#policyMasters" data-toggle="collapse" class="waves-effect">
<i class="ri-database-2-line"></i>
<span> Masters </span>
</a>
<div class="collapse" id="policyMasters">
<ul class="nav-third-level">
<li>
<a href="<?= base_url('/master/cash_deposite/list') ?>">CD Master</a>
</li>
<li>
<a href="<?= base_url('/master/vehicle/list') ?>">Vehicle Master</a>
</li>
</ul>
</div>
</li>
<?php } ?>
<?php if ((get_role_id() == 1 || get_role_id() == 5) || (in_array(MANAGEMENT_TEAM_ID, user_team()) || in_array(FINANCE_TEAM_ID, user_team()) || in_array(BUSINESS_TEAM_ID, user_team()))) { ?>
<li>
<a href="<?= base_url('/dmsSearch') ?>">
<i class="ri-book-open-line"></i>
<span> Documents</span>
</a>
</li>
<?php } ?>
<?php } ?>
</ul>
</div>
</li>
<?php } ?>
<!-- Ad -->
<?php if (in_array(get_role_id(), [1, 2, 3, 5])) { ?>
<li>
<a id="app_content_management" href="#sidebarDashboardsmenu" data-toggle="collapse" class="waves-effect img-inactive-not-working" style="color: grey;">
<img
src="<?= base_url() . "public"; ?>/assets/images/app_content_mng_sb.png" alt="Logo" height="20">
<span>App Content Mgmt</span>
</a>
<div class="collapse" id="sidebarDashboardsmenu">
<ul class="nav-second-level">
<li>
<a href="<?= base_url('/add_image_index') ?>"> Advertisement Images </a>
</li>
<li>
<a href="<?= base_url('/frontend_content') ?>">Front-end Content</a>
</li>
</ul>
</div>
</li>
<?php } ?>
<li>
<a id="user_manual" href="<?= base_url("autobookstackLogin") ?>" class="waves-effect img-inactive-not-working" target="_blank" rel="noopener noreferrer">
<img
src="<?= base_url() . "public"; ?>/assets/images/user_manual_sb.png" alt="Logo" height="20">
<span>User Manual</span>
</a>
</li>
</ul>
</div>
<!-- End Sidebar -->
</div>
<!-- Sidebar -left -->
</div>
<!-- Left Sidebar End -->
<!-- Top Bar -->
<div class="top-navbar-div" style="margin-left:130px;">
<div class="top-navbar-title">
<h5>Welcome <?= (isset(get_session_userdata()->first_name) ? get_session_userdata()->first_name : 'NOT SET') ?> </h5>
</div>
<div class="nav-flex">
<!-- user pic -->
<div class="dropdown notification-list topbar-dropdown">
<a class=" dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
<?php
$profile = get_userProfile();
$default = base_url('public/assets/images/avatar_2x.png');
?>
<img
src="<?= (!empty($profile)) ? $profile : $default; ?>"
onerror="this.onerror=null;this.src='<?= $default ?>';"
alt="user-image"
height="40" width="40"
class="rounded-circle">
</a>
</div>
<!-- Notification -->
<div class="dropdown notification-list topbar-dropdown">
<a class="dropdown-toggle right-bar-toggle waves-effect waves-light"
style="font-size: 14px; color:#000;background-color:#D4F5F6 !important;
border-radius:25px!important;padding:7px; position: relative;">
<i class="fe-bell noti-icon"></i>
<span class="notification-dot"></span>
</a>
</div>
&nbsp;&nbsp;
<!-- Logout -->
<div class="dropdown notification-list">
<a href="<?= base_url('/logout'); ?>" style="font-size: 18px; color:#000;background-color:#D4F5F6 !important;border-radius:25px;padding:7px;margin-top:0px;">
<i class="ri-logout-box-r-line" style=" color:#000;padding:0px;"></i>
</a>
</div>
</div>
</div>
<!-- End of Top Bar -->
<br>
<!-- ============================================================== -->
<!-- Start Page Content here -->
<!-- ============================================================== -->
<div class="content-page">
<div class="content">
<!-- Start Content-->
<div class="container-fluid">