nhance/app/Views/layout/header.php
venba-Inspriron-3558 a972efcf05 FIX_UI Support
2025-09-01 16:31:51 +05:30

1506 lines
59 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">
<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 -->
<style>
/********************************************************************* Dashboard-tab section starts ***********************************************************************************************************/
/* dashboard-tab specific styling which is also used in many place in application */
.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;
}
.nav-pills{
margin-left: 20px;
}
.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 */
}
}
/********************************************************************* loader section starts ***********************************************************************************************************/
/* Datatable footer styles */
/* loaders for whole application */
.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 */
/********************************************************************* parsley-examples section starts ***********************************************************************************************************/
/* Datatable footer styles */
/* parsley-examples */
.parsley-examples
{
background-color: #F5FFFF;
padding: 25px;
border: 2px solid #fff;
border-radius: 10px;
/* box-shadow: 2px 2px 2px; */
box-shadow: 0px 1px 1px 0px #00000040;
}
/* all input elements */
input, select,
.select2-container .select2-selection {
border-radius: 10px !important;
box-shadow: 0px 2px 4px 0px #00000024 !important;
}
/* allinput elements */
/* card-body */
.card-body{
color:#000;
}
.lead {
font-size: 13px;
}
.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;
}
@-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);
}
}
.toast-success {
background-color: #009688 !important;
color: #FFFFFF !important;
}
.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;
}
.modal-full-width {
width: 80% !important;
/* width: 95% !important; */
/* max-width: none; */
}
.modal-body {
/* position: relative;
flex: 1 1 auto; */
padding: 2rem !important;
}
/* Force all text across the entire app to black */
html, body, * {
/* color: #000 !important; */
}
</style>
<style>
.text-danger-2 {
font-style: italic;
color: black !important;
/* color: #02a8b5 !important; */
font-size: 12px;
}
/* .form-group {
margin-bottom: -0.2rem !important;
}
.form-row{
width: 84%;
} */
</style>
<style>
.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;
}
</style>
<style>
.toast-body {
padding: .75rem;
background: aliceblue !important;
}
#messages-list li {
margin-top: 0;
margin-bottom: -25px;
/* Adjust this value to reduce the space */
}
.toast-footer {
text-align: right;
color: #000;
border-top: 1px solid aliceblue;
margin-top: 11px;
margin-bottom: -6px;
}
.right-bar {
width: 300px;
/* Adjust as needed */
overflow: hidden;
}
.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;
}
</style>
<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 ;
}
.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;
}
.nav-flex{
display:flex;
flex-flow: row nowrap;
justify-content:end;
justify-content: center;
align-items: center;
margin-right:20px;
}
.card-body{
background-color:white;
margin-top: 5px;
}
.content-page{
background-color: white !important;
color:white !important;
padding: 0px !important;
}
.footer{
background-color:white !important;
color:black;
margin: 30px !important;
}
html{
background-color: white !important;
color:white !important;
}
.footer{
margin-left:150px;
position:relative;
}
.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%;
}
label{
color:#000;
}
.search-bar {
position: relative;
width: 550px;
}
.dropdown{
margin-right: 10px !important;
}
.search-bar input {
width: 100%;
padding-right: 40px; /* make space for the button */
border-radius: 10px !important;
background-color: #F4F4F4;
box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1), 0px 4px 8px rgba(0, 0, 0, 0.2);
margin-bottom: 5px;
}
.search-btn {
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
}
</style>
<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%;
}
</style>
<style>
body{
margin-top:20px;
background:#FAFAFA;
}
</style>
<script>
$(window).on('load', function() {
setTimeout(function() {
$('.loader').fadeOut();
$('.loader-mask').fadeOut('slow');
}, 1000);
});
</script>
<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>
<style>
*{
font-family: 'Poppins' !important;
}
.content{
min-height: 70vh;
}
.tooltip-inner {
color: #fff !important; /* restore white text */
background-color: #000 !important; /* keep background black */
}
#current_tile , #main_tile , #mainMenuTiles{
font-size: 25px!important;
font-weight: 600!important;
}
/*
#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-btn-border-radius{ border-radius: 10px !important; }
.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); }
/********************************************************************* table section starts ***********************************************************************************************************/
/* Datatable footer styles */
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;
text-align: center;
vertical-align: middle;
}
table[data-custom-table-css="table"] tbody td {
background: #F5FFFF;
padding: 12px;
border-top: 0px solid #fff !important;
border-bottom: 2px solid #C3EDEE !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%;
}
/********************************************************************* Datatable section starts ***********************************************************************************************************/
/* Datatable footer styles */
/* 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;
}
</style>
<style>
label{
font-weight: 500 !important;
font-size:0.875rem !important;
}
.dataTables_info , .text , #client_logo{
font-weight: 500 !important;
color:#000 !important;
}
.right-bar{
right : -300px;
}
.dash-tab-font{
font-weight: 500 !important;
font-size:0.875rem !important;
}
.jodit-wysiwyg{
color:black;
}
/* 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 */
/* color: #000; keep text readable */
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 .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;
}
/********************************************************************* button section starts ***********************************************************************************************************/
/* Target only buttons with type="submit" */
button[type="submit"],
.buttons-collection,
input[type="submit"] {
color: #fff !important;
background-color: #E26728 !important;
border-color: #E26728 !important;
}
/* Optional: hover effect */
button[type="submit"]:hover,
.buttons-collection,
input[type="submit"]:hover {
color: #fff !important;
background-color: #E26728 !important;
border-color: #9C461B !important;
cursor: pointer; /* optional */
}
</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>
</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>
<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">