From 30f1c939c2b27fdcb57555df8c6b36d7ef9a150f Mon Sep 17 00:00:00 2001
From: vadivelJ96 <jvadivel.1996@gmail.com>
Date: Sat, 27 Sep 2025 11:37:50 +0530
Subject: [PATCH] CHANGE_new_theme_ui_fixes - VADIVEL J 2025-09-27

---
 app/Views/DashBoard.php               |   5 +-
 app/Views/bds_dash.php                |   2 +-
 app/Views/claims_dash.php             |   2 +-
 app/Views/client_onboarding.php       |  22 +-
 app/Views/import_export.php           |   2 +-
 app/Views/insurer_onboarding.php      |   2 +-
 app/Views/kyc_onboarding.php          |   2 +-
 app/Views/layout/footer.php           | 527 ++++++++++++++------------
 app/Views/layout/header.php           |  68 +++-
 app/Views/leads_dash.php              |   2 +-
 app/Views/login.php                   |  26 +-
 app/Views/policy_type_onboarding.php  |   2 +-
 app/Views/pt_form_file_upload_tab.php |   2 +-
 app/Views/ticket_edit_onbording.php   |   2 +-
 app/Views/tpa_onboarding.php          |   2 +-
 15 files changed, 402 insertions(+), 266 deletions(-)

diff --git a/app/Views/DashBoard.php b/app/Views/DashBoard.php
index 6acad55b..c3822370 100755
--- a/app/Views/DashBoard.php
+++ b/app/Views/DashBoard.php
@@ -182,15 +182,14 @@
 
 </style>
 
-<p style="color:black;font-size:x-large;margin-left:20px !important;margin-bottom:20px;"><b>Dashboard</b></p>  
 
 <?php if(in_array(get_role_id(), [1,2,3,4,5]) || (in_array(ENROLLMENT_TEAM_ID, user_team()) || in_array(CLAIMS_TEAM_ID, user_team()) || in_array(MANAGEMENT_TEAM_ID, user_team()) || in_array(FINANCE_TEAM_ID, user_team()) || in_array(BUSINESS_TEAM_ID, user_team()))) { ?>
 
-<div class="row" id="client_add" style="margin-top: -32px;">
+<div class="row" id="client_add" >
     <div class="col-12">
         <!-- <div class="card"> -->
             <div class="card-body">
-                <ul class="nav nav-pills navtab-bg">
+                <ul class="nav nav-pills navtab-bg" id="myTab">
                     
                     <?php if(in_array(get_role_id(), [1,2,3,5])) { ?>
 
diff --git a/app/Views/bds_dash.php b/app/Views/bds_dash.php
index c91b2b6e..725c61b2 100644
--- a/app/Views/bds_dash.php
+++ b/app/Views/bds_dash.php
@@ -162,7 +162,7 @@
 
     <div class="row d-flex  align-items-center">
         <div class="StatusTileHide" style="padding-left: 25px;">
-            <a href="#" onclick="hide_status_show_pending_tile()" ><b><i class="mdi mdi-chevron-left mdi-36px"></i></b> </a>
+            <a href="#" onclick="hide_status_show_pending_tile()" ><b><i class="mdi mdi-chevron-left mdi-36px chevron-left-dash"></i></b> </a>
         </div>
         <div class="StatusTileHide" style="display: none;padding-left: 15px;">
             <a href="#" id="mainMenuTiles">Current Tile : </a>
diff --git a/app/Views/claims_dash.php b/app/Views/claims_dash.php
index f37a2ed7..804b2621 100644
--- a/app/Views/claims_dash.php
+++ b/app/Views/claims_dash.php
@@ -202,7 +202,7 @@ $isActive = get_role_id() == STAFF_ROLE_ID && in_array(CLAIMS_TEAM_ID,user_team(
 
     <div class="row d-flex  align-items-center">
         <div class="goBack" style="padding-left: 25px;">
-            <a href="#" onclick="hideAndShowTile('2')" ><b><i class="mdi mdi-chevron-left mdi-36px"></i></b> </a>
+            <a href="#" onclick="hideAndShowTile('2')" ><b><i class="mdi mdi-chevron-left mdi-36px chevron-left-dash"></i></b> </a>
         </div>
         <div class="goBack" style="display: none;padding-left: 15px;">
             <a href="#" id="current_tile">Current Tile : </a>
diff --git a/app/Views/client_onboarding.php b/app/Views/client_onboarding.php
index 1435c942..04f762e1 100755
--- a/app/Views/client_onboarding.php
+++ b/app/Views/client_onboarding.php
@@ -316,7 +316,14 @@ body {
                 
                 <br>
 
-                <ul class="nav nav-pills navtab-bg" >
+                <div class="tab-wrapper">
+
+                </div>
+
+                <div class="tab-wrapper position-relative">
+                    <!-- Left Arrow -->
+                    <button class="scroll-btn left-btn" type="button">&#9664;</button>
+                <ul class="nav nav-pills navtab-bg" id="myTab">
                     <li class="nav-item">
                         <a href="#general-q-tab" data-toggle="tab" aria-expanded="false"
                             class="nav-link px-3 py-2 active" id="general_tab">
@@ -379,6 +386,19 @@ body {
                         </a>
                     </li> -->
                 </ul>
+
+                                    <!-- Right Arrow -->
+                    <button class="scroll-btn right-btn" type="button">&#9654;</button>
+                </div>
+
+                <div class="tab-wrapper position-relative">
+                    <!-- Left Arrow -->
+                    <button class="scroll-btn left-btn" type="button">&#9664;</button>
+                    
+                    <!-- Right Arrow -->
+                    <button class="scroll-btn right-btn" type="button">&#9654;</button>
+                </div>
+
                 <div class="tab-content">
 
                     <div class="tab-pane fade" id="hr-access-tab">
diff --git a/app/Views/import_export.php b/app/Views/import_export.php
index b816c893..dd7db266 100755
--- a/app/Views/import_export.php
+++ b/app/Views/import_export.php
@@ -58,7 +58,7 @@
 
     <div class="col-12">
         <div class="card-body">
-            <ul class="nav nav-pills navtab-bg">
+            <ul class="nav nav-pills navtab-bg" id="myTab">
                 <li class="nav-item d-flex justify-content-center align-items-center">
                     <a href="#general-q-tab" data-toggle="tab" aria-expanded="false" class="nav-link px-3 py-1 active-tab" id="general_tab">
                         <span class="mr-1"><i class="mdi mdi-contacts"></i></span>
diff --git a/app/Views/insurer_onboarding.php b/app/Views/insurer_onboarding.php
index 2c290d15..babb086a 100755
--- a/app/Views/insurer_onboarding.php
+++ b/app/Views/insurer_onboarding.php
@@ -20,7 +20,7 @@
                         <span class="title-text ">Insurer</span>
                     </h4>
                 </div>
-                <ul class="nav nav-pills navtab-bg">
+                <ul class="nav nav-pills navtab-bg" id="myTab">
                     <li class="nav-item">
                         <a href="#general-q-tab" data-toggle="tab" aria-expanded="false"
                             class="nav-link px-3 py-2 active-tab active">
diff --git a/app/Views/kyc_onboarding.php b/app/Views/kyc_onboarding.php
index d13612f1..b42c0839 100755
--- a/app/Views/kyc_onboarding.php
+++ b/app/Views/kyc_onboarding.php
@@ -50,7 +50,7 @@ body {
                         <a href="<?= base_url("master/kyc/list"); ?>" ><i class="mdi mdi-arrow-left" style="font-size: 17px;"></i> </a>
                     </div>
                 </div> -->
-                <ul class="nav nav-pills navtab-bg">
+                <ul class="nav nav-pills navtab-bg" id="myTab">
                     <li class="nav-item">
                         <a href="#general-q-tab" data-toggle="tab" aria-expanded="false"
                             class="nav-link px-3 py-2 active-tab active">
diff --git a/app/Views/layout/footer.php b/app/Views/layout/footer.php
index 76e90557..76ab717f 100755
--- a/app/Views/layout/footer.php
+++ b/app/Views/layout/footer.php
@@ -4,37 +4,35 @@
 
 <?php include(__DIR__ . '/../ticket_type_modal.php'); ?>
 
-
-<!-- Footer Start -->
- <div style="display: block;">
-    <footer class="footer">
-        <div class="container-fluid">
-            <div class="row">
-                <div class="col-md-6">
-                    <script>
-                        document.write(new Date().getFullYear())
-                    </script> &copy; NHANCE
-                </div>
-                <!-- <div class="col-md-6">
-                    <div class="text-md-right footer-links d-none d-sm-block">
-                        <a href="javascript:void(0);">About Us</a>
-                        <a href="javascript:void(0);">Help</a>
-                        <a href="javascript:void(0);">Contact Us</a>
-                    </div>
-                </div> -->
-            </div>
-        </div>
-    </footer>
- </div>
-
-<!-- end Footer -->
-
 </div>
 
 <!-- ============================================================== -->
 <!-- End Page content -->
 <!-- ============================================================== -->
 
+    <!-- Footer Start -->
+    <div style="background-color: white !important;">
+        <footer class="footer" style="background-color: white !important;">
+            <div class="">
+                <div class="row">
+                    <div class="col-md-6">
+                        <script>
+                            document.write(new Date().getFullYear())
+                        </script> &copy; NHANCE
+                    </div>
+                    <!-- <div class="col-md-6">
+                        <div class="text-md-right footer-links d-none d-sm-block">
+                            <a href="javascript:void(0);">About Us</a>
+                            <a href="javascript:void(0);">Help</a>
+                            <a href="javascript:void(0);">Contact Us</a>
+                        </div>
+                    </div> -->
+                </div>
+            </div>
+        </footer>
+    </div>
+    <!-- end Footer -->
+
 
 </div>
 <!-- END wrapper -->
@@ -158,41 +156,41 @@
     };
 </script>
 <script>
-$(document).ready(function () {
+    $(document).ready(function() {
 
 
-    var pageName = "<?= esc($page_name ?? '') ?>";
+        var pageName = "<?= esc($page_name ?? '') ?>";
 
-    var titleHtml = (pageName && pageName !== "Dashboard")
-                ? `<h3>${pageName}</h3>`
-                : " ";
+        var titleHtml = (pageName && pageName !== "Dashboard") ?
+            `<h3 style="margin-right:5px !important;">${pageName}</h3>` :
+            " ";
 
-    if(pageName && pageName == "Dashboard"){
-        titleHtml = `<h4>Welcome <?= esc(get_session_userdata()->first_name ?? 'NOT SET') ?></h4>`;
-    }
+        if (pageName && pageName == "Dashboard") {
+            titleHtml = `<h6 style="margin-right:5px !important;">Welcome <?= esc(get_session_userdata()->first_name ?? 'NOT SET') ?></h6>
+                     <h3>Dashboard</h3>`;
+        }
 
 
-    $(".top-navbar-title").html(titleHtml);
+        $(".top-navbar-title").html(titleHtml);
 
 
-    $('#collapseOne').on('show.bs.collapse', function () {
-        // When open
-        $('#icon').removeClass('mdi-chevron-down').addClass('mdi-chevron-up');
-        // $('#filterAccordion').removeAttr("style"); // remove bg/border when open
+        $('#collapseOne').on('show.bs.collapse', function() {
+            // When open
+            $('#icon').removeClass('mdi-chevron-down').addClass('mdi-chevron-up');
+            // $('#filterAccordion').removeAttr("style"); // remove bg/border when open
+        });
+
+        $('#collapseOne').on('hide.bs.collapse', function() {
+            // When closed
+            $('#icon').removeClass('mdi-chevron-up').addClass('mdi-chevron-down');
+            // $('#filterAccordion').css({
+            //     "background-color": "#F5FFFF",
+            //     "border": "2px solid #F5FFFF",
+            //     "border-radius": "10px",
+            //     "box-shadow": "0px 4px 4px 0px #00000040"
+            // });
+        });
     });
-
-    $('#collapseOne').on('hide.bs.collapse', function () {
-        // When closed
-        $('#icon').removeClass('mdi-chevron-up').addClass('mdi-chevron-down');
-        // $('#filterAccordion').css({
-        //     "background-color": "#F5FFFF",
-        //     "border": "2px solid #F5FFFF",
-        //     "border-radius": "10px",
-        //     "box-shadow": "0px 4px 4px 0px #00000040"
-        // });
-    });
-});
-
 </script>
 <script>
     var pullNotificationCount = 0;
@@ -210,7 +208,7 @@ $(document).ready(function () {
 
                     // console.log('responce', response)
 
-                    if(response.status == false){
+                    if (response.status == false) {
                         $('#notification_count').html('0')
                         console.log('The session is not set correctly. ')
                         return;
@@ -223,7 +221,7 @@ $(document).ready(function () {
 
                     pullNotificationCount = response.message.length
 
-                    
+
 
                     localStorage.setItem('pullNotificationCount', pullNotificationCount)
 
@@ -367,8 +365,7 @@ $(document).ready(function () {
                         // console.log(response[key].length)
                         // console.log('type', typeof response[key].length)
                         // console.log('key', response[key])
-                        if(response[key].length != 'undefined' && response[key].length != undefined)
-                        {
+                        if (response[key].length != 'undefined' && response[key].length != undefined) {
                             pendingActionCount = pendingActionCount + response[key].length;
                         }
                     }
@@ -377,7 +374,7 @@ $(document).ready(function () {
 
                     let messagesList = $('#messages-list-2');
                     messagesList.empty();
-                 
+
 
                     if (response.inception) {
                         $.each(response.inception, function(index, item) {
@@ -440,7 +437,7 @@ $(document).ready(function () {
                     } else {
                         console.log('response.inception is undefined or null');
                     }
-                    
+
                     if (response.correction) {
                         $.each(response.correction, function(index, item) {
                             if (item.batch_export_count == 0 || item.batch_import_count == 0) {
@@ -511,7 +508,7 @@ $(document).ready(function () {
 
                             }
                         });
-                    }else{
+                    } else {
                         console.log('response.correction is undefined or null');
                     }
 
@@ -589,7 +586,7 @@ $(document).ready(function () {
                             }
 
                         });
-                    }else{
+                    } else {
                         console.log('response.deletion is undefined or null');
 
                     }
@@ -599,46 +596,46 @@ $(document).ready(function () {
                             if (item.batch_export_count == 0 || item.batch_import_count == 0) {
 
 
-                                    var queryParams = {
-                                        client_id: item.client_id,
-                                        client_policy_id: item.client_policy_id,
-                                        client_branch_id: item.branch_id,
-                                        event: 'si_enhancement',
-                                        actions: 'export',
-                                        insurer_or_tpa: 'tpa',
-                                    };
+                                var queryParams = {
+                                    client_id: item.client_id,
+                                    client_policy_id: item.client_policy_id,
+                                    client_branch_id: item.branch_id,
+                                    event: 'si_enhancement',
+                                    actions: 'export',
+                                    insurer_or_tpa: 'tpa',
+                                };
 
-                                    const queryString = objectToQueryString(queryParams);
+                                const queryString = objectToQueryString(queryParams);
 
-                                    var url = 'employee/upload?' + queryString + '#KYC-DOC-tab'
-                                    ////console.log(url)
+                                var url = 'employee/upload?' + queryString + '#KYC-DOC-tab'
+                                ////console.log(url)
 
 
-                                    var toast_body_css = 'background : #bfd7eb !important;';
-                                    var toast_head_css = 'background-color : rgb(2, 168, 181) !important; color :#000; border-bottom: 0;';
-                                    var toast_icon = 'mdi mdi-checkbox-marked-circle mr-auto';
-                                    var toast_status_word = 'Info';
-                                    var title = 'SI Enhancement Pending';
+                                var toast_body_css = 'background : #bfd7eb !important;';
+                                var toast_head_css = 'background-color : rgb(2, 168, 181) !important; color :#000; border-bottom: 0;';
+                                var toast_icon = 'mdi mdi-checkbox-marked-circle mr-auto';
+                                var toast_status_word = 'Info';
+                                var title = 'SI Enhancement Pending';
 
 
-                                    if (!item.branch_name.toLowerCase().includes('branch')) {
+                                if (!item.branch_name.toLowerCase().includes('branch')) {
 
-                                        //console.log(item.branch_name)
-                                        item.branch_name += ' branch';
+                                    //console.log(item.branch_name)
+                                    item.branch_name += ' branch';
 
-                                    }
+                                }
 
-                                    ////console.log(item.branch_name);
+                                ////console.log(item.branch_name);
 
-                                    // if (item.batch_export_count > 0) {
+                                // if (item.batch_export_count > 0) {
 
-                                    //     title = 'SI Enhancement Import Pending';
-                                    // }
+                                //     title = 'SI Enhancement Import Pending';
+                                // }
 
-                                    var toast_body_data = item.client_name + '( ' + item.branch_name + ' ) ' + ' - ' + item.policy_name;
-                                    ////console.log(toast_body_data);
+                                var toast_body_data = item.client_name + '( ' + item.branch_name + ' ) ' + ' - ' + item.policy_name;
+                                ////console.log(toast_body_data);
 
-                                    var html = ` <li data-id="" data-url="${url}">
+                                var html = ` <li data-id="" data-url="${url}">
                                                 <div class="p-3">
                                                     <div class="toast fade show" role="alert" aria-live="assertive" aria-atomic="true" data-toggle="toast">
                                                         <div class="toast-header " style="${toast_head_css}" >
@@ -660,12 +657,12 @@ $(document).ready(function () {
                                             </li>`
 
 
-                                    messagesList.append(html);
+                                messagesList.append(html);
 
-                                }
+                            }
 
-                            });
-                    }else{
+                        });
+                    } else {
                         console.log('response.si_enhancement is undefined or null');
 
                     }
@@ -700,7 +697,7 @@ $(document).ready(function () {
 
                                     //console.log(item.branch_name)
                                     item.branch_name += ' branch';
-                                    
+
                                 }
 
                                 ////console.log(item.branch_name);
@@ -739,7 +736,7 @@ $(document).ready(function () {
 
                             }
                         });
-                    }else{
+                    } else {
                         console.log('response.tpa is undefined or null');
 
                     }
@@ -748,46 +745,46 @@ $(document).ready(function () {
                         $.each(response.uhid, function(index, item) {
                             if (item.batch_export_count == 0 || item.batch_import_count == 0) {
 
-                                    var queryParams = {
+                                var queryParams = {
 
-                                        client_id: item.client_id,
-                                        client_policy_id: item.client_policy_id,
-                                        client_branch_id: item.branch_id,
-                                        event: 'inception',
-                                        insurer_or_tpa: 'insurer',
-                                        actions: 'export',
-                                    };
+                                    client_id: item.client_id,
+                                    client_policy_id: item.client_policy_id,
+                                    client_branch_id: item.branch_id,
+                                    event: 'inception',
+                                    insurer_or_tpa: 'insurer',
+                                    actions: 'export',
+                                };
 
-                                    const queryString = objectToQueryString(queryParams);
+                                const queryString = objectToQueryString(queryParams);
 
-                                    var url = 'employee/upload?' + queryString + '#KYC-DOC-tab'
-                                    //console.log(url)
+                                var url = 'employee/upload?' + queryString + '#KYC-DOC-tab'
+                                //console.log(url)
 
-                                    var toast_body_css = 'background : #bfd7eb !important;';
-                                    var toast_head_css = 'background-color : rgb(2, 168, 181) !important; color :#000; border-bottom: 0;';
-                                    var toast_icon = 'mdi mdi-checkbox-marked-circle mr-auto';
-                                    var toast_status_word = 'Info';
-                                    var title = 'Insurer Pending';
+                                var toast_body_css = 'background : #bfd7eb !important;';
+                                var toast_head_css = 'background-color : rgb(2, 168, 181) !important; color :#000; border-bottom: 0;';
+                                var toast_icon = 'mdi mdi-checkbox-marked-circle mr-auto';
+                                var toast_status_word = 'Info';
+                                var title = 'Insurer Pending';
 
 
-                                    if (!item.branch_name.toLowerCase().includes('branch')) {
+                                if (!item.branch_name.toLowerCase().includes('branch')) {
 
-                                        //console.log(item.branch_name)
-                                        item.branch_name += ' branch';
+                                    //console.log(item.branch_name)
+                                    item.branch_name += ' branch';
 
-                                    }
+                                }
 
-                                    ////console.log(item.branch_name);
+                                ////console.log(item.branch_name);
 
-                                    // if (item.batch_export_count > 0) {
+                                // if (item.batch_export_count > 0) {
 
-                                    //     title = 'Insurer Import Pending';
-                                    // }
+                                //     title = 'Insurer Import Pending';
+                                // }
 
-                                    var toast_body_data = item.client_name + '( ' + item.branch_name + ' ) ' + ' - ' + item.policy_name;
-                                    ////console.log(toast_body_data);
+                                var toast_body_data = item.client_name + '( ' + item.branch_name + ' ) ' + ' - ' + item.policy_name;
+                                ////console.log(toast_body_data);
 
-                                    var html = ` <li data-id="" data-url="${url}">
+                                var html = ` <li data-id="" data-url="${url}">
                                                 <div class="p-3">
                                                     <div class="toast fade show" role="alert" aria-live="assertive" aria-atomic="true" data-toggle="toast">
                                                         <div class="toast-header " style="${toast_head_css}" >
@@ -809,11 +806,11 @@ $(document).ready(function () {
                                             </li>`
 
 
-                                    messagesList.append(html);
+                                messagesList.append(html);
 
                             }
                         });
-                    }else{
+                    } else {
                         console.log('response.uhid is undefined or null');
                     }
                     localStorage.setItem('pendingActionCount', pendingActionCount)
@@ -861,9 +858,7 @@ $(document).ready(function () {
 
 
 <script>
-
-    function formatDate(dateString) 
-    {
+    function formatDate(dateString) {
         // Parse the input date string
         let date = new Date(dateString);
 
@@ -891,8 +886,7 @@ $(document).ready(function () {
         return formattedDate;
     }
 
-    function printCurrentTime() 
-    {
+    function printCurrentTime() {
         var now = new Date();
         var hours = now.getHours().toString().padStart(2, '0');
         var minutes = now.getMinutes().toString().padStart(2, '0');
@@ -902,118 +896,113 @@ $(document).ready(function () {
 
         return currentTime;
     }
-
 </script>
 
 <script>
-
-function checkDuplicateTableFieldValue(tableName, fieldName, value, callback) {
-    $.ajax({
-        url: '<?= base_url('util/checkDuplicateTableFieldValue') ?>', // Adjust this to your endpoint in CodeIgniter
-        type: 'POST',
-        data: {
-            table: tableName,
-            field: fieldName,
-            value: value
-        },
-        dataType: 'json',
-        success: function(response) {
-            if (typeof callback === 'function') {
-                callback(response.isDuplicate); // Pass the result to the callback
-            }
-        },
-        error: function(xhr, status, error) {
-            console.error('AJAX Error:', error);
-        }
-    });
-}
-
-function sendAjaxRequestForGlobal(url, method, data = {}, successCallback = null, errorCallback = null) {
-    $.ajax({
-        url: url,
-        method: method,
-        data: data,
-        dataType: 'json', // Expected response type
-        success: function(response) {
-            // If a success callback is provided, call it with the response
-            if (successCallback) {
-                successCallback(response);
-            }
-        },
-        error: function(xhr, status, error) {
-            // Handle errors if provided error callback
-            if (errorCallback) {
-                errorCallback(xhr, status, error);
-            } else {
+    function checkDuplicateTableFieldValue(tableName, fieldName, value, callback) {
+        $.ajax({
+            url: '<?= base_url('util/checkDuplicateTableFieldValue') ?>', // Adjust this to your endpoint in CodeIgniter
+            type: 'POST',
+            data: {
+                table: tableName,
+                field: fieldName,
+                value: value
+            },
+            dataType: 'json',
+            success: function(response) {
+                if (typeof callback === 'function') {
+                    callback(response.isDuplicate); // Pass the result to the callback
+                }
+            },
+            error: function(xhr, status, error) {
                 console.error('AJAX Error:', error);
             }
-        }
-    });
-}
-
-function confirmActionSweertAlert(message = "Are you sure?", confirmText = "Yes, Proceed!", cancelText = "Cancel", icon = "warning") {
-    return Swal.fire({
-        title: message,
-        icon: icon,
-        showCancelButton: true,
-        confirmButtonColor: "#3085d6",
-        cancelButtonColor: "#d33",
-        confirmButtonText: confirmText,
-        cancelButtonText: cancelText
-    }).then((result) => {
-        return result.isConfirmed; // Returns true if confirmed, false otherwise
-    });
-}
+        });
+    }
 
+    function sendAjaxRequestForGlobal(url, method, data = {}, successCallback = null, errorCallback = null) {
+        $.ajax({
+            url: url,
+            method: method,
+            data: data,
+            dataType: 'json', // Expected response type
+            success: function(response) {
+                // If a success callback is provided, call it with the response
+                if (successCallback) {
+                    successCallback(response);
+                }
+            },
+            error: function(xhr, status, error) {
+                // Handle errors if provided error callback
+                if (errorCallback) {
+                    errorCallback(xhr, status, error);
+                } else {
+                    console.error('AJAX Error:', error);
+                }
+            }
+        });
+    }
 
+    function confirmActionSweertAlert(message = "Are you sure?", confirmText = "Yes, Proceed!", cancelText = "Cancel", icon = "warning") {
+        return Swal.fire({
+            title: message,
+            icon: icon,
+            showCancelButton: true,
+            confirmButtonColor: "#3085d6",
+            cancelButtonColor: "#d33",
+            confirmButtonText: confirmText,
+            cancelButtonText: cancelText
+        }).then((result) => {
+            return result.isConfirmed; // Returns true if confirmed, false otherwise
+        });
+    }
 </script>
 
 <script>
-        function restoreDashboardHistoryIfNeeded() {
+    function restoreDashboardHistoryIfNeeded() {
 
-            const dashboardHistoryString = localStorage.getItem('dashboardHistory');
+        const dashboardHistoryString = localStorage.getItem('dashboardHistory');
 
-            if (!dashboardHistoryString) {
-                console.log("dashboardHistory not found");
-                return;
-            }
-
-            const dashboardHistory = JSON.parse(dashboardHistoryString);
-
-            if (window.location.href === dashboardHistory.dashboard_url) {
-                const tabSelector = dashboardHistory.tab;
-                if (tabSelector) {
-                    const tabElement = document.querySelector(`a[href="${tabSelector}"]`);
-                    if (tabElement) {
-                        tabElement.click();
-                    }
-                }
-
-                const functionName = dashboardHistory.function_name;
-                const params = dashboardHistory.tile_params;
-
-                if (functionName && typeof window[functionName] === 'function') {
-                    if(params.majorType == 0 && params.minorType == 0){
-                        window[functionName]();
-                    }else{
-                        window[functionName](params.majorType, params.minorType);
-                    }
-                    
-                }
-
-                console.log("inside location match");
-            }
+        if (!dashboardHistoryString) {
+            console.log("dashboardHistory not found");
+            return;
         }
 
-        // Run on popstate (back/forward buttons)
-        window.addEventListener('popstate', restoreDashboardHistoryIfNeeded);
+        const dashboardHistory = JSON.parse(dashboardHistoryString);
 
-        // Run on page load (refresh)
-        window.addEventListener('DOMContentLoaded', () => {
-            // slight delay ensures DOM/tab loads completely
-            setTimeout(restoreDashboardHistoryIfNeeded, 100);
-        });
+        if (window.location.href === dashboardHistory.dashboard_url) {
+            const tabSelector = dashboardHistory.tab;
+            if (tabSelector) {
+                const tabElement = document.querySelector(`a[href="${tabSelector}"]`);
+                if (tabElement) {
+                    tabElement.click();
+                }
+            }
 
+            const functionName = dashboardHistory.function_name;
+            const params = dashboardHistory.tile_params;
+
+            if (functionName && typeof window[functionName] === 'function') {
+                if (params.majorType == 0 && params.minorType == 0) {
+                    window[functionName]();
+                } else {
+                    window[functionName](params.majorType, params.minorType);
+                }
+
+            }
+
+            console.log("inside location match");
+        }
+    }
+
+    // Run on popstate (back/forward buttons)
+    window.addEventListener('popstate', restoreDashboardHistoryIfNeeded);
+
+    // Run on page load (refresh)
+    window.addEventListener('DOMContentLoaded', () => {
+        // slight delay ensures DOM/tab loads completely
+        setTimeout(restoreDashboardHistoryIfNeeded, 100);
+    });
 </script>
 
 <script>
@@ -1038,38 +1027,86 @@ function confirmActionSweertAlert(message = "Are you sure?", confirmText = "Yes,
 
 
 <script>
-$(document).ready(function(){
-    $('.nav-link').click(function(){
+    $(document).ready(function() {
+        $('.nav-link').click(function() {
 
-    // change bg color of tab
-        $('.nav-link').removeClass('active-tab');
-        $(this).addClass('active-tab');
-    
+            // change bg color of tab
+            $('.nav-link').removeClass('active-tab');
+            $(this).addClass('active-tab');
 
 
+
+        });
     });
-});
 
-// function openModal(modalId) {
-//     console.log('openModal called with ID:', modalId);
-//     var modalEl = document.getElementById(modalId);
+    $(document).ready(function() {
+        // find all nav anchors
+        let $nav = $("ul.nav.nav-pills.navtab-bg");
 
-//     if (typeof bootstrap !== "undefined" && bootstrap.Modal && typeof bootstrap.Modal.getOrCreateInstance === "function") {
-//         // ✅ Bootstrap 5
-//         var modal = bootstrap.Modal.getOrCreateInstance(modalEl);
-//         modal.show();
-//     } else if (typeof $ !== "undefined" && typeof $.fn.modal === "function") {
-//         // ✅ Bootstrap 4
-//         $('#' + modalId).modal('show');
-//     } else {
-//         console.error("No compatible Bootstrap modal found.");
-//     }
-// }
+        // check if no anchor has active classes
+        if ($nav.find("a.active.active-tab").length === 0) {
+            // add classes to the first anchor
+            $nav.find("li:first-child a").addClass("active active-tab");
 
+            // also need to find the tab name and show only active image
+            let tab_name = $nav.find("li:first-child a").attr('href').split('-')[0];
+            tab_name = tab_name.replace('#', '');
+
+
+            switch (tab_name) {
+                case "leads":
+                    $('.active_leads').show();
+                    $('.inactive_leads').hide();
+                    break;
+                case "bds":
+                    $('.active_bds').show();
+                    $('.inactive_bds').hide();
+                    break;
+                case "claims":
+                    $('.active_claims').show();
+                    $('.inactive_claims').hide();
+                    break;
+                case "pending":
+                    $('.active_pending').show();
+                    $('.inactive_pending').hide();
+                    break;
+                default:
+                    break;
+            }
+
+        }
+    });
+
+    $(function(){
+        let $nav = $("ul ");
+
+        $(".left-btn").on("click", function(){
+            $nav.animate({ scrollLeft: $nav.scrollLeft() - 150 }, 200);
+        });
+
+        $(".right-btn").on("click", function(){
+            $nav.animate({ scrollLeft: $nav.scrollLeft() + 150 }, 200);
+        });
+    });
+
+    // function openModal(modalId) {
+    //     console.log('openModal called with ID:', modalId);
+    //     var modalEl = document.getElementById(modalId);
+
+    //     if (typeof bootstrap !== "undefined" && bootstrap.Modal && typeof bootstrap.Modal.getOrCreateInstance === "function") {
+    //         // ✅ Bootstrap 5
+    //         var modal = bootstrap.Modal.getOrCreateInstance(modalEl);
+    //         modal.show();
+    //     } else if (typeof $ !== "undefined" && typeof $.fn.modal === "function") {
+    //         // ✅ Bootstrap 4
+    //         $('#' + modalId).modal('show');
+    //     } else {
+    //         console.error("No compatible Bootstrap modal found.");
+    //     }
+    // }
 </script>
 
 
 </body>
 
-</html>
-
+</html>
\ No newline at end of file
diff --git a/app/Views/layout/header.php b/app/Views/layout/header.php
index b2e58c6a..148d73c4 100755
--- a/app/Views/layout/header.php
+++ b/app/Views/layout/header.php
@@ -140,6 +140,10 @@
             min-height: 100vh !important;
         }
 
+        body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul>li>a i{
+            margin :0 px !important;
+        }
+
         body .content-page {
             margin-top: 90px !important;
         }
@@ -211,7 +215,7 @@
             padding: 0 !important;
             height: 90% !important;
             display: flex;
-            flex-flow: column wrap;
+            flex-flow: column nowrap;
         }
 
         /* every <li> inside should be allowed to shrink */
@@ -231,7 +235,6 @@
             min-height: 43px !important;
         }
 
-
         .li-seperate {
             margin: 10px 0px;
         }
@@ -244,7 +247,15 @@
             padding: 8px !important;
             min-height: 43px !important;
         }
+
+        .li-seperate a img
+        {
+            margin-left:4px !important;
+        }
+
+
     </style>
+    
 
     <!-- rightbar -->
     <style>
@@ -279,7 +290,12 @@
         #main_tile,
         #mainMenuTiles {
             font-size: 25px !important;
-            font-weight: 600 !important;
+            font-weight: 500 !important;
+            color: #000 !important;
+        }
+
+        .chevron-left-dash{
+            color:#000;
         }
 
         .nav-link {
@@ -1569,6 +1585,45 @@
         }
     </style>
 
+    <!-- tab swich scrollable -->
+     <style>
+        .tab-wrapper {
+            display: flex;
+            align-items: center;
+            position: relative;
+        }
+
+        /* Make the UL a scrollable flex row */
+        #myTab {
+            display: flex;
+            flex-wrap: nowrap;      /* prevent wrapping */
+            overflow-x: auto;       /* enable horizontal scroll */
+            overflow-y: hidden;
+            white-space: nowrap;    /* keep items on one line */
+            scroll-behavior: smooth;
+            margin: 0;
+            padding: 0 40px;        /* leave space for arrows */
+        }
+
+        /* Hide scrollbars */
+        #myTab::-webkit-scrollbar { display: none; }
+        #myTab { -ms-overflow-style: none; scrollbar-width: none; }
+
+        .scroll-btn {
+            background: #f1f1f1;
+            border: none;
+            cursor: pointer;
+            font-size: 18px;
+            padding: 5px 10px;
+            position: absolute;
+            top: 50%;
+            transform: translateY(-50%);
+            z-index: 10;
+        }
+        .left-btn { left: 0; }
+        .right-btn { right: 0; }
+     </style>
+
 
 
 
@@ -1600,7 +1655,8 @@
 
                     <li class="menu-logo">
                         <a href="<?= base_url('/dashboard/view') ?>">
-                            <img src="<?= base_url() . "public"; ?>/assets/images/Nhance_Favi.png" alt="Logo">
+                            <img src="<?= base_url() . "public"; ?>/assets/images/Nhance_Favi.png" 
+                            style="margin-left:2px;" alt="Logo">
                         </a>
                     </li>
 
@@ -1608,7 +1664,7 @@
 
                     <li class="li-seperate" id="dashboard-li">
                         <a href="<?= base_url('/dashboard/view') ?>" class="img-inactive">
-                            <i class="ri-dashboard-line" style="color:black;"></i>
+                            <i class="ri-dashboard-line" style="color:black; margin:4px;"></i>
                             <span style="color: #02a8b5;"> Dashboard </span>
                         </a>
                     </li>
@@ -1618,7 +1674,7 @@
                         <li class="li-seperate" id="clients-li">
                             <a href="<?= base_url('/client/list') ?>" class="img-inactive">
                                 <img style="border-radius: 5px;"
-                                    src="<?= base_url() . "public"; ?>/assets/images/clients_sb.png" alt="Logo" height="24">
+                                    src="<?= base_url() . "public"; ?>/assets/images/clients_sb.png" alt="Logo" height="20">
                                 <span> Clients </span>
                             </a>
                         </li>
diff --git a/app/Views/leads_dash.php b/app/Views/leads_dash.php
index c8a0beba..1d8974cd 100644
--- a/app/Views/leads_dash.php
+++ b/app/Views/leads_dash.php
@@ -193,7 +193,7 @@ $isActive = get_role_id() == STAFF_ROLE_ID && in_array(ENROLLMENT_TEAM_ID, user_
 
     <div class="row d-flex  align-items-center">
         <div class="status_tile" style="padding-left: 25px;">
-            <a href="#" onclick="hide_and_show_tile('2')" ><b><i class="mdi mdi-chevron-left mdi-36px"></i></b> </a>
+            <a href="#" onclick="hide_and_show_tile('2')" ><b><i class="mdi mdi-chevron-left mdi-36px chevron-left-dash"></i></b> </a>
         </div>
         <div class="status_tile" style="padding-left: 15px;">
             <a href="#" id="main_tile">Current Tile : </a>
diff --git a/app/Views/login.php b/app/Views/login.php
index 081c4ef1..a3b5bccb 100755
--- a/app/Views/login.php
+++ b/app/Views/login.php
@@ -161,4 +161,28 @@
 
 </body>
 
-</html>
\ No newline at end of file
+</html>
+
+<script>
+document.addEventListener("DOMContentLoaded", function() {
+
+    <?php 
+        $isLoggedIn = check_session();
+        $hasCookie = check_cookie();
+    ?>
+
+    // Safely inject PHP boolean into JavaScript
+    let alreadyLogin = <?= ($isLoggedIn && $hasCookie) ? 'true' : 'false' ?>;
+
+        console.log(typeof alreadyLogin);
+        console.log(alreadyLogin);
+
+    if (!alreadyLogin) {
+        localStorage.clear();
+        console.log("Local storage cleared (no session/cookie).");
+    } else {
+        console.log("Session & cookie found, local storage kept.");
+    }
+
+});
+</script>
diff --git a/app/Views/policy_type_onboarding.php b/app/Views/policy_type_onboarding.php
index d14db3e2..434bfc6c 100755
--- a/app/Views/policy_type_onboarding.php
+++ b/app/Views/policy_type_onboarding.php
@@ -50,7 +50,7 @@ body {
                         <span class="title-text ">Policy Type</span>
                     </h4>
                 </div>
-                <ul class="nav nav-pills navtab-bg">
+                <ul class="nav nav-pills navtab-bg" id="myTab">
                     <li class="nav-item">
                         <a href="#general-q-tab" data-toggle="tab" aria-expanded="false"
                             class="nav-link px-3 py-2 active-tab active">
diff --git a/app/Views/pt_form_file_upload_tab.php b/app/Views/pt_form_file_upload_tab.php
index 9390d848..2925a4f9 100644
--- a/app/Views/pt_form_file_upload_tab.php
+++ b/app/Views/pt_form_file_upload_tab.php
@@ -1,7 +1,7 @@
 <div class="row" id="pt_onboarding" style="position: relative; bottom: 25px; display:none;">
     <div class="col-xl-12">
         <div class="card-body">
-            <ul class="nav nav-pills navtab-bg">
+            <ul class="nav nav-pills navtab-bg" id="myTab">
                 <li class="nav-item">
                     <a href="#form" data-toggle="tab" aria-expanded="false" class="nav-link px-3 py-2 active" id="general_tab">
                         <span class="mr-1"><i class="mdi mdi-contacts"></i></span>
diff --git a/app/Views/ticket_edit_onbording.php b/app/Views/ticket_edit_onbording.php
index 9953b250..36cf7069 100644
--- a/app/Views/ticket_edit_onbording.php
+++ b/app/Views/ticket_edit_onbording.php
@@ -53,7 +53,7 @@
                 </div>
 
                 <!-- Navigation Tabs -->
-                <ul class="nav nav-pills navtab-bg">
+                <ul class="nav nav-pills navtab-bg" id="myTab">
                     <li class="nav-item">
                         <a href="#general-tab" data-toggle="tab" class="nav-link px-3 py-2 active label-font-size" id="general_tab"
                             aria-expanded="true">
diff --git a/app/Views/tpa_onboarding.php b/app/Views/tpa_onboarding.php
index c12b6d06..4184f547 100755
--- a/app/Views/tpa_onboarding.php
+++ b/app/Views/tpa_onboarding.php
@@ -49,7 +49,7 @@ body {
                         <a href="<?= base_url("master/tpa/list"); ?>"><i class="mdi mdi-arrow-left" style="font-size: 17px;"></i> </a>
                     </div> -->
                 </div>
-                <ul class="nav nav-pills navtab-bg">
+                <ul class="nav nav-pills navtab-bg" id="myTab">
                     <li class="nav-item">
                         <a href="#general-q-tab" data-toggle="tab" aria-expanded="false"
                             class="nav-link px-3 py-2 active-tab active">