From 2f7081db8bcbd7b1936957fb193ecd4d6c875885 Mon Sep 17 00:00:00 2001
From: Srinivas-Saravanan <srinivas.saravanan@venbainfotech.com>
Date: Fri, 28 Feb 2025 10:08:33 +0530
Subject: [PATCH] FEAT_DYNAMIC_REQUIRED_AND_NOT_REQUIRED_CLAIM_GPA_SRI

---
 app/Views/ticket_form_gpa.php | 475 +++++++++++++++++++---------------
 1 file changed, 261 insertions(+), 214 deletions(-)

diff --git a/app/Views/ticket_form_gpa.php b/app/Views/ticket_form_gpa.php
index 01e3f37d..627a3588 100644
--- a/app/Views/ticket_form_gpa.php
+++ b/app/Views/ticket_form_gpa.php
@@ -1,16 +1,16 @@
 <style>
-.readonly-select {
-    pointer-events: none;
-    background-color: #e0e0e0;
-    color: #666; 
-}
+    .readonly-select {
+        pointer-events: none;
+        background-color: #e0e0e0;
+        color: #666;
+    }
 </style>
 
 <div class="row">
     <div class="col-12">
-    <div class="<?= !isset($ticket_data) ? "card" : "" ?>" style="margin-right: 23px;">
+        <div class="<?= !isset($ticket_data) ? "card" : "" ?>" style="margin-right: 23px;">
             <div class="card-body">
-                <?php if(!isset($ticket_data)){ ?>
+                <?php if (!isset($ticket_data)) { ?>
                     <!-- Header Section -->
                     <div class="row mb-3">
                         <div class="col-6 d-flex align-items-center">
@@ -26,21 +26,21 @@
                 <form role="form" class="parsley-examples" method="post" id="ticket_form_data" onsubmit="submitClaimForm(event, this)"
                     enctype="multipart/form-data">
 
-                            <input type="hidden" id="ticket_master_id" name="ticket_master_id" value="<?= isset($ticket_data['id']) ? $ticket_data['id'] : '' ?>">
-                           <input type="hidden" id="is_head_approved" name="is_head_approved" value="<?= isset($ticket_data['is_head_approved']) ? $ticket_data['is_head_approved'] : '' ?>">
-                           <input type="hidden" id="extra_fields_array_for_validate" name="extra_fields_array_for_validate" value='<?= isset($extra_fields_array_for_validate) && !empty($extra_fields_array_for_validate) ? json_encode($extra_fields_array_for_validate) : "[]" ?>'>
+                    <input type="hidden" id="ticket_master_id" name="ticket_master_id" value="<?= isset($ticket_data['id']) ? $ticket_data['id'] : '' ?>">
+                    <input type="hidden" id="is_head_approved" name="is_head_approved" value="<?= isset($ticket_data['is_head_approved']) ? $ticket_data['is_head_approved'] : '' ?>">
+                    <input type="hidden" id="extra_fields_array_for_validate" name="extra_fields_array_for_validate" value='<?= isset($extra_fields_array_for_validate) && !empty($extra_fields_array_for_validate) ? json_encode($extra_fields_array_for_validate) : "[]" ?>'>
 
                     <div class="form-group">
 
                         <h5>Employee Details</h5>
                         <hr>
-                        
+
                         <!-- first_data_points -->
                         <div class="form-row">
 
                             <div class="form-group col-md-3">
                                 <label for="emp_code">Employee ID <span class="text-danger">*</span> &nbsp; &nbsp; <i class="fa fa-search text-danger"
-                                aria-hidden="true" onclick="openFetchEmpDataodal(this)"></i> <span class="text-danger"></span></label>
+                                        aria-hidden="true" onclick="openFetchEmpDataodal(this)"></i> <span class="text-danger"></span></label>
                                 <input type="text" class="form-control" id="emp_code" placeholder="Enter Employee ID"
                                     value="<?= isset($ticket_data['emp_code']) ? $ticket_data['emp_code'] : '' ?>"
                                     name="emp_code" required>
@@ -92,12 +92,12 @@
                                 <select class="form-control" id="acm_id" name="acm_id" required>
                                     <!-- <option value="0">Select Account Manager</option> -->
                                     <?php
-                                        if (isset($acms) && count($acms)) {
-                                            foreach ($acms as $key => $value) {
-                                                $selected = (isset($ticket_data) && $ticket_data['acm_id'] == $value['id']) ? 'selected' : '';
-                                                echo "<option value=" . $value['id'] . " $selected>" . $value['first_name'] . "</option>";
-                                            }
+                                    if (isset($acms) && count($acms)) {
+                                        foreach ($acms as $key => $value) {
+                                            $selected = (isset($ticket_data) && $ticket_data['acm_id'] == $value['id']) ? 'selected' : '';
+                                            echo "<option value=" . $value['id'] . " $selected>" . $value['first_name'] . "</option>";
                                         }
+                                    }
                                     ?>
                                 </select>
                             </div>
@@ -116,14 +116,14 @@
                                 <label for="ticket_type_id"> Policy Type <span class="text-danger"></span></label>
                                 <select class="form-control readonly-select" id="ticket_type_id" name="ticket_type_id" readonly>
                                     <?php
-                                        if (isset($ticket_type) && count($ticket_type)) {
-                                            foreach ($ticket_type as $key => $value) {
-                                                if($key != 1){
-                                                    $selected = (isset($ticket_data) && $ticket_data['ticket_type_id'] == $key) ? 'selected' : ((isset($selected_ticket_type) && $selected_ticket_type == $key) ? 'selected' : '');
-                                                    echo "<option value='" . $key . "' $selected>" . $value . "</option>";
-                                                }
+                                    if (isset($ticket_type) && count($ticket_type)) {
+                                        foreach ($ticket_type as $key => $value) {
+                                            if ($key != 1) {
+                                                $selected = (isset($ticket_data) && $ticket_data['ticket_type_id'] == $key) ? 'selected' : ((isset($selected_ticket_type) && $selected_ticket_type == $key) ? 'selected' : '');
+                                                echo "<option value='" . $key . "' $selected>" . $value . "</option>";
                                             }
                                         }
+                                    }
                                     ?>
                                 </select>
                             </div>
@@ -133,12 +133,12 @@
                                 <select class="form-control" id="claim_status_id" name="claim_status_id" required>
                                     <!-- <option value="0">Select status</option> -->
                                     <?php
-                                        if (isset($claim_status) && count($claim_status)) {
-                                            foreach ($claim_status as $key => $value) {
-                                                $selected = (isset($ticket_data) && $ticket_data['claim_status_id'] == $value['id']) ? 'selected' : '';
-                                                echo "<option value=" . $value['id'] . " $selected>" . $value['claim_status'] . "</option>";
-                                            }
+                                    if (isset($claim_status) && count($claim_status)) {
+                                        foreach ($claim_status as $key => $value) {
+                                            $selected = (isset($ticket_data) && $ticket_data['claim_status_id'] == $value['id']) ? 'selected' : '';
+                                            echo "<option value=" . $value['id'] . " $selected>" . $value['claim_status'] . "</option>";
                                         }
+                                    }
                                     ?>
                                 </select>
                             </div>
@@ -148,12 +148,12 @@
                                 <select class="form-control" id="claim_type" name="claim_type" required>
                                     <!-- <option value="0">Select claim Type</option> -->
                                     <?php
-                                        if (isset($claim_type) && count($claim_type)) {
-                                            foreach ($claim_type as $key => $value) {
-                                                $selected = (isset($ticket_data) && $ticket_data['claim_type'] == $key) ? 'selected' : '';
-                                                echo "<option value='" . $key . "' $selected>" . $value . "</option>";
-                                            }
+                                    if (isset($claim_type) && count($claim_type)) {
+                                        foreach ($claim_type as $key => $value) {
+                                            $selected = (isset($ticket_data) && $ticket_data['claim_type'] == $key) ? 'selected' : '';
+                                            echo "<option value='" . $key . "' $selected>" . $value . "</option>";
                                         }
+                                    }
                                     ?>
                                 </select>
                             </div>
@@ -280,7 +280,7 @@
                     <div class="form-group col-md-12 text-right m-b-0" style="margin-top: 29px;">
                         <button type="submit" class="btn btn-primary waves-effect waves-light mr-1"
                             id="btnSubmit">Submit</button>
-                        <?php if(get_role_id() == 5 && isset($ticket_data) && in_array($ticket_data['claim_status_id'],[23,33,43])) { ?>
+                        <?php if (get_role_id() == 5 && isset($ticket_data) && in_array($ticket_data['claim_status_id'], [23, 33, 43])) { ?>
                             <a class="btn btn-secondary waves-effect waves-light mr-1" onclick="showConfirmationModal(event)">Rejected Approve</a>
                         <?php } ?>
                     </div>
@@ -291,212 +291,259 @@
 </div>
 
 <script>
+    let GlobelExtraFields = [];
 
-let GlobelExtraFields = [];
+    $(document).ready(function() {
 
-$(document).ready(function() {
+        var date_of_join = flatpickr("#date_of_join", {
+            dateFormat: "d/m/Y",
+            allowInput: false
+        });
 
-    var date_of_join = flatpickr("#date_of_join", {
-        dateFormat: "d/m/Y",
-        allowInput: false
-    });
+        var dob = flatpickr("#dob", {
+            dateFormat: "d/m/Y",
+            allowInput: false
+        });
 
-    var dob = flatpickr("#dob", {
-        dateFormat: "d/m/Y",
-        allowInput: false
-    });
+        var date_of_incep = flatpickr("#date_of_incep", {
+            dateFormat: "d/m/Y",
+            allowInput: false
+        });
 
-    var date_of_incep = flatpickr("#date_of_incep", {
-        dateFormat: "d/m/Y",
-        allowInput: false
-    });
+        var date_of_accident = flatpickr("#date_of_accident", {
+            dateFormat: "d/m/Y",
+            allowInput: false
+        });
 
-    var date_of_accident = flatpickr("#date_of_accident", {
-        dateFormat: "d/m/Y",
-        allowInput: false
-    });
+        var date_of_death = flatpickr("#date_of_death", {
+            dateFormat: "d/m/Y",
+            allowInput: false
+        });
 
-    var date_of_death = flatpickr("#date_of_death", {
-        dateFormat: "d/m/Y",
-        allowInput: false
-    });
+        var date_of_intimat = flatpickr("#date_of_intimat", {
+            dateFormat: "d/m/Y",
+            allowInput: false
+        });
 
-    var date_of_intimat = flatpickr("#date_of_intimat", {
-        dateFormat: "d/m/Y",
-        allowInput: false
-    });
+        flatpickr("#approved_date", {
+            dateFormat: "d/m/Y",
+            allowInput: false
+        });
+        flatpickr("#settled_date", {
+            dateFormat: "d/m/Y",
+            allowInput: false
+        });
 
-    flatpickr("#approved_date", { dateFormat: "d/m/Y", allowInput: false });
-    flatpickr("#settled_date", { dateFormat: "d/m/Y", allowInput: false });
-
-    // updateClaimStatusDisplay("<?= isset($ticket_data['claim_status_id']) ? $ticket_data['claim_status_id'] : 0 ?>")
-    var extraFields = <?= json_encode(isset($extra_fields) ? $extra_fields : []); ?>;
-    GlobelExtraFields = extraFields;
-    console.log("extraFields", extraFields);
-    claimStatusFieldChanges(extraFields);
+        // updateClaimStatusDisplay("<?= isset($ticket_data['claim_status_id']) ? $ticket_data['claim_status_id'] : 0 ?>")
+        var extraFields = <?= json_encode(isset($extra_fields) ? $extra_fields : []); ?>;
+        GlobelExtraFields = extraFields;
+        console.log("extraFields", extraFields);
+        claimStatusFieldChanges(extraFields);
 
 
-})
+    })
 
-function updateClaimStatusDisplay(value) {
+    function updateClaimStatusDisplay(value) {
 
-    console.log('value', value);
+        console.log('value', value);
 
-    // Hide all sections first
-    $('.settled, .approved, .canceled, .returned').hide();
+        // Hide all sections first
+        $('.settled, .approved, .canceled, .returned').hide();
 
-    // Show relevant section based on value
-    if (value == 20 || value == 30 || value == 40) { // APPROVED
-        $('.approved').show();
-    } else if (value == 24 || value == 34 || value == 44) { // SETTLED
-        $('.settled').show();
-    }else if (value == 47 || value == 53 || value == 58) { // CANCELLED
-        $('.canceled').show();
-    }else if (value == 48 || value == 54 || value == 59) { // RETURNED
-        $('.returned').show();
-    }
-}
-
-$('#claim_status_id').on('change', function() {
-    updateClaimStatusDisplay($(this).val());
-});
-
-function claimStatusFieldChanges(fields) {
-    console.log('fields', fields);
-    fields.forEach(function(fieldId) {
-        var $field = $("#" + fieldId);
-        
-        if ($field.length) {
-            // $field.prop('required', true);
-            
-            var $parentDiv = $field.closest("div");
-            $parentDiv.show();
-
-            var $label = $parentDiv.find("label[for='" + fieldId + "']");
-            if ($label.length && !$label.find(".text-danger").length) {
-                $label.append(' <span class="text-danger">*</span>');
-            }
+        // Show relevant section based on value
+        if (value == 20 || value == 30 || value == 40) { // APPROVED
+            $('.approved').show();
+        } else if (value == 24 || value == 34 || value == 44) { // SETTLED
+            $('.settled').show();
+        } else if (value == 47 || value == 53 || value == 58) { // CANCELLED
+            $('.canceled').show();
+        } else if (value == 48 || value == 54 || value == 59) { // RETURNED
+            $('.returned').show();
         }
-    });
-}
-
-function claimStatusFieldRemoveREquired(fields, remove_or_add, thirdClass) {
-
-console.log('--------------------------- claimStatusFieldRemoveREquired ---------------------------');
-console.log('fields', fields);
-console.log('remove_or_add', remove_or_add);
-
-fields.forEach(function(fieldId) {
-    var $field = $("#" + fieldId);
-    
-    if ($field.length) {
-        $field.prop('required', remove_or_add);
-        var $parentDiv = $field.closest("div");
-        console.log('parentDiv', $parentDiv);
-        var $label = $parentDiv.find("label[for='" + fieldId + "']");
-        // if(remove_or_add == false){
-        //     $parentDiv.find("label[for='" + fieldId + "'] .text-danger").remove();
-        //     console.log('one', remove_or_add);
-        // }else{
-        //     if ($label.length && !$label.find(".text-danger").length) {
-        //         $label.append(' <span class="text-danger">*</span>');
-        //     }
-        // }
-
     }
-});
 
-$('.'+thirdClass).find('input, textarea').attr('required', true);
+    $('#claim_status_id').on('change', function() {
+        updateClaimStatusDisplay($(this).val());
+    });
 
-}
+    function claimStatusFieldChanges(fields) {
+        console.log('fields', fields);
+        fields.forEach(function(fieldId) {
+            var $field = $("#" + fieldId);
 
-$(document).on("input", function (event) {
+            if ($field.length) {
+                // $field.prop('required', true);
 
-let fields = GlobelExtraFields; 
-console.log('fields', fields);
-    let targetId = event.target.id;
-    console.log('targetId', targetId);
-    console.log('fields.includes(targetId)', fields.includes(targetId));
+                var $parentDiv = $field.closest("div");
+                $parentDiv.show();
 
-    if (fields.includes(targetId)) {
-
-        let $field = $("#" + targetId);
-        console.log('$field id', $field);
-        let $parentDiv = $field.closest("div");
-        console.log('$parentDiv', $parentDiv);
-        // addRequiredFieldSymbol(targetId);
-        if ($parentDiv.length) {
-            let thirdClass = $parentDiv.attr("class").split(" ")[2] || "";
-            addRequiredFieldSymbolByClass(thirdClass);
-            console.log('thirdClass', thirdClass);
-            
-            if (thirdClass) {
-                claimStatusFieldRemoveREquired(fields, false, thirdClass);
-                let $label = $(thirdClass).find("label");
+                var $label = $parentDiv.find("label[for='" + fieldId + "']");
                 if ($label.length && !$label.find(".text-danger").length) {
-                    $label.append(' <span class="text-danger">*</span>');
+                    // $label.append(' <span class="text-danger">*</span>');
                 }
-            } else {
-                claimStatusFieldRemoveREquired($field, false, '');
-            }
-        }
-    }
-});
-// function addRequiredFieldSymbol(field_name) {
-//     // Find the field with the given name
-//     var $field = $(`[name="${field_name}"]`);
-    
-//     if ($field.length) {
-//         // Find the parent div of this field
-//         var $parentDiv = $field.closest('div');
-        
-//         if ($parentDiv.length) {
-//             // Get the classes as an array
-//             var classes = $parentDiv.attr('class') ? $parentDiv.attr('class').split(/\s+/) : [];
-            
-//             if (classes.length > 0) {
-//                 // Get the last class in the array
-//                 var lastClass = classes[classes.length - 1];
-                
-//                 // Find all divs with this last class
-//                 var $allDivsWithClass = $(`.${lastClass}`);
-                
-//                 // Add asterisk to all labels within these divs
-//                 $allDivsWithClass.each(function() {
-//                     var $label = $(this).find('label');
-//                     if ($label.length && !$label.find('.text-danger').length) {
-//                         $label.append(' <span class="text-danger">*</span>');
-//                     }
-//                 });
-                
-//                 console.log(`Added required symbol to ${$allDivsWithClass.length} labels with class "${lastClass}"`);
-//             } else {
-//                 console.warn(`Parent div for field "${field_name}" has no classes`);
-//             }
-//         } else {
-//             console.warn(`No parent div found for field name="${field_name}"`);
-//         }
-//     } else {
-//         console.warn(`No field found with name="${field_name}"`);
-//     }
-// }
-function addRequiredFieldSymbolByClass(className) {
-    // Find all divs with the specified class
-    var $divsWithClass = $(`.${className}`);
-    
-    if ($divsWithClass.length) {
-        // Add asterisk to all labels within these divs
-        $divsWithClass.each(function() {
-            var $label = $(this).find('label');
-            if ($label.length && !$label.find('.text-danger').length) {
-                $label.append(' <span class="text-danger">*</span>');
             }
         });
-        
-        console.log(`Added required symbol to ${$divsWithClass.length} labels with class "${className}"`);
-    } else {
-        console.warn(`No divs found with class="${className}"`);
     }
-}
 
+    function claimStatusFieldRemoveREquired(fields, remove_or_add, thirdClass) {
+
+        console.log('--------------------------- claimStatusFieldRemoveREquired ---------------------------');
+        console.log('fields', fields);
+        console.log('remove_or_add', remove_or_add);
+
+        fields.forEach(function(fieldId) {
+            var $field = $("#" + fieldId);
+
+            if ($field.length) {
+                $field.prop('required', remove_or_add);
+                var $parentDiv = $field.closest("div");
+                console.log('parentDiv', $parentDiv);
+                var $label = $parentDiv.find("label[for='" + fieldId + "']");
+                // if(remove_or_add == false){
+                //     $parentDiv.find("label[for='" + fieldId + "'] .text-danger").remove();
+                //     console.log('one', remove_or_add);
+                // }else{
+                //     if ($label.length && !$label.find(".text-danger").length) {
+                //         $label.append(' <span class="text-danger">*</span>');
+                //     }
+                // }
+
+            }
+        });
+
+        // $('.'+thirdClass).find('input, textarea').attr('required', true);
+        let extrafieldsArray = $('#extra_fields_array_for_validate').val();
+        try {
+            extrafieldsArray = JSON.parse(extrafieldsArray); // Convert string to object
+        } catch (error) {
+            console.error("Invalid JSON format in extra_fields_array_for_validate:", error);
+            return;
+        }
+
+        var selectedClaimStatus = $('#claim_status_id').val();
+        var $thirdClass = $(`.${thirdClass}`);
+        var hasValue = $thirdClass.find('input, textarea, select').filter(function() {
+            return $(this).val().trim() !== ''; // Check if at least one field is not empty
+        }).length > 0;
+        console.log ("has value ",hasValue);
+        $thirdClass.each(function() {
+            var id = $(this).find('[id]').first().attr('id');
+            var $label = $(this).find('label');
+            var $thisDiv = $(this);
+            var $inputs = $thisDiv.find('input, textarea, select');
+
+
+            // ✅ Condition 1: Check if this ID is in extraFieldsArray (required by status)
+            var shouldAddRequired = extrafieldsArray[selectedClaimStatus] && extrafieldsArray[selectedClaimStatus].includes(id);
+            console.log ("shouldAddRequired ",shouldAddRequired);
+
+            // ✅ Condition 2: If any field in the class has a value, make all required
+            if (shouldAddRequired || hasValue) {
+                if ($label.length && !$label.find('.text-danger').length) {
+                    $label.append(' <span class="text-danger">*</span>');
+                }
+                // console.log("input from if ", $inputs);
+                // $inputs.attr('required', true);
+                $('.' + thirdClass).find('input, textarea,select').attr('required', true);
+                console.log(`class ${thirdClass} added required label and added required field`);
+            } else {
+                $label.find('.text-danger').remove();
+                console.log("input ", $inputs);
+                // $inputs.prop('required', false);
+                $('.' + thirdClass).find('input, textarea,select').attr('required', false);
+                console.log(`class ${thirdClass} removed required label and removed required field`);
+            }
+        });
+
+
+    }
+
+    $(document).on("input", function(event) {
+
+        let fields = GlobelExtraFields;
+        console.log('fields', fields);
+        let targetId = event.target.id;
+        console.log('targetId', targetId);
+        console.log('fields.includes(targetId)', fields.includes(targetId));
+
+        if (fields.includes(targetId)) {
+
+            let $field = $("#" + targetId);
+            console.log('$field id', $field);
+            let $parentDiv = $field.closest("div");
+            console.log('$parentDiv', $parentDiv);
+            // addRequiredFieldSymbol(targetId);
+            if ($parentDiv.length) {
+                let thirdClass = $parentDiv.attr("class").split(" ")[2] || "";
+                // addRequiredFieldSymbolByClass(thirdClass);
+                console.log('thirdClass', thirdClass);
+
+                if (thirdClass) {
+                    claimStatusFieldRemoveREquired(fields, false, thirdClass);
+                    let $label = $(thirdClass).find("label");
+                    if ($label.length && !$label.find(".text-danger").length) {
+                        $label.append(' <span class="text-danger">*</span>');
+                    }
+                } else {
+                    claimStatusFieldRemoveREquired($field, false, '');
+                }
+            }
+        }
+    });
+    // function addRequiredFieldSymbol(field_name) {
+    //     // Find the field with the given name
+    //     var $field = $(`[name="${field_name}"]`);
+
+    //     if ($field.length) {
+    //         // Find the parent div of this field
+    //         var $parentDiv = $field.closest('div');
+
+    //         if ($parentDiv.length) {
+    //             // Get the classes as an array
+    //             var classes = $parentDiv.attr('class') ? $parentDiv.attr('class').split(/\s+/) : [];
+
+    //             if (classes.length > 0) {
+    //                 // Get the last class in the array
+    //                 var lastClass = classes[classes.length - 1];
+
+    //                 // Find all divs with this last class
+    //                 var $allDivsWithClass = $(`.${lastClass}`);
+
+    //                 // Add asterisk to all labels within these divs
+    //                 $allDivsWithClass.each(function() {
+    //                     var $label = $(this).find('label');
+    //                     if ($label.length && !$label.find('.text-danger').length) {
+    //                         $label.append(' <span class="text-danger">*</span>');
+    //                     }
+    //                 });
+
+    //                 console.log(`Added required symbol to ${$allDivsWithClass.length} labels with class "${lastClass}"`);
+    //             } else {
+    //                 console.warn(`Parent div for field "${field_name}" has no classes`);
+    //             }
+    //         } else {
+    //             console.warn(`No parent div found for field name="${field_name}"`);
+    //         }
+    //     } else {
+    //         console.warn(`No field found with name="${field_name}"`);
+    //     }
+    // }
+    // function addRequiredFieldSymbolByClass(className) {
+    //     // Find all divs with the specified class
+    //     var $divsWithClass = $(`.${className}`);
+
+    //     if ($divsWithClass.length) {
+    //         // Add asterisk to all labels within these divs
+    //         $divsWithClass.each(function() {
+    //             var $label = $(this).find('label');
+    //             if ($label.length && !$label.find('.text-danger').length) {
+    //                 $label.append(' <span class="text-danger">*</span>');
+    //             }
+    //         });
+
+    //         console.log(`Added required symbol to ${$divsWithClass.length} labels with class "${className}"`);
+    //     } else {
+    //         console.warn(`No divs found with class="${className}"`);
+    //     }
+    // }
 </script>
\ No newline at end of file