From c7c982f7841b5fd6ed42387db8f7d5a8880ec665 Mon Sep 17 00:00:00 2001
From: vadivelJ96 <jvadivel.1996@gmail.com>
Date: Mon, 1 Sep 2025 09:40:22 +0530
Subject: [PATCH] CHANGE_UI_FIX - VADIVEL J 2025-09-01

---
 app/Views/DashBoard.php                       | 25 +------
 app/Views/employee_list.php                   |  6 ++
 app/Views/employee_upload.php                 | 38 ++++++++++-
 app/Views/import_export.php                   | 18 ++---
 app/Views/layout/footer.php                   | 14 ++++
 app/Views/layout/header.php                   | 67 ++++++++++++++++++-
 .../policy_transaction_inception_list.php     | 12 +++-
 7 files changed, 145 insertions(+), 35 deletions(-)

diff --git a/app/Views/DashBoard.php b/app/Views/DashBoard.php
index 4aa74f18..aa1ffa89 100755
--- a/app/Views/DashBoard.php
+++ b/app/Views/DashBoard.php
@@ -167,28 +167,11 @@
         }
     }
 
-    .navtab-bg .nav-link {
-        margin: 0 5px 10px!important;
-    }
-
-    .nav-link{
-        color:black !important;
-        background-color: #D4F5F6 !important; 
-        font-size: small;
-        padding:8px;
-        border-radius: 10px !important; 
-    }
-    .nav-link.active-tab {
-        color: white !important;
-        background-color: #00999E !important;
-        font-size: small;
-        padding:8px;
-        border-radius: 10px !important; 
-       
-    }
     .tab-content-styles{
         background-color:#F4F4F4;
         margin-right:20px; 
+        margin-left:20px;
+        margin-top:0px !important;
         border-radius:25px!important;
         min-height: 70vh !important;
     }
@@ -208,8 +191,6 @@
     <div class="col-12">
         <!-- <div class="card"> -->
             <div class="card-body">
-
-                <br>
                 <ul class="nav nav-pills navtab-bg">
                     
                     <?php if(in_array(get_role_id(), [1,2,3,5])) { ?>
@@ -275,7 +256,7 @@
 
 
                 </ul>
-                <br>
+                
                 <div class="tab-content tab-content-styles">
 
                     <?php if ((get_role_id() == STAFF_ROLE_ID && in_array(CLAIMS_TEAM_ID,user_team())) || in_array(get_role_id(),[1,5])) :?>
diff --git a/app/Views/employee_list.php b/app/Views/employee_list.php
index 317875fd..79a04ff9 100755
--- a/app/Views/employee_list.php
+++ b/app/Views/employee_list.php
@@ -45,6 +45,12 @@ table.dataTable tbody td {
     color: #16181b !important;
     cursor: pointer !important;
 }   
+
+ .row{
+    margin-right:20px !important;
+    margin-left:30px  !important;
+ }
+
 </style>
 
 <div class="row">
diff --git a/app/Views/employee_upload.php b/app/Views/employee_upload.php
index ab566571..9fa5c433 100755
--- a/app/Views/employee_upload.php
+++ b/app/Views/employee_upload.php
@@ -72,7 +72,6 @@ option:disabled {
                                         </div>
                                     </div>
 
-                                    <hr>
 
                                     <div class="form-row" id="file_upload">
 
@@ -98,7 +97,9 @@ option:disabled {
 
 
                                         <div class="form-group col-md-2"
-                                            style="margin-top: 26px;position: relative;left: 65px;"> OR </div>
+                                            style="margin-top: 26px;position: relative;left: 65px;"> 
+                                            <p style="color:black;"> OR </p>
+                                        </div>
 
                                         <div class="form-group col-md-4" style="margin-top: 18px;">
                                             <a class="btn btn-primary waves-effect waves-light justify-content-end"
@@ -108,6 +109,39 @@ option:disabled {
                                         </div>
 
 
+                                    </div>
+
+                                    <div class="form-row" id="file_upload">
+
+                                        <div class="form-group col-md-12">
+                                            <label>Upload file</label> &nbsp;[ <a id="excel_download"
+                                                data-toggle="tooltip" data-placement="top" style="color:black"
+                                                title="Download Sample Excel">Sample Excel</a> ]
+                                                <br>
+                                            <input type="file" name="emplist" id="emplist"
+                                                accept=" application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel,application/vnd.oasis.opendocument.spreadsheet"
+                                                required>
+
+                                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  
+
+                                                <button id="emp_form_submit_button" type="submit"
+                                                        class="btn btn-primary waves-effect waves-light justify-content-end">Upload</button>
+
+                                                &nbsp;&nbsp;
+
+                                                <span style="color:black;"> OR </span>
+
+                                                &nbsp;&nbsp;
+
+                                                <a class="btn btn-primary waves-effect waves-light justify-content-end"
+                                                id="fetch_enrolled_data" data-toggle="modal"
+                                                data-target="#full-width-modal" title="Download Sample Excel">Fetch
+                                                Enrolled Data</a>
+
+                                        </div>
+
+
+
                                     </div>
 
                                 </div>
diff --git a/app/Views/import_export.php b/app/Views/import_export.php
index e6194c79..e3a4b649 100755
--- a/app/Views/import_export.php
+++ b/app/Views/import_export.php
@@ -58,22 +58,22 @@
     <div class="col-12">
         <div class="card-body">
             <ul class="nav nav-pills navtab-bg">
-                <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">
+                <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>
-                        <span class="d-none d-sm-inline-block">Data From Client</span>
+                        <span class="d-none d-sm-inline-block dash-tab-font">Data From Client</span>
                     </a>
                 </li>
-                <li class="nav-item">
-                    <a href="#KYC-DOC-tab" data-toggle="tab" aria-expanded="true" class="nav-link px-3 py-2" id="kyc_tab">
+                <li class="nav-item d-flex justify-content-center align-items-center">
+                    <a href="#KYC-DOC-tab" data-toggle="tab" aria-expanded="true" class="nav-link px-3 py-1" id="kyc_tab">
                         <span class="mr-1"><i class="mdi mdi-file"></i></span>
-                        <span class="d-none d-sm-inline-block">Insurer or TPA Data</span>
+                        <span class="d-none d-sm-inline-block dash-tab-font">Insurer or TPA Data</span>
                     </a>
                 </li>
-                <li class="nav-item">
-                    <a href="#HR-DOC-tab" data-toggle="tab" aria-expanded="true" class="nav-link px-3 py-2" id="hr_tab">
+                <li class="nav-item d-flex justify-content-center align-items-center">
+                    <a href="#HR-DOC-tab" data-toggle="tab" aria-expanded="true" class="nav-link px-3 py-1" id="hr_tab">
                         <span class="mr-1"><i class="mdi mdi-file"></i></span>
-                        <span class="d-none d-sm-inline-block">HR Uploaded Files</span>
+                        <span class="d-none d-sm-inline-block dash-tab-font">HR Uploaded Files</span>
                     </a>
                 </li>
             </ul>
diff --git a/app/Views/layout/footer.php b/app/Views/layout/footer.php
index a809ab18..182bcbb5 100755
--- a/app/Views/layout/footer.php
+++ b/app/Views/layout/footer.php
@@ -992,6 +992,20 @@ function confirmActionSweertAlert(message = "Are you sure?", confirmText = "Yes,
     });
 </script>
 
+<script>
+$(document).ready(function(){
+    $('.nav-link').click(function(){
+
+    // change bg color of tab
+        $('.nav-link').removeClass('active-tab');
+        $(this).addClass('active-tab');
+    
+
+
+    });
+});
+</script>
+
 
 </body>
 
diff --git a/app/Views/layout/header.php b/app/Views/layout/header.php
index 35ad766e..1eeb9f07 100755
--- a/app/Views/layout/header.php
+++ b/app/Views/layout/header.php
@@ -98,6 +98,37 @@
     <!-- srinivas -->
     <style>
 
+        /* 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.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;
+        }
+
+        /* end of dashboard-tab specific styling which is also used in many place in application  */
+
+        
 
         .navbar-custom {
             top: -10px !important;
@@ -123,6 +154,7 @@
             }
         }
 
+        /* loaders for whole application */
 
         .loader-mask {
             position: fixed;
@@ -150,6 +182,40 @@
             transform: translateZ(0);
         }
 
+        /* end of loaders */
+
+
+        /* 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;
+            }
+
+        /* parsley-examples */
+
+
+        /* all input elements */
+input, select, 
+.select2-container .select2-selection {
+    border-radius: 10px !important;
+    box-shadow: 0px 2px 4px 0px #00000024 !important;
+}
+
+        /* allinput elements */
+
+
+
+
+
+
+
+
         .lead {
             font-size: 13px;
         }
@@ -366,7 +432,6 @@
 
         .card-body{
             background-color:white;
-            padding-left:50px !important;
             margin-top: 5px;
         }
 
diff --git a/app/Views/policy_transaction_inception_list.php b/app/Views/policy_transaction_inception_list.php
index 0bbb124d..8faea6e1 100644
--- a/app/Views/policy_transaction_inception_list.php
+++ b/app/Views/policy_transaction_inception_list.php
@@ -131,8 +131,18 @@ table.dataTable tbody td {
     }
 
     .slider.round:before {
-    border-radius: 50%;
+        border-radius: 50%;
     }
+
+    #inception_filter{
+        margin-bottom:-20px !important;
+        margin-left:30px !important;
+    }
+
+    #inception_list{
+        margin-left:20px !important;
+    }
+
 </style>
 
 <div class="row" id="inception_filter">