From 536eaa4c6d754f74f636e94b33a489e73791ad78 Mon Sep 17 00:00:00 2001
From: aadhavan valli <aadhavanvalli@gmail.com>
Date: Thu, 7 Mar 2024 09:12:15 +0530
Subject: [PATCH] FEATURE_CLIENT_RACRATE_NUMTOWORDINR : AADHAVAN

---
 app/Config/Routes.php                         |   5 +-
 .../RestAuthenticationController.php          |  48 +++++
 app/Helpers/JWTToken.php                      |   3 +-
 app/Views/client_policy.php                   |  38 ++--
 app/Views/policy_gmc_terms.php                |  16 +-
 app/Views/policy_gpa_terms.php                |  10 +-
 app/Views/policy_grid.php                     | 196 ++++++++++++++----
 7 files changed, 246 insertions(+), 70 deletions(-)

diff --git a/app/Config/Routes.php b/app/Config/Routes.php
index f8a6622c..c65a956a 100644
--- a/app/Config/Routes.php
+++ b/app/Config/Routes.php
@@ -193,7 +193,10 @@ $routes->cli('processjob', 'JobWorker::processJob');
 
 
 
-$routes->get("/api", "RestAuthenticationController::index");
+// $routes->get("/api", "RestAuthenticationController::index");
+$routes->post("/api/verifyEmployeeNumber", "RestAuthenticationController::verifyEmployeeWithMobileNumber");
+$routes->post("/api/getVerifiedUserData", "RestAuthenticationController::getVerifiedUserData");
+
 $routes->group("/api", ["filter" => "authJWT"], function($routes){
     $routes->post("logined", "RestAuthenticationController::logined");
     $routes->post("getId", "RestAuthenticationController::getUserIdFromToken");
diff --git a/app/Controllers/RestAuthenticationController.php b/app/Controllers/RestAuthenticationController.php
index 97170242..e56cffb7 100644
--- a/app/Controllers/RestAuthenticationController.php
+++ b/app/Controllers/RestAuthenticationController.php
@@ -14,6 +14,8 @@ use CodeIgniter\API\ResponseTrait;
 
 
 
+use App\Models\EmployeeModel;
+
 
 use Firebase\JWT\JWT;
 // require_once('../vendor/autoload.php');
@@ -25,11 +27,15 @@ class RestAuthenticationController extends AdminController
     use ResponseTrait;
 
     protected $myLogger;
+    protected $employeeModel;
+
     
     public function __construct()
     {
         // set_session_context('Client');
         $this->myLogger = \Config\Services::mylogger();
+
+        $this->employeeModel       = new EmployeeModel();
                 
     }
 
@@ -50,6 +56,48 @@ class RestAuthenticationController extends AdminController
     }
 
 
+    public function verifyEmployeeWithMobileNumber()
+    {
+        try {
+            $mobile_number = $this->request->getJSON()->mobile_number;
+        
+            $employeeData = $this->employeeModel->where('mobile', $mobile_number)->first();
+            if ($employeeData) {
+                $result = ['user_verification' => true];
+                return ['status' => 'success','code' => 200,'data' => $result];
+            } else {
+                $result = ['user_verification' => false];
+                return ['status' => 'failed','code' => 404,'data' => $result];
+            }
+        } catch (\Throwable $th) {
+            return ['status' => 'failed','code' => 505,'data' => $th];
+        }
+    }
+    
+
+    public function getVerifiedUserData()
+    {
+        try {
+            $mobile_number = $this->request->getJSON()->mobile_number;
+
+            $employeeData = $this->employeeModel->where('mobile', $mobile_number)->first();
+            if ($employeeData) {
+                $result = JWTToken::encode($employeeData);
+            return ['status' => 'success','code' => 200,'data' => $result];
+            } else {
+                return ['status' => 'failed','code' => 404,'data' => "No data"];
+            }
+        } catch (\Throwable $th) {
+            return ['status' => 'failed','code' => 500,'data' => $th];
+        }
+    }
+
+
+
+    public function employeeLogout()
+    {
+
+    }
 
     public function getUserIdFromToken()
     {
diff --git a/app/Helpers/JWTToken.php b/app/Helpers/JWTToken.php
index 582bde39..dcee4d0d 100644
--- a/app/Helpers/JWTToken.php
+++ b/app/Helpers/JWTToken.php
@@ -32,7 +32,8 @@ class JWTToken
         try{
         $token =  JWT::encode($request_data ,$secret_Key,'HS512');
 
-        return ['status' => true,'token' => $token];
+        return $token;
+        // return ['status' => true,'token' => $token];
         }
         catch (Exception $e) {
             return ['status' => false,'message' => $e->getMessage()];
diff --git a/app/Views/client_policy.php b/app/Views/client_policy.php
index c10c2ac0..116a8467 100644
--- a/app/Views/client_policy.php
+++ b/app/Views/client_policy.php
@@ -680,24 +680,23 @@
         number %= 100;
     }
 
-    if (number > 0) {
-        if (word !== '') {
-            word += "and ";
-        }
-        if (number <= 20) {
-            word += numberWords[number];
-        } else {
-            word += numberWords[Math.floor(number / 10) * 10] + " " + numberWords[number % 10];
+        if (number > 0) {
+            if (word !== '') {
+                word += "and ";
+            }
+            if (number <= 20) {
+                word += numberWords[number];
+            } else {
+                word += numberWords[Math.floor(number / 10) * 10] + " " + numberWords[number % 10];
+            }
         }
+        return word.trim();
     }
 
-    return word.trim();
-}
-
-function convertCommaNumberToWords(input) {
-    const number = parseInt(input.replace(/,/g, ''), 10);
-    return convertNumberToWords(number);
-}
+    function convertCommaNumberToWords(input) {
+        const number = parseInt(input.replace(/,/g, ''), 10);
+        return convertNumberToWords(number);
+    }
 
     function onlyNumbers(event){
         var charcode;
@@ -705,4 +704,13 @@ function convertCommaNumberToWords(input) {
         if(charcode>= 48 && charcode <= 57)return true;
         return false;
     }
+
+
+    function formatNumber(input) {
+        var value = input.value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+        input.value = value;
+    }
+
+
+
 </script>
\ No newline at end of file
diff --git a/app/Views/policy_gmc_terms.php b/app/Views/policy_gmc_terms.php
index b5bc1686..3294e809 100644
--- a/app/Views/policy_gmc_terms.php
+++ b/app/Views/policy_gmc_terms.php
@@ -816,15 +816,15 @@ var grid_html = '';
         $('.nav.nav-pills.navtab-bg').prev().css('display','');
     });
 
-    function formatNumber(input) {
-    // Remove non-numeric characters
-    let value = input.value.replace(/\D/g, '');
+    // function formatNumber(input) {
+    // // Remove non-numeric characters
+    // let value = input.value.replace(/\D/g, '');
     
-    // Add commas
-    value = Number(value).toLocaleString('en-IN');
+    // // Add commas
+    // value = Number(value).toLocaleString('en-IN');
     
-    // Update the input value
-    input.value = value;
-    }
+    // // Update the input value
+    // input.value = value;
+    // }
 
 </script>
\ No newline at end of file
diff --git a/app/Views/policy_gpa_terms.php b/app/Views/policy_gpa_terms.php
index 4127ec60..b0391d9b 100644
--- a/app/Views/policy_gpa_terms.php
+++ b/app/Views/policy_gpa_terms.php
@@ -576,14 +576,14 @@
 
 
 
-    function formatNumber(input) {
+    // function formatNumber(input) {
     // Remove non-numeric characters
-    let value = input.value.replace(/\D/g, '');
+    // let value = input.value.replace(/\D/g, '');
     
     // Add commas
-    value = Number(value).toLocaleString('en-IN');
+    // value = Number(value).toLocaleString('en-IN');
     
     // Update the input value
-    input.value = value;
-}
+    // input.value = value;
+// }
 </script>
\ No newline at end of file
diff --git a/app/Views/policy_grid.php b/app/Views/policy_grid.php
index 85130da5..841c4b1b 100644
--- a/app/Views/policy_grid.php
+++ b/app/Views/policy_grid.php
@@ -86,7 +86,8 @@
         </div>    
         <div class="form-group col-md-4" id="gpa_sum_insured">
             <label for="mobile">Sum Insured<span class="text-danger">*</span></label>
-            <input value="${data !== false && data !== undefined && data !== '' ? data.si : ''}" type="text" class="form-control" placeholder="Enter Sum Insured" name="si" id="gpa_si" required>
+            <input value="${data !== false && data !== undefined && data !== '' ? data.si : ''}" type="text" class="form-control" placeholder="Enter Sum Insured" name="si" id="gpa_si" onkeypress = "return onlyNumbers(event)"  onkeyup="formatNumber(this)" required>
+            <div id='gpa_si_number_word' class="text-danger" ></div>                                             
         </div>                            
         <div class="form-group col-md-2">
             <label for="mobile">Multiplier<span class="text-danger">*</span></label>
@@ -94,7 +95,8 @@
         </div>                           
         <div class="form-group col-md-3">
             <label for="mobile">Premium<span class="text-danger">*</span></label>
-            <input value="${data !== false && data !== undefined && data !== '' ? data.premium : ''}" type="text" class="form-control" placeholder="Enter Premium" name="premium" id="gpa_premium" required>
+            <input value="${data !== false && data !== undefined && data !== '' ? data.premium : ''}" type="text" class="form-control" placeholder="Enter Premium" name="premium" id="gpa_premium" onkeypress = "return onlyNumbers(event)"  onkeyup="formatNumber(this)" required>
+            <div id='gpa_premium_number_word' class="text-danger" ></div>
         </div>
         </div>`; 
 
@@ -109,11 +111,13 @@
         <input value="1" type="hidden"  name="policy_type">
             <div class="form-group col-md-6">
                 <label for="mobile">Sum Insured<span class="text-danger">*</span></label>
-                <input value="${data !== false && data !== undefined && data !== '' ? data.si : ''}" type="text" class="form-control" placeholder="Enter Sum Insured" name="si" id="gpa_si" required>
+                <input value="${data !== false && data !== undefined && data !== '' ? data.si : ''}" type="text" class="form-control" placeholder="Enter Sum Insured" name="si" id="gpa_si" onkeypress = "return onlyNumbers(event)"  onkeyup="formatNumber(this)" required>
+                <div id='gpa_si_number_word' class="text-danger" ></div>                                             
             </div>                            
             <div class="form-group col-md-6">
                 <label for="mobile">Premium<span class="text-danger">*</span></label>
-                <input value="${data !== false && data !== undefined && data !== '' ? data.premium : ''}" type="text" class="form-control" placeholder="Enter Premium" name="premium" id="gpa_premium" required>
+                <input value="${data !== false && data !== undefined && data !== '' ? data.premium : ''}" type="text" class="form-control" placeholder="Enter Premium" name="premium" id="gpa_premium" onkeypress = "return onlyNumbers(event)"  onkeyup="formatNumber(this)" required>
+                <div id='gpa_premium_number_word' class="text-danger" ></div>
             </div>
         </div>`;
 
@@ -128,11 +132,13 @@
         <div class="form-row" id="grid_3">   
         <div class="form-group col-md-5">
             <label for="mobile">Sum Insured<span class="text-danger">*</span></label>
-            <input value="${data !== false && data !== undefined && data !== '' ? data.si : ''}" type="text" class="form-control" placeholder="Enter Sum Insured" name="si[]" id="gpa_si" required>
+            <input value="${data !== false && data !== undefined && data !== '' ? data.si : ''}" type="text" class="form-control" placeholder="Enter Sum Insured" name="si[]" id="gpa_si" onkeypress = "return onlyNumbers(event)"  onkeyup="formatNumber(this)" required>
+            <div id='gpa_si_number_word' class="text-danger" ></div>                                             
         </div>                                                    
         <div class="form-group col-md-5">
             <label for="mobile">Premium<span class="text-danger">*</span></label>
-            <input value="${data !== false && data !== undefined && data !== '' ? data.premium : ''}" type="text" class="form-control" placeholder="Enter Premium" name="premium[]" id="gpa_premium" required>
+            <input value="${data !== false && data !== undefined && data !== '' ? data.premium : ''}" type="text" class="form-control" placeholder="Enter Premium" name="premium[]" id="gpa_premium" onkeypress = "return onlyNumbers(event)"  onkeyup="formatNumber(this)" required>
+            <div id='gpa_premium_number_word' class="text-danger" ></div>
         </div>
         <div class="form-group">
             <button style="margin-top: 44px;" type="button" class="btn btn-danger" id="gmc_remove" onclick="removebutton(0, 3)">x</button>
@@ -150,8 +156,9 @@
         grid_html = `
         <div class="form-row" id="grid_4">   
             <div class="form-group col-md-4">
-            <label for="mobile">Sum Insured<span class="text-danger">*</span></label>
-            <input value="${data !== false && data !== undefined && data !== '' ? data.si : ''}" type="text" class="form-control" placeholder="Enter Sum Insured" name="si" id="sum_insured" required>
+                <label for="mobile">Sum Insured<span class="text-danger">*</span></label>
+                <input value="${data !== false && data !== undefined && data !== '' ? data.si : ''}" type="text" class="form-control" placeholder="Enter Sum Insured" name="si" id="sum_insured" onkeypress = "return onlyNumbers(event)"  onkeyup="formatNumber(this)" required>
+                <div id='sum_insured_number_word' class="text-danger" ></div>
             </div>                    
             <div class="form-row">        
                 <div class="form-group col-md-3">
@@ -164,7 +171,8 @@
                 </div>
                 <div class="form-group col-md-3">
                     <label for="mobile">Premium<span class="text-danger">*</span></label>
-                    <input value="${data !== false && data !== undefined && data !== '' ? data.premium : ''}" type="text" class="form-control" placeholder="Enter Premium" name="premium[]" id="premium" required>
+                    <input value="${data !== false && data !== undefined && data !== '' ? data.premium : ''}" type="text" class="form-control" placeholder="Enter Premium" name="premium[]" id="premium" onkeypress = "return onlyNumbers(event)" onkeyup="formatNumber(this)"  required>
+                    <div id='premium_number_word' class="text-danger" ></div>
                 </div>
                 <div class="form-group">
                     <button style="margin-top: 44px;" type="button" class="btn btn-danger" id="gmc_remove" onclick="removebutton(0,4)">x</button>
@@ -184,7 +192,8 @@
         <div class="form-row" id="grid_5">   
             <div class="form-group col-md-3">
                 <label for="mobile">Sum Insured<span class="text-danger">*</span></label>
-                <input value="${data !== false && data !== undefined && data !== '' ? data.si : ''}" type="text" class="form-control" placeholder="Enter Sum Insured" name="si[]" id="sum_insured" required>
+                <input value="${data !== false && data !== undefined && data !== '' ? data.si : ''}" type="text" class="form-control" placeholder="Enter Sum Insured" name="si[]" id="sum_insured" onkeypress = "return onlyNumbers(event)"  onkeyup="formatNumber(this)" required>
+                <div id='sum_insured_number_word' class="text-danger" ></div>
             </div>                    
             <div class="form-group col-md-2">
                 <label for="mobile">From Age<span class="text-danger">*</span></label>
@@ -196,7 +205,8 @@
             </div>
             <div class="form-group col-md-3">
                 <label for="mobile">Premium<span class="text-danger">*</span></label>
-                <input value="${data !== false && data !== undefined && data !== '' ? data.premium : ''}" type="text" class="form-control" placeholder="Enter Premium" name="premium[]" id="premium" required>
+                <input value="${data !== false && data !== undefined && data !== '' ? data.premium : ''}" type="text" class="form-control" placeholder="Enter Premium" name="premium[]" id="premium" onkeypress = "return onlyNumbers(event)"  onkeyup="formatNumber(this)"  required>
+                <div id='premium_number_word' class="text-danger" ></div>
             </div>
             <div class="form-group">
                 <button style="margin-top: 44px;" type="button" class="btn btn-danger" id="gmc_remove" onclick="removebutton(0,5)">x</button>
@@ -215,7 +225,8 @@
         <div class="form-row" id="grid_6">   
             <div class="form-group col-md-4">
                 <label for="mobile">Sum Insured<span class="text-danger">*</span></label>
-                <input value="${data !== false && data !== undefined && data !== '' ? data.si : ''}" type="text" class="form-control" placeholder="Enter Sum Insured" name="si" id="sum_insured" required>
+                <input value="${data !== false && data !== undefined && data !== '' ? data.si : ''}" type="text" class="form-control" placeholder="Enter Sum Insured" name="si" id="sum_insured" onkeypress = "return onlyNumbers(event)"  onkeyup="formatNumber(this)" required>
+                <div id='sum_insured_number_word' class="text-danger" ></div>
             </div>                    
             <div class="form-row">        
                 <div class="form-group col-md-3">
@@ -228,7 +239,8 @@
                 </div>
                 <div class="form-group col-md-3">
                     <label for="mobile">Premium<span class="text-danger">*</span></label>
-                    <input value="${data !== false && data !== undefined && data !== '' ? data.premium : ''}" type="text" class="form-control" placeholder="Enter Premium" name="premium[]" id="premium" required>
+                    <input value="${data !== false && data !== undefined && data !== '' ? data.premium : ''}" type="text" class="form-control" placeholder="Enter Premium" name="premium[]" id="premium" onkeypress = "return onlyNumbers(event)"  onkeyup="formatNumber(this)"  required>
+                    <div id='premium_number_word' class="text-danger" ></div>
                 </div>
                 <div class="form-group">
                     <button style="margin-top: 44px;" type="button" class="btn btn-danger" id="gmc_remove" onclick="removebutton(0,6)">x</button>
@@ -248,7 +260,8 @@
         <div class="form-row" id="grid_7">   
             <div class="form-group col-md-3">
                 <label for="mobile">Sum Insured<span class="text-danger">*</span></label>
-                <input value="${data !== false && data !== undefined && data !== '' ? data.si : ''}" type="text" class="form-control" placeholder="Enter Sum Insured" name="si[]" id="sum_insured" required>
+                <input value="${data !== false && data !== undefined && data !== '' ? data.si : ''}" type="text" class="form-control" placeholder="Enter Sum Insured" name="si[]" id="sum_insured" onkeypress = "return onlyNumbers(event)"  onkeyup="formatNumber(this)" required>
+                <div id='sum_insured_number_word' class="text-danger" ></div>
             </div>                    
             <div class="form-group col-md-2">
                 <label for="mobile">From Age<span class="text-danger">*</span></label>
@@ -260,7 +273,8 @@
             </div>
             <div class="form-group col-md-3">
                 <label for="mobile">Premium<span class="text-danger">*</span></label>
-                <input value="${data !== false && data !== undefined && data !== '' ? data.premium : ''}" type="text" class="form-control" placeholder="Enter Premium" name="premium[]" id="premium" required>
+                <input value="${data !== false && data !== undefined && data !== '' ? data.premium : ''}" type="text" class="form-control" placeholder="Enter Premium" name="premium[]" id="premium" onkeypress = "return onlyNumbers(event)"  onkeyup="formatNumber(this)"  required>
+                <div id='premium_number_word' class="text-danger" ></div>
             </div>
             <div class="form-group">
                 <button style="margin-top: 44px;" type="button" class="btn btn-danger" id="gmc_remove" onclick="removebutton(0,7)">x</button>
@@ -281,7 +295,8 @@
         <div class="form-row" id="grid_8">   
             <div class="form-group col-md-3">
                 <label for="mobile">Sum Insured<span class="text-danger">*</span></label>
-                <input value="${data !== false && data !== undefined && data !== '' ? data.si : ''}" type="text" class="form-control" placeholder="Enter Sum Insured" name="si[]" id="sum_insured" required>
+                <input value="${data !== false && data !== undefined && data !== '' ? data.si : ''}" type="text" class="form-control" placeholder="Enter Sum Insured" name="si[]" id="sum_insured" onkeypress = "return onlyNumbers(event)"  onkeyup="formatNumber(this)" required>
+                <div id='sum_insured_number_word' class="text-danger" ></div>
             </div>                    
             <div class="form-group col-md-3">
                 <label for="mobile">Grade/Band<span class="text-danger">*</span></label>
@@ -289,7 +304,8 @@
             </div>                           
             <div class="form-group col-md-3">
                 <label for="mobile">Premium<span class="text-danger">*</span></label>
-                <input value="${data !== false && data !== undefined && data !== '' ? data.premium : ''}" type="text" class="form-control" placeholder="Enter Premium" name="premium[]" id="premium" required>
+                <input value="${data !== false && data !== undefined && data !== '' ? data.premium : ''}" type="text" class="form-control" placeholder="Enter Premium" name="premium[]" id="premium" onkeypress = "return onlyNumbers(event)"  onkeyup="formatNumber(this)"  required>
+                <div id='premium_number_word' class="text-danger" ></div>
             </div>
             <div class="form-group">
                 <button style="margin-top: 44px;" type="button" class="btn btn-danger" id="gmc_remove" onclick="removebutton(0,8)">x</button>
@@ -308,7 +324,8 @@
         <div class="form-row" id="grid_9">   
             <div class="form-group col-md-3">
                 <label for="mobile">Sum Insured<span class="text-danger">*</span></label>
-                <input value="${data !== false && data !== undefined && data !== '' ? data.si : ''}" type="text" class="form-control" placeholder="Enter Sum Insured" name="si[]" id="sum_insured" required>
+                <input value="${data !== false && data !== undefined && data !== '' ? data.si : ''}" type="text" class="form-control" placeholder="Enter Sum Insured" name="si[]" id="sum_insured" onkeypress = "return onlyNumbers(event)"  onkeyup="formatNumber(this)" required>
+                <div id='sum_insured_number_word' class="text-danger" ></div>
             </div>                    
             <div class="form-group col-md-3">
                 <label for="mobile">Grade/Band<span class="text-danger">*</span></label>
@@ -316,7 +333,8 @@
             </div>                           
             <div class="form-group col-md-3">
                 <label for="mobile">Premium<span class="text-danger">*</span></label>
-                <input value="${data !== false && data !== undefined && data !== '' ? data.premium : ''}" type="text" class="form-control" placeholder="Enter Premium" name="premium[]" id="premium" required>
+                <input value="${data !== false && data !== undefined && data !== '' ? data.premium : ''}" type="text" class="form-control" placeholder="Enter Premium" name="premium[]" id="premium" onkeypress = "return onlyNumbers(event)"  onkeyup="formatNumber(this)"  required>
+                <div id='premium_number_word' class="text-danger" ></div>
             </div>
             <div class="form-group">
                 <button style="margin-top: 44px;" type="button" class="btn btn-danger" id="gmc_remove" onclick="removebutton(0,9)">x</button>
@@ -335,7 +353,8 @@
         <div class="form-row" id="grid_10">   
             <div class="form-group col-md-3">
                 <label for="mobile">Sum Insured<span class="text-danger">*</span></label>
-                <input value="${data !== false && data !== undefined && data !== '' ? data.si : ''}" type="text" class="form-control" placeholder="Enter Sum Insured" name="si[]" id="sum_insured" required>
+                <input value="${data !== false && data !== undefined && data !== '' ? data.si : ''}" type="text" class="form-control" placeholder="Enter Sum Insured" name="si[]" id="sum_insured" onkeypress = "return onlyNumbers(event)"  onkeyup="formatNumber(this)" required>
+                <div id='sum_insured_number_word' class="text-danger" ></div>
             </div>                    
             <div class="form-group col-md-2">
                 <label for="mobile">From Age<span class="text-danger">*</span></label>
@@ -347,7 +366,8 @@
             </div>
             <div class="form-group col-md-3">
                 <label for="mobile">Premium<span class="text-danger">*</span></label>
-                <input value="${data !== false && data !== undefined && data !== '' ? data.premium : ''}" type="text" class="form-control" placeholder="Enter Premium" name="premium[]" id="premium" required>
+                <input value="${data !== false && data !== undefined && data !== '' ? data.premium : ''}" type="text" class="form-control" placeholder="Enter Premium" name="premium[]" id="premium" onkeypress = "return onlyNumbers(event)"  onkeyup="formatNumber(this)"  required>
+                <div id='premium_number_word' class="text-danger" ></div>
             </div>
             <div class="form-group">
                 <button style="margin-top: 44px;" type="button" class="btn btn-danger" id="gmc_remove" onclick="removebutton(0,10)">x</button>
@@ -366,7 +386,8 @@
         <div class="form-row" id="grid_11">   
             <div class="form-group col-md-2">
                 <label for="mobile">Sum Insured<span class="text-danger">*</span></label>
-                <input value="${data !== false && data !== undefined && data !== '' ? data.si : ''}" type="text" class="form-control" placeholder="Enter Sum Insured" name="si[]" id="sum_insured" required>
+                <input value="${data !== false && data !== undefined && data !== '' ? data.si : ''}" type="text" class="form-control" placeholder="Enter Sum Insured" name="si[]" id="sum_insured" onkeypress = "return onlyNumbers(event)"  onkeyup="formatNumber(this)" required>
+                <div id='sum_insured_number_word' class="text-danger" ></div>
             </div>                    
             <div class="form-group col-md-3">
                 <label for="mobile">Grade/Band<span class="text-danger">*</span></label>
@@ -374,7 +395,8 @@
             </div>                           
             <div class="form-group col-md-3">
                 <label for="mobile">Premium<span class="text-danger">*</span></label>
-                <input value="${data !== false && data !== undefined && data !== '' ? data.premium : ''}" type="text" class="form-control" placeholder="Enter Premium" name="premium[]" id="premium" required>
+                <input value="${data !== false && data !== undefined && data !== '' ? data.premium : ''}" type="text" class="form-control" placeholder="Enter Premium" name="premium[]" id="premium" onkeypress = "return onlyNumbers(event)"  onkeyup="formatNumber(this)" required>
+                <div id='premium_number_word' class="text-danger" ></div>
             </div>
             <div class="form-group col-md-2">
                 <label for="mobile">Max SI<span class="text-danger">*</span></label>
@@ -421,6 +443,50 @@
             $('#si_or_bp').val("2");
         }
 
+        $("#gpa_si").on("keyup", function() {
+            var inputNumber = $(this).val();
+            if (inputNumber) {
+                var result = convertCommaNumberToWords(inputNumber);
+                $("#gpa_si_number_word").text(result);
+            } else {
+                $("#gpa_si_number_word").text("");
+            }
+        });
+
+        $("#gpa_premium").on("keyup", function() {
+            var inputNumber = $(this).val();
+            if (inputNumber) {
+                var result = convertCommaNumberToWords(inputNumber);
+                $("#gpa_premium_number_word").text(result);
+            } else {
+                $("#gpa_premium_number_word").text("");
+            }
+        });
+
+
+        $("#sum_insured").on("keyup", function() {
+            var inputNumber = $(this).val();
+            if (inputNumber) {
+                var result = convertCommaNumberToWords(inputNumber);
+                $("#sum_insured_number_word").text(result);
+            } else {
+                $("#sum_insured_number_word").text("");
+            }
+        });
+
+
+        $("#premium").on("keyup", function() {
+            var inputNumber = $(this).val();
+            if (inputNumber) {
+                var result = convertCommaNumberToWords(inputNumber);
+                $("#premium_number_word").text(result);
+            } else {
+                $("#premium_number_word").text("");
+            }
+        });
+
+
+
     };
 
 
@@ -566,11 +632,13 @@
             <div class="form-row" id="removeChild_${Count}">   
                 <div class="form-group col-md-5">
                     <label for="mobile">Sum Insured<span class="text-danger">*</span></label>
-                    <input value="${data !== false && data !== undefined && data !== '' ? data.si : ''}" type="text" class="form-control" placeholder="Enter Sum Insured" name="si[]" id="gpa_si" required>
+                    <input value="${data !== false && data !== undefined && data !== '' ? data.si : ''}" type="text" class="form-control" placeholder="Enter Sum Insured" name="si[]" id="gpa_si_${Count}" onkeypress = "return onlyNumbers(event)"  onkeyup="formatNumber(this)" required>
+                    <div id='gpa_si_number_word_${Count}' class="text-danger" ></div>                                             
                 </div>                                                    
                 <div class="form-group col-md-5">
                     <label for="mobile">Premium<span class="text-danger">*</span></label>
-                    <input value="${data !== false && data !== undefined && data !== '' ? data.premium : ''}" type="text" class="form-control" placeholder="Enter Premium" name="premium[]" id="gpa_premium" required>
+                    <input value="${data !== false && data !== undefined && data !== '' ? data.premium : ''}" type="text" class="form-control" placeholder="Enter Premium" name="premium[]" id="gpa_premium_${Count}"  onkeypress = "return onlyNumbers(event)"  onkeyup="formatNumber(this)" required>
+                    <div id='gpa_premium_number_word_${Count}' class="text-danger" ></div>
                 </div>
                 <div class="form-group">
                     <button style="margin-top: 44px;" type="button" class="btn btn-primary" id="gmc_add_more_${Count}" onclick="appendGridtHtml(3)">+</button>
@@ -594,7 +662,8 @@
                 </div>
                 <div class="form-group col-md-3">
                     <label for="mobile">Premium<span class="text-danger">*</span></label>
-                    <input value="${data !== false && data !== undefined && data !== '' ? data.premium : ''}" type="text" class="form-control" placeholder="Enter Premium" name="premium[]" id="premium" required>
+                    <input value="${data !== false && data !== undefined && data !== '' ? data.premium : ''}" type="text" class="form-control" placeholder="Enter Premium" name="premium[]" id="premium_${Count}" onkeypress = "return onlyNumbers(event)"  onkeyup="formatNumber(this)" required>
+                    <div id='premium_number_word_${Count}' class="text-danger" ></div>
                 </div>
                 <div class="form-group">
                     <button style="margin-top: 44px;" type="button" class="btn btn-primary" id="gmc_add_more_${Count}" onclick="appendGridtHtml(4)">+</button>
@@ -609,7 +678,8 @@
             <div class="form-row" id="removeChild_${Count}">   
             <div class="form-group col-md-3">
                 <label for="mobile">Sum Insured<span class="text-danger">*</span></label>
-                <input value="${data !== false && data !== undefined && data !== '' ? data.si : ''}" type="text" class="form-control" placeholder="Enter Sum Insured" name="si[]" id="sum_insured" required>
+                <input value="${data !== false && data !== undefined && data !== '' ? data.si : ''}" type="text" class="form-control" placeholder="Enter Sum Insured" name="si[]" id="sum_insured_${Count}" onkeypress = "return onlyNumbers(event)"  onkeyup="formatNumber(this)" required>
+                <div id='sum_insured_number_word_${Count}' class="text-danger" ></div>                                             
             </div>                    
             <div class="form-group col-md-2">
                 <label for="mobile">From Age<span class="text-danger">*</span></label>
@@ -621,7 +691,8 @@
             </div>
             <div class="form-group col-md-3">
                 <label for="mobile">Premium<span class="text-danger">*</span></label>
-                <input value="${data !== false && data !== undefined && data !== '' ? data.premium : ''}" type="text" class="form-control" placeholder="Enter Premium" name="premium[]" id="premium" required>
+                <input value="${data !== false && data !== undefined && data !== '' ? data.premium : ''}" type="text" class="form-control" placeholder="Enter Premium" name="premium[]" id="premium_${Count}" onkeypress = "return onlyNumbers(event)"  onkeyup="formatNumber(this)" required>
+                <div id='premium_number_word_${Count}' class="text-danger" ></div>
             </div>
             <div class="form-group">
                 <button style="margin-top: 44px;" type="button" class="btn btn-primary" id="gmc_add_more_${Count}" onclick="appendGridtHtml(5)">+</button>
@@ -635,7 +706,8 @@
             <div class="form-row" id="removeChild_${Count}">   
                 <div class="form-group col-md-4">
                     <label for="mobile">Sum Insured<span class="text-danger">*</span></label>
-                    <input value="${data !== false && data !== undefined && data !== '' ? data.si : ''}" type="text" class="form-control" placeholder="Enter Sum Insured" name="si[]" id="sum_insured" required>
+                    <input value="${data !== false && data !== undefined && data !== '' ? data.si : ''}" type="text" class="form-control" placeholder="Enter Sum Insured" name="si[]" id="sum_insured_${Count}"  onkeypress = "return onlyNumbers(event)"  onkeyup="formatNumber(this)"required>
+                    <div id='sum_insured_number_word_${Count}' class="text-danger" ></div>                                             
                 </div>                    
                 <div class="form-row">        
                     <div class="form-group col-md-3">
@@ -648,7 +720,8 @@
                     </div>
                     <div class="form-group col-md-3">
                         <label for="mobile">Premium<span class="text-danger">*</span></label>
-                        <input value="${data !== false && data !== undefined && data !== '' ? data.premium : ''}" type="text" class="form-control" placeholder="Enter Premium" name="premium[]" id="premium" required>
+                        <input value="${data !== false && data !== undefined && data !== '' ? data.premium : ''}" type="text" class="form-control" placeholder="Enter Premium" name="premium[]" id="premium_${Count}" onkeypress = "return onlyNumbers(event)"  onkeyup="formatNumber(this)" required>
+                        <div id='premium_number_word_${Count}' class="text-danger" ></div>
                     </div>
                     <div class="form-group">
                         <button style="margin-top: 44px;" type="button" class="btn btn-primary" id="gmc_add_more" onclick="appendGridtHtml(6)">+</button>
@@ -663,7 +736,8 @@
             <div class="form-row" id="removeChild_${Count}">   
                 <div class="form-group col-md-3">
                     <label for="mobile">Sum Insured<span class="text-danger">*</span></label>
-                    <input value="${data !== false && data !== undefined && data !== '' ? data.si : ''}" type="text" class="form-control" placeholder="Enter Sum Insured" name="si[]" id="sum_insured" required>
+                    <input value="${data !== false && data !== undefined && data !== '' ? data.si : ''}" type="text" class="form-control" placeholder="Enter Sum Insured" name="si[]" id="sum_insured_${Count}" onkeypress = "return onlyNumbers(event)"  onkeyup="formatNumber(this)" required>
+                    <div id='sum_insured_number_word_${Count}' class="text-danger" ></div>
                 </div>                    
                 <div class="form-group col-md-2">
                     <label for="mobile">From Age<span class="text-danger">*</span></label>
@@ -675,7 +749,8 @@
                 </div>
                 <div class="form-group col-md-3">
                     <label for="mobile">Premium<span class="text-danger">*</span></label>
-                    <input value="${data !== false && data !== undefined && data !== '' ? data.premium : ''}" type="text" class="form-control" placeholder="Enter Premium" name="premium[]" id="premium" required>
+                    <input value="${data !== false && data !== undefined && data !== '' ? data.premium : ''}" type="text" class="form-control" placeholder="Enter Premium" name="premium[]" id="premium_${Count}" onkeypress = "return onlyNumbers(event)"  onkeyup="formatNumber(this)" required>
+                    <div id='premium_number_word_${Count}' class="text-danger" ></div>
                 </div>
                 <div class="form-group">
                     <button style="margin-top: 44px;" type="button" class="btn btn-primary" id="gmc_add_more" onclick="appendGridtHtml(7)">+</button>
@@ -689,7 +764,8 @@
             <div class="form-row" id="removeChild_${Count}">   
                 <div class="form-group col-md-3">
                     <label for="mobile">Sum Insured<span class="text-danger">*</span></label>
-                    <input value="${data !== false && data !== undefined && data !== '' ? data.si : ''}" type="text" class="form-control" placeholder="Enter Sum Insured" name="si[]" id="sum_insured" required>
+                    <input value="${data !== false && data !== undefined && data !== '' ? data.si : ''}" type="text" class="form-control" placeholder="Enter Sum Insured" name="si[]" id="sum_insured_${Count}" onkeypress = "return onlyNumbers(event)"  onkeyup="formatNumber(this)" required>
+                    <div id='sum_insured_number_word_${Count}' class="text-danger" ></div>                                             
                 </div>                    
                 <div class="form-group col-md-3">
                     <label for="mobile">Grade/Band<span class="text-danger">*</span></label>
@@ -697,7 +773,8 @@
                 </div>                           
                 <div class="form-group col-md-3">
                     <label for="mobile">Premium<span class="text-danger">*</span></label>
-                    <input value="${data !== false && data !== undefined && data !== '' ? data.premium : ''}" type="text" class="form-control" placeholder="Enter Premium" name="premium[]" id="premium" required>
+                    <input value="${data !== false && data !== undefined && data !== '' ? data.premium : ''}" type="text" class="form-control" placeholder="Enter Premium" name="premium[]" id="premium_${Count}" onkeypress = "return onlyNumbers(event)"  onkeyup="formatNumber(this)"  required>
+                    <div id='premium_number_word_${Count}' class="text-danger" ></div>
                 </div>
                 <div class="form-group">
                     <button style="margin-top: 44px;" type="button" class="btn btn-primary" id="gmc_add_more" onclick="appendGridtHtml(8)">+</button>
@@ -711,7 +788,8 @@
             <div class="form-row" id="removeChild_${Count}">   
                 <div class="form-group col-md-3">
                     <label for="mobile">Sum Insured<span class="text-danger">*</span></label>
-                    <input value="${data !== false && data !== undefined && data !== '' ? data.si : ''}" type="text" class="form-control" placeholder="Enter Sum Insured" name="si[]" id="sum_insured" required>
+                    <input value="${data !== false && data !== undefined && data !== '' ? data.si : ''}" type="text" class="form-control" placeholder="Enter Sum Insured" name="si[]" id="sum_insured_${Count}" onkeypress = "return onlyNumbers(event)"  onkeyup="formatNumber(this)" required>
+                    <div id='sum_insured_number_word_${Count}' class="text-danger" ></div>                                             
                 </div>                    
                 <div class="form-group col-md-3">
                     <label for="mobile">Grade/Band<span class="text-danger">*</span></label>
@@ -719,7 +797,8 @@
                 </div>                           
                 <div class="form-group col-md-3">
                     <label for="mobile">Premium<span class="text-danger">*</span></label>
-                    <input value="${data !== false && data !== undefined && data !== '' ? data.premium : ''}" type="text" class="form-control" placeholder="Enter Premium" name="premium[]" id="premium" required>
+                    <input value="${data !== false && data !== undefined && data !== '' ? data.premium : ''}" type="text" class="form-control" placeholder="Enter Premium" name="premium[]" id="premium_${Count}" onkeypress = "return onlyNumbers(event)"  onkeyup="formatNumber(this)"  required>
+                    <div id='premium_number_word_${Count}' class="text-danger" ></div>
                 </div>
                 <div class="form-group">
                     <button style="margin-top: 44px;" type="button" class="btn btn-primary" id="gmc_add_more" onclick="appendGridtHtml(9)">+</button>
@@ -733,7 +812,8 @@
             <div class="form-row" id="removeChild_${Count}">   
                 <div class="form-group col-md-3">
                     <label for="mobile">Sum Insured<span class="text-danger">*</span></label>
-                    <input value="${data !== false && data !== undefined && data !== '' ? data.si : ''}" type="text" class="form-control" placeholder="Enter Sum Insured" name="si[]" id="sum_insured" required>
+                    <input value="${data !== false && data !== undefined && data !== '' ? data.si : ''}" type="text" class="form-control" placeholder="Enter Sum Insured" name="si[]" id="sum_insured_${Count}" onkeypress = "return onlyNumbers(event)"  onkeyup="formatNumber(this)" required>
+                    <div id='sum_insured_number_word_${Count}' class="text-danger" ></div>                                             
                 </div>                    
                 <div class="form-group col-md-2">
                     <label for="mobile">From Age<span class="text-danger">*</span></label>
@@ -745,7 +825,8 @@
                 </div>
                 <div class="form-group col-md-3">
                     <label for="mobile">Premium<span class="text-danger">*</span></label>
-                    <input value="${data !== false && data !== undefined && data !== '' ? data.premium : ''}" type="text" class="form-control" placeholder="Enter Premium" name="premium[]" id="premium" required>
+                    <input value="${data !== false && data !== undefined && data !== '' ? data.premium : ''}" type="text" class="form-control" placeholder="Enter Premium" name="premium[]" id="premium_${Count}" onkeypress = "return onlyNumbers(event)"  onkeyup="formatNumber(this)"  required>
+                    <div id='premium_number_word_${Count}' class="text-danger" ></div>
                 </div>
                 <div class="form-group">
                     <button style="margin-top: 44px;" type="button" class="btn btn-primary" id="gmc_add_more" onclick="appendGridtHtml(10)">+</button>
@@ -759,7 +840,8 @@
                 <div class="form-row" id="removeChild_${Count}">   
                     <div class="form-group col-md-2">
                         <label for="mobile">Sum Insured<span class="text-danger">*</span></label>
-                        <input value="${data !== false && data !== undefined && data !== '' ? data.si : ''}" type="text" class="form-control" placeholder="Enter Sum Insured" name="si[]" id="sum_insured" required>
+                        <input value="${data !== false && data !== undefined && data !== '' ? data.si : ''}" type="text" class="form-control" placeholder="Enter Sum Insured" name="si[]" id="sum_insured_${Count}" onkeypress = "return onlyNumbers(event)"  onkeyup="formatNumber(this)" required>
+                        <div id='sum_insured_number_word_${Count}' class="text-danger" ></div>                                             
                     </div>                    
                     <div class="form-group col-md-3">
                         <label for="mobile">Grade/Band<span class="text-danger">*</span></label>
@@ -767,7 +849,8 @@
                     </div>                           
                     <div class="form-group col-md-3">
                         <label for="mobile">Premium<span class="text-danger">*</span></label>
-                        <input value="${data !== false && data !== undefined && data !== '' ? data.premium : ''}" type="text" class="form-control" placeholder="Enter Premium" name="premium[]" id="premium" required>
+                        <input value="${data !== false && data !== undefined && data !== '' ? data.premium : ''}" type="text" class="form-control" placeholder="Enter Premium" name="premium[]" id="premium_${Count}" onkeypress = "return onlyNumbers(event)"  onkeyup="formatNumber(this)"  required>
+                        <div id='premium_number_word_${Count}' class="text-danger" ></div>
                     </div>
                     <div class="form-group col-md-2">
                         <label for="mobile">Max SI<span class="text-danger">*</span></label>
@@ -793,6 +876,19 @@
         Count++
         // console.log('count 3',Count)
 
+
+        // Number to word 
+        $(document).keyup(function(event) {
+            console.log(event.target.value);
+            if (event.target) {
+                var result = convertCommaNumberToWords(event.target.value);
+                var next = event.target.nextElementSibling;
+                if (next && next.tagName.toLowerCase() === 'div') {
+                    next.textContent = result; // Set the content of the div
+                }
+            }
+        });
+
     }
 
     function removebutton(index, type) {
@@ -822,5 +918,25 @@
 
     }
 
+
+
+
+    // function formatNumber(input) {
+        // console.log("formatNumber");
+        // console.log(input);
+    // Remove non-numeric characters
+    // let value = input.value.replace(/\D/g, '');
+    
+    // Add commas
+    // value = Number(value).toLocaleString('en-IN');
+    // Update the input value
+    // input.value = value;
+    // }
+
+
+
+
+
+
 </script>