From 8dc982e5ccfc04683f68fab8027536c997267423 Mon Sep 17 00:00:00 2001
From: venba-Inspriron-3558 <venba2026@gmail.com>
Date: Fri, 28 Nov 2025 18:06:20 +0530
Subject: [PATCH] FIX_Minor UI alignments

---
 app/Views/policy_gmc_terms.php | 205 +++++++++++++++++++++++++++------
 app/Views/policy_gpa_terms.php | 145 ++++++++++++++++++-----
 2 files changed, 283 insertions(+), 67 deletions(-)

diff --git a/app/Views/policy_gmc_terms.php b/app/Views/policy_gmc_terms.php
index 5c28b10a..a53b4c54 100755
--- a/app/Views/policy_gmc_terms.php
+++ b/app/Views/policy_gmc_terms.php
@@ -109,7 +109,6 @@
         margin-top:10px;
     }
 
-
 </style>
 
 <div id="policyGMCTerms" style="display:none">
@@ -126,8 +125,8 @@
 
         <div class="form-group">
 
-            <div class="row" style="margin-bottom: 10px;">
-        
+        <!--     <div class="row" style="margin-bottom: 10px;">
+                REF: VR 
                 <div class="col">
                     <div class="d-flex align-items-center gap-2">
                         <label for="sumInsured" class="form-label" >Sum Insured</label>
@@ -143,9 +142,9 @@
                 </div>
                 
             </div>
-
+            REF: VR 
             <div id="gmc_si_add_more"></div>
-
+            REF: VR 
             <div class="row" style="margin-bottom:10px;">  
                 <div class="col">
                     <label for="totalSumInsured" class="form-label me-3">Family Floater</label>
@@ -160,6 +159,45 @@
                         <label class="form-check-label" for="familyFloaterNo">No</label>
                     </div>
                 </div>
+            </div> -->
+
+            <div class="row mb-2">
+                        <div class="col-md-4">
+                            <label class="form-label">Sum Insured</label>
+                        </div>
+                        <div class="col-md-6">
+                            <div class="d-flex align-items-center gap-2">
+                                <input class="form-control" type="text" name="sum_insured" id="sum_insured"
+                                    style="max-width:200px;"
+                                    onkeypress="return onlyNumbers(event)"
+                                    onkeyup="formatNumber(this); si_keup_num_to_word(this)">
+
+                                <button type="button" class="btn btn-primary ml-2 si-add-more"
+                                    onclick="appendGMCSIAddMore()"
+                                    style="background-color:#e26728;border:1px solid #e26728;">
+                                    <i class="mdi mdi-plus"></i>
+                                </button>
+                            </div>
+
+                            <div id="numberToWordGMC" class="text-danger-2 mt-1"></div>
+                        </div>
+            </div>
+
+            <div id="gmc_si_add_more"></div>
+
+            <div class="row mb-2">
+                    <div class="col-md-4">
+                        <label class="form-label">Family Floater</label>
+                    </div>
+
+                    <div class="col-md-6">
+                        <div class="form-check form-check-inline">
+                            <input class="form-check-input" type="radio" id="familyFloaterYes" name="family_floater" value="1">
+                            <label class="form-check-label" for="familyFloaterYes" style="width: 52px !important">Yes</label>
+                            <input class="form-check-input" type="radio" id="familyFloaterNo" name="family_floater" value="0">
+                            <label class="form-check-label" for="familyFloaterNo">No</label>
+                        </div>
+                    </div>
             </div>
 
 
@@ -1183,6 +1221,7 @@
                                     if (Array.isArray(jsonObject[key])) {
                                         jsonObject[key].forEach((value, index) => {
                                             appendGMCSIAddMore(value);
+                                            
                                         });
                                     } else {
                                         console.log(`${key} is not an array.`);
@@ -1269,14 +1308,27 @@
                                             if (element.value === jsonObject[key]) {
                                                 element.checked = element.value === jsonObject[key];
 
-                                                if (element.name === "family_floater") {
-                                                    element.parentElement.nextElementSibling.style
-                                                        .display = '';
-                                                    element.parentElement.parentElement
-                                                        .parentElement.nextElementSibling.style
-                                                        .display = '';
-                                                        // alert('family floater');
-                                                } else if (element.name ===
+                                                // if (element.name === "family_floater") { REF: VR 
+                                                //     element.parentElement.nextElementSibling.style
+                                                //         .display = '';
+                                                //     element.parentElement.parentElement
+                                                //         .parentElement.nextElementSibling.style
+                                                //         .display = '';
+                                                //         // alert('family floater');
+                                                // } 
+                                                if (element.name === "family_floater" && element.checked) {
+    
+                                                            let currentRow = element.closest('.row');
+                                                            
+                                                            if (currentRow && currentRow.nextElementSibling) {
+                                                                currentRow.nextElementSibling.style.display = '';
+                                                            }
+
+                                                            if (currentRow && currentRow.nextElementSibling && currentRow.nextElementSibling.nextElementSibling) {
+                                                                currentRow.nextElementSibling.nextElementSibling.style.display = '';
+                                                            }
+                                                }
+                                                else if (element.name ===
                                                     "waiverofpreexistingdiseases") {
                                                     element.parentElement.parentElement
                                                         .nextElementSibling.style.display = '';
@@ -1546,6 +1598,52 @@
         }
     };
 
+    $("#sum_insured").on("keyup", function() {
+        var inputNumber = $(this).val();
+        console.log('keyup sum insured 2nd');
+        if (inputNumber) {
+            var result = convertCommaNumberToWords(inputNumber);
+            $("#numberToWordSumInsured").text(result);
+        } else {
+            $("#numberToWordSumInsured").text("");
+        }
+    });
+    
+    $(".multiple_sum_insured").on("keyup", function() {
+
+        console.log('multiple_sum_insured key up')
+    
+        var inputNumber = $(this).val();
+        console.log('inputNumber', inputNumber);
+        if (inputNumber) {
+            var result = convertCommaNumberToWords(inputNumber);
+            console.log(result);
+            $(".numberToWordSumInsured").text(result);
+        } else {
+            $(".numberToWordSumInsured").text("");
+        }
+    });
+
+    function numtowordinkeyup(input) {
+
+        console.log('numtowordinkeyup');
+        var inputNumber = $(input).val().toString().replace(/,/g, '').trim();
+        var $parentRow = $(input).closest('.row');
+        var $targetDiv = $parentRow.find('.numberToWordSumInsured');
+
+        
+        if (inputNumber) {
+            var result = convertCommaNumberToWords(inputNumber);
+            $targetDiv.text(result);
+        } else {
+            $targetDiv.text("");
+        }
+
+        
+        
+    }
+
+
 </script>
 
 <!-- Policy terms Add Special Condition -->
@@ -1749,35 +1847,67 @@
         }
     }
 
-    function appendGMCSIAddMore(data = null) {
+    //REF: VR     
+    //  function appendGMCSIAddMore(data = null) {
+    //         console.log('function called')
+    //         var html = `
+    //         <div class="row" style="margin-bottom: 10px;">                        
+    //                 <div class="col">
+    //                     <div class="d-flex align-items-center gap-2">
+    //                         <label for="sumInsured" class="form-label" >Additional Sum Insured</label>
+    //                         <input class="form-control mr-2" style="max-width:200px;"
+    //                             value="${data == null || data == undefined || data == "" ? '' : data}" type="text" name="multiple_sum_insured[]" 
+    //                             class="form-control multiple_sum_insured mr-2" onkeypress="return onlyNumbers(event)" 
+    //                             onkeyup="formatNumber(this); numtowordinkeyup(this)">
+    //                         <button type="button" class="btn btn-primary si-add-more mr-2" onclick="appendGMCSIAddMore()"
+    //                                 style="background-color: #e26728; border:1px solid #e26728;">
+    //                                 <i class="mdi mdi-plus"></i>
+    //                         </button>
+    //                         <button type="button" class="btn btn-danger si-remove-multi mr-2" onclick="removeGMCAdditionalSI(this)"
+    //                                 style="background-color: #BD0707;border:1px solid #BD0707">
+    //                                 <i class="mdi mdi-delete"></i>
+    //                         </button>
+    //                         <div id='numberToWordSumInsured' class="text-danger-2 mr-2"></div>
+    //                     </div>
+    //                 </div>
+    //         </div> `;
+    //         $('#gmc_si_add_more').append(html);
+    //     }
 
+    function appendGMCSIAddMore(data = '') {
         console.log('function called')
-
         var html = `
-        <div class="row" style="margin-bottom: 10px;">                        
-                <div class="col">
-                    <div class="d-flex align-items-center gap-2">
-                        <label for="sumInsured" class="form-label" >Additional Sum Insured</label>
-                        <input class="form-control mr-2" style="max-width:200px;"
-                            value="${data == null || data == undefined || data == "" ? '' : data}" type="text" name="multiple_sum_insured[]" 
-                            class="form-control multiple_sum_insured mr-2" onkeypress="return onlyNumbers(event)" 
-                            onkeyup="formatNumber(this); numtowordinkeyup(this)">
-                        <button type="button" class="btn btn-primary si-add-more mr-2" onclick="appendGMCSIAddMore()"
-                                style="background-color: #e26728; border:1px solid #e26728;">
-                                <i class="mdi mdi-plus"></i>
-                        </button>
-                        <button type="button" class="btn btn-danger si-remove-multi mr-2" onclick="removeGMCAdditionalSI(this)"
-                                style="background-color: #BD0707;border:1px solid #BD0707">
-                                <i class="mdi mdi-delete"></i>
-                        </button>
-
-                        <div id='numberToWordSumInsured' class="text-danger-2 mr-2"></div>
-                    </div>
+            <div class="row align-items-start mb-2">
+                <div class="col-md-4">
+                    <label class="form-label">Additional Sum Insured</label>
                 </div>
-        </div> 
-`;
 
-        $('#gmc_si_add_more').append(html);
+                <div class="col-md-6">
+                    <div class="d-flex align-items-center gap-2">
+                        <input class="form-control" style="max-width:200px;"
+                            value="${data == null || data == undefined || data == "" ? '' : data}" type="text" name="multiple_sum_insured[]" 
+                            type="text" name="multiple_sum_insured[]"
+                            onkeypress="return onlyNumbers(event)"
+                            onkeyup="formatNumber(this); numtowordinkeyup(this)">
+
+                        <button type="button" class="btn btn-primary si-add-more ml-2 "
+                            onclick="appendGMCSIAddMore()"
+                            style="background-color:#e26728;border:1px solid #e26728;">
+                            <i class="mdi mdi-plus"></i>
+                        </button>
+
+                        <button type="button" class="btn btn-danger si-remove-multi ml-2"
+                            onclick="removeGMCAdditionalSI(this)"
+                            style="background-color:#BD0707;border:1px solid #BD0707;">
+                            <i class="mdi mdi-delete"></i>
+                        </button>
+                    </div>
+
+                    <div class="text-danger-2 mr-2 numberToWordSumInsured"></div>
+                </div>
+            </div>`;
+        
+            $('#gmc_si_add_more').append(html);
     }
 
     function removeGMCAdditionalSI(button) {
@@ -2037,5 +2167,4 @@
         }
     });
 
-
 </script>
\ No newline at end of file
diff --git a/app/Views/policy_gpa_terms.php b/app/Views/policy_gpa_terms.php
index 87a151b9..e0304ae3 100755
--- a/app/Views/policy_gpa_terms.php
+++ b/app/Views/policy_gpa_terms.php
@@ -104,8 +104,8 @@
 
         <div class="form-group">
 
-            <div class="row" style="margin-bottom: 10px;">
-
+            <!-- <div class="row" style="margin-bottom: 10px;">
+            REF: VR 
                 <div class="col">
                     <div class="d-flex align-items-center gap-2">
                         <label for="sumInsured" class="form-label" >Sum Insured</label>
@@ -123,7 +123,7 @@
                 </div>
             </div>
 
-
+            REF: VR 
             <div class="row" style="margin-bottom: 10px;">
 
                 <div class="col">
@@ -134,8 +134,44 @@
                         <div id='numberToWordTotalSumInsured' class="text-danger-2 mr-2"></div>
                     </div>
                 </div>
+            </div> -->
+
+            <div class="row mb-2">
+                        <div class="col-md-4">
+                            <label for="sumInsured" class="form-label" >Sum Insured</label>
+                        </div>
+                        <div class="col-md-6">
+                            <div class="d-flex align-items-center gap-2">
+                                <input class="form-control mr-2" type="text" name="sumInsured2" id="sumInsured2" style="max-width:200px;"
+                                       onkeypress="return onlyNumbers(event)" onkeyup="formatNumber(this)">
+
+                                <button type="button" class="btn btn-primary si-add-more ml-2" onclick="appendGPASIAddMore()"
+                                       style="background-color: #e26728; border:1px solid #e26728;">
+                                    <i class="mdi mdi-plus"></i>
+                                </button>
+                            </div>
+
+                            <div id='numberToWordSumInsured' class="text-danger-2 mr-2"></div>
+                        </div>
             </div>
 
+            <div id="gpa_si_add_more"></div>
+
+            <div class="row mb-2">
+                        <div class="col-md-4">
+                            <label for="totalSumInsured">Total Sum Assured</label>
+                        </div>
+                        <div class="col-md-6">
+                            <div class="d-flex align-items-center gap-2">
+                              <input type="text" style="max-width: 200px !important;" class="form-control mr-2" name="totalSumInsured"
+                               id="totalSumInsured" onkeypress="return onlyNumbers(event)" onkeyup="formatNumber(this)">
+                            </div>
+
+                            <div id='numberToWordTotalSumInsured' class="text-danger-2 mr-2"></div>
+                        </div>
+            </div>
+
+
             <div class="row" style="margin-bottom: 10px;">
                 <div class="col d-flex align-items-center" 
                 style="background-color: #F5FFFF;border-radius:10px;box-shadow: 0px 2px 2px 0px #00000040;
@@ -144,7 +180,7 @@
                         <input disabled type="checkbox" style="color:black;" name="family_floaters[]"
                             value="self" id="self" checked>
 
-                        <span style="margin-right: 40px;color:black;">Self</span>
+                        <span style="margin-right: 40px;color:black; margin-left: 8px;">Self</span>
 
                         <div class="self-age" style="margin-right: 20px;">
                             <span style="margin-right: 20px;color:black;">Min Age:</span>
@@ -885,23 +921,40 @@
         }
     });
 
+    // function numtowordinkeyup(input) {
+    //     console.log('testing......')
+    //     console.log(input);
+
+    //     var inputNumber = $(input).val();
+    //     console.log('inputNumber', inputNumber);
+
+    //     if (inputNumber) {
+    //         var result = numberToWordsIndian(inputNumber);
+    //         console.log(result);
+    //         var $parentRow = $(input).closest('.row');
+    //         console.log('$parentRow', $parentRow)
+    //         var $targetDiv = $parentRow.find('.numberToWordSumInsured');
+    //         $targetDiv.text(result)
+    //         console.log('$targetDiv', $targetDiv)
+    //     }
+
+    // }
     function numtowordinkeyup(input) {
-        console.log('testing......')
-        console.log(input);
 
-        var inputNumber = $(input).val();
-        console.log('inputNumber', inputNumber);
+        var inputNumber = $(input).val().toString().replace(/,/g, '').trim();
+        var $parentRow = $(input).closest('.row');
+        var $targetDiv = $parentRow.find('.numberToWordSumInsured');
 
+        
         if (inputNumber) {
-            var result = numberToWordsIndian(inputNumber);
-            console.log(result);
-            var $parentRow = $(input).closest('.row');
-            console.log('$parentRow', $parentRow)
-            var $targetDiv = $parentRow.find('.numberToWordSumInsured');
-            $targetDiv.text(result)
-            console.log('$targetDiv', $targetDiv)
+            var result = convertCommaNumberToWords(inputNumber);
+            $targetDiv.text(result);
+        } else {
+            $targetDiv.text("");
         }
 
+        
+        
     }
 
     $("#totalSumInsured").on("keyup", function() {
@@ -914,35 +967,69 @@
         }
     });
 
+    //REF: VR  function appendGPASIAddMore(data = null) {
+
+    //     console.log('appendGPASIAddMore function called')
+    //     console.log('appendGPASIAddMore function data', data)
+
+    //     var html = `
+    //         <div class="row" style="margin-bottom: 10px;">                        
+    //             <div class="col">
+    //                 <div class="d-flex align-items-center gap-2">
+    //                     <label for="sumInsured" class="form-label" >Additional Sum Insured</label>
+    //                     <input 
+    //                     style="max-width:200px;" 
+    //                     value="${data == null || data == undefined || data == "" ? '' : data}" type="text" name="multiple_sum_insured[]" 
+    //                     class="form-control multiple_sum_insured mr-2" onkeypress="return onlyNumbers(event)" onkeyup="formatNumber(this); numtowordinkeyup(this)">
+    //                     <button type="button" class="btn btn-primary si-add-more    mr-2" onclick="appendGPASIAddMore()"
+    //                             style="background-color: #e26728; border:1px solid #e26728;" >
+    //                         <i class="mdi mdi-plus"></i>
+    //                     </button>
+    //                     <button type="button" class="btn btn-danger si-remove-multi mr-2" onclick="removeGMCAdditionalSI(this)"
+    //                             style="background-color: #BD0707;border:1px solid #BD0707">
+    //                             <i class="mdi mdi-delete"></i>
+    //                     </button>
+    //                     <div id='numberToWordSumInsured' class="text-danger-2 "></div>
+    //                 </div>
+    //             </div> 
+    //         </div>
+            
+
+    //         `;
+
+    //     $('#gpa_si_add_more').append(html);
+    // }
+
     function appendGPASIAddMore(data = null) {
 
         console.log('appendGPASIAddMore function called')
         console.log('appendGPASIAddMore function data', data)
 
         var html = `
-            <div class="row" style="margin-bottom: 10px;">                        
-                <div class="col">
+            <div class="row align-items-start mb-2">
+                <div class="col-md-4">
+                    <label for="sumInsured" class="form-label" >Additional Sum Insured</label>
+                </div>
+
+                <div class="col-md-6">
                     <div class="d-flex align-items-center gap-2">
-                        <label for="sumInsured" class="form-label" >Additional Sum Insured</label>
                         <input 
-                        style="max-width:200px;" 
-                        value="${data == null || data == undefined || data == "" ? '' : data}" type="text" name="multiple_sum_insured[]" 
-                        class="form-control multiple_sum_insured mr-2" onkeypress="return onlyNumbers(event)" onkeyup="formatNumber(this); numtowordinkeyup(this)">
-                        <button type="button" class="btn btn-primary si-add-more    mr-2" onclick="appendGPASIAddMore()"
+                            style="max-width:200px;" 
+                            value="${data == null || data == undefined || data == "" ? '' : data}" type="text" name="multiple_sum_insured[]" 
+                            class="form-control multiple_sum_insured mr-2" onkeypress="return onlyNumbers(event)" onkeyup="formatNumber(this); numtowordinkeyup(this)">
+
+                        <button type="button" class="btn btn-primary si-add-more    ml-2" onclick="appendGPASIAddMore()"
                                 style="background-color: #e26728; border:1px solid #e26728;" >
                             <i class="mdi mdi-plus"></i>
                         </button>
-                        <button type="button" class="btn btn-danger si-remove-multi mr-2" onclick="removeGMCAdditionalSI(this)"
+                        <button type="button" class="btn btn-danger si-remove-multi ml-2" onclick="removeGMCAdditionalSI(this)"
                                 style="background-color: #BD0707;border:1px solid #BD0707">
                                 <i class="mdi mdi-delete"></i>
                         </button>
-                        <div id='numberToWordSumInsured' class="text-danger-2 "></div>
                     </div>
-                </div> 
-            </div>
-            
-
-            `;
+                    <div class="text-danger-2 mr-2 numberToWordSumInsured"></div>
+                </div>
+            </div>`;
 
         $('#gpa_si_add_more').append(html);
     }