diff --git a/app/Controllers/EmployeeController.php b/app/Controllers/EmployeeController.php
index 9e81f1a9..050437cd 100755
--- a/app/Controllers/EmployeeController.php
+++ b/app/Controllers/EmployeeController.php
@@ -97,7 +97,7 @@ class EmployeeController extends AdminController
         
             // Convert the status field to an array if it exists in the request data
             if (isset($filterData['status']) && !empty($filterData['status'])) {
-                $filterData['status'] = explode(",", $filterData['status']);
+                // $filterData['status'] = explode(",", $filterData['status']);
             }else{
                 $filterData['status'] = [];
             }
@@ -114,6 +114,11 @@ class EmployeeController extends AdminController
         // log_message('error',json_encode($data['employees']));
             // Set getData in $data array with the processed $filterData
             $data['getData'] = $filterData;
+
+            // return view('employee_list',$data);
+            $html = view('employee_data_list', $data);
+            return $this->respond(['status' => true, 'html' => $html], 200);
+
         }
         
         // dd($this->employeeModel->getLastQuery());
diff --git a/app/Controllers/EmployeeRestController.php b/app/Controllers/EmployeeRestController.php
index 800f6941..0b26b442 100755
--- a/app/Controllers/EmployeeRestController.php
+++ b/app/Controllers/EmployeeRestController.php
@@ -3159,7 +3159,7 @@ class EmployeeRestController extends AdminController
 
             if ($mail_sent_status->status == 'success') {
                 $sent_message_data['ticket_id'] = $ticket_id;
-                $sent_message_data['sender'] = 'user';
+                $sent_message_data['sender'] = 'staff';
                 $sent_message_data['emp_mail'] = $mail_sent_status->data->params->mail;
                 $sent_message_data['mail_subject'] = $mail_sent_status->data->params->subject;
                 $sent_message_data['mail_content'] = $mail_sent_status->data->params->message;
diff --git a/app/Views/employee_list.php b/app/Views/employee_list.php
index 255d8278..7c35a42d 100755
--- a/app/Views/employee_list.php
+++ b/app/Views/employee_list.php
@@ -135,8 +135,9 @@ table.dataTable tbody td {
 
 
 
-<?php include('employee_data_list.php');?>
+<?php // include('employee_data_list.php');?>
 
+<div id="employee_table_list"></div>
 
 <!-- end row -->
 <div id="loader" class="loader" style="display:none;">SPINNER</div>
@@ -502,24 +503,29 @@ function fetchEmpolyeeList(event) {
     const queryString = objectToQueryString(queryParams);
     const apiURL = $('#get-emp-list').attr('href') + "?" + queryString;
     // console.log(apiURL);
-    window.location.href = apiURL;
+    // window.location.href = apiURL;
 
 
     // var apiURL2 = $('#get-emp-list').attr('href'); // Get href attribute value
-    // console.log(apiURL);
-    // $.ajax({
-    //     url: apiURL,
-    //     method: 'GET',
-    //     data: queryParams,
-    //     success: function(response) {
-    //         // Assuming response is a JSON array
-    //        // displayDataTables(response);
-    //         console.log(response);
-    //     },
-    //     error: function(xhr, status, error) {
-    //         console.error('Error:', error);
-    //     }
-    // });
+    console.log(apiURL);
+    $.ajax({
+        url: apiURL,
+        method: 'GET',
+        data: queryParams,
+        success: function(response) {
+            if(response.status == true){
+                $('.loader').fadeIn();
+                $('.loader-mask').fadeIn();
+                $('#employee_table_list').html(response.html);
+                $('.loader').fadeOut();
+                $('.loader-mask').delay(350).fadeOut('slow');
+            }
+        },
+        error: function(xhr, status, error) {
+            console.error('Error:', error);
+            toastr.error('Failed to fetch Data','Error');
+        }
+    });
 }
 
 
diff --git a/app/Views/notification old.php b/app/Views/notification old.php
new file mode 100644
index 00000000..ed5f8ee5
--- /dev/null
+++ b/app/Views/notification old.php	
@@ -0,0 +1,2009 @@
+<style>
+    #notification_table{
+        overflow-x :  unset;
+    }
+    .preview_button{
+        display:none;
+    }
+
+    .scrollb {
+        overflow-y: auto !important;
+    }
+    #editor-container {
+    width: 100%;
+    min-height: 600px;
+}
+
+#account_maneger_summary_mail_modal .modal-dialog,
+#member_review_and_summary_mail_modal .modal-dialog {
+    max-width: 90% !important;
+    width: 90% !important;
+}
+
+/* Also ensure the modal body has proper height */
+#account_maneger_summary_mail_modal .modal-body,
+#member_review_and_summary_mail_modal .modal-body {
+    min-height: 600px;
+    padding: 20px;
+}
+
+/* If you're using Bootstrap's modal, you might also want to ensure proper positioning */
+.modal-dialog {
+    margin: 1.75rem auto;
+}
+
+</style>
+<div class="tab-pane fade" id="notification-tab">
+    <input type="hidden"  id="client_id_for_client_branch" value="<?= isset($notification['id']) ? $notification['id'] : '' ?>"/>
+    <div class="row float-right" style="padding-bottom: 10px;position: relative;right: 13px;">
+    </div>
+
+    <div class="table-responsive" id="notification_table" >
+        
+        <!-- <form  id="notification_enable_form"> -->
+
+        <div>
+            <p><?php 
+            
+            // print_r($notification);
+            $member_welcome_mail = 0;
+            $member_reminder_mail = 0;
+            $member_ecard_mail = 0;
+            $member_review_and_summary_mail = 0;
+            $account_maneger_summary_mail = 0;
+            $client_hr_summary_mail = 0;
+            if(isset($notification)){
+                foreach($notification as $value){
+                    
+                    if ($value['template_name'] == 'member_welcome_mail') {
+                        $member_welcome_mail = $value['enabled'];
+                    }
+
+                    if ($value['template_name'] == 'member_reminder_mail') {
+                        $member_reminder_mail = $value['enabled'];
+                    }
+
+                    if ($value['template_name'] == 'member_ecard_mail') {
+                        $member_ecard_mail = $value['enabled'];
+                    }
+
+                    if ($value['template_name'] == 'member_review_and_summary_mail') {
+                        $member_review_and_summary_mail = $value['enabled'];
+                    }
+
+                    if ($value['template_name'] == 'account_maneger_summary_mail') {
+                        $account_maneger_summary_mail = $value['enabled'];
+                    }
+
+                    if ($value['template_name'] == 'client_hr_summary_mail') {
+                        $client_hr_summary_mail = $value['enabled'];
+                    }
+                }
+            }
+             ?></p>
+        </div>
+            <div class="form-group">
+
+                <div class="form-row">
+                    <div class="form-group col-md-6">
+                        <label for="branch_name">Team mail ID<span class="text-danger"></span></label>
+                        <textarea name="" id="nhance_team_mail_ids" class="form-control" placeholder="Example: jhon@gmail.com, dave@gmail.com"><?php echo isset($client['common_mails']) ? $client['common_mails'] : ''; ?></textarea>
+                    </div>
+                    <div class="form-group col-md-6">
+                        <label for="branch_name">HR mail ID<span class="text-danger"></span></label>
+                        <textarea name="" id="hr_mail_id" class="form-control" placeholder="Example: jhon@gmail.com, dave@gmail.com"><?php echo isset($client['hr_mails']) ? $client['hr_mails'] : ''; ?></textarea>
+                    </div>
+                </div>
+
+                <div class="form-row">
+                    <div class="form-group col-md-6">
+                        <label for="mail_domain">Mail Domain<span class="text-danger"></span></label>
+                        <input type="text" name="" id="mail_domain" class="form-control" placeholder="Only one Domain Name. Example: nhance.com" value="<?php echo isset($client['mail_domain']) ? $client['mail_domain'] : ''; ?>">
+                    </div>
+                    <div class="form-group col-md-6">
+                        <label for="reply_to">Reply To Mail<span class="text-danger"></span></label>
+                        <input type="text" name="" id="reply_to" class="form-control" placeholder="Only one Reply-to mail. Example: jhon@gmail.com" value="<?php echo isset($client['reply_to']) ? $client['reply_to'] : ''; ?>">
+                    </div>
+                </div>
+
+                <div class="form-row">
+                    <div class="form-group col-md-6">
+                        <label for="branch_name">Member welcome mail</label>
+                        <label class="switch">
+                            <input id="member_welcome_mail_btn" type="checkbox" name="member_welcome_mail_btn"  <?= ($member_welcome_mail == 1) ? 'checked' : '' ?>>
+                            <span class="slider round" style="height: 27px;"></span>
+                        </label>
+                        &nbsp; &nbsp;
+                        <a href=""  data-toggle="modal" id="member_welcome_mail" onclick="getMailTemplateData(this)" data-target="#member_welcome_mail_modal">Edit</a>
+                    </div>
+                    <div class="form-group col-md-5">
+                        <textarea style="display:none;" name="" id="" class="form-control "></textarea>
+                    </div>
+
+                </div>
+
+                <div class="form-row">
+                    <div class="form-group col-md-6">
+                        <label for="branch_name">Member reminder mail</label>
+                        <label class="switch">
+                            <input id="member_reminder_mail_btn" type="checkbox" name="member_reminder_mail_btn" <?=  $member_reminder_mail == 1 ? 'checked' : '' ?>>
+                            <span class="slider round" style="height: 27px;"></span>
+                        </label>
+                        &nbsp; &nbsp;
+                        <a href="" data-toggle="modal" id="member_reminder_mail" onclick="getMailTemplateData(this)" data-target="#member_reminder_mail_modal">Edit</a>
+                    </div>
+                    <div class="form-group col-md-5">
+                        <textarea style="display:none;" name="" id="" class="form-control "></textarea>
+                    </div>
+                </div>
+
+                <div class="form-row">
+                    <div class="form-group col-md-6">
+                        <label for="branch_name">Member ECard mail</label>
+                        <label class="switch">
+                            <input id="member_ecard_mail_btn" type="checkbox" name="member_ecard_mail_btn" <?=  $member_ecard_mail == 1 ? 'checked' : '' ?>>
+                            <span class="slider round" style="height: 27px;"></span>
+                        </label>
+                        &nbsp; &nbsp;
+                        <a href="" data-toggle="modal" id="member_ecard_mail" onclick="getMailTemplateData(this)" data-target="#member_ecard_mail_modal">Edit</a>
+                    </div>
+                    <div class="form-group col-md-5">
+                        <textarea style="display:none;" name="" id="" class="form-control "></textarea>
+                    </div>
+                </div>
+
+                <div class="form-row">
+                    <div class="form-group col-md-6">
+                        <label for="branch_name">Member Review and summary mail</label>
+                        <label class="switch">
+                            <input id="member_review_and_summary_mail_btn" type="checkbox" name="member_review_and_summary_mail_btn" <?= $member_review_and_summary_mail == 1 ? 'checked' : '' ?>>
+                            <span class="slider round" style="height: 27px;"></span>
+                        </label>
+                        &nbsp; &nbsp;
+                        <a href="" data-toggle="modal" id="member_review_and_summary_mail" onclick="getMailTemplateData(this)" data-target="#member_review_and_summary_mail_modal">Edit</a>
+                    </div>
+                    <div class="form-group col-md-5">
+                        <textarea style="display:none;" name="" id="" class="form-control "></textarea>
+                    </div>
+                </div>
+
+                <div class="form-row">
+                    <div class="form-group col-md-6">
+                        <label for="branch_name">Account Manager summary mail</label>
+                        <label class="switch">
+                            <input id="account_maneger_summary_mail_btn" type="checkbox" name="account_maneger_summary_mail_btn" <?= $account_maneger_summary_mail ? 'checked' : '' ?>>
+                            <span class="slider round" style="height: 27px;"></span>
+                        </label>
+                        &nbsp; &nbsp;
+                        <a href="" data-toggle="modal" id="account_maneger_summary_mail" onclick="getMailTemplateData2(this)" data-target="#account_maneger_summary_mail_modal">Edit</a>
+                    </div>
+                    <div class="form-group col-md-5">
+                        <textarea style="display:none;" name="" id="" class="form-control "></textarea>
+                    </div>
+                </div>
+
+                <div class="form-row">
+                    <div class="form-group col-md-6">
+                        <label for="branch_name">Client HR summary mail</label>
+                        <label class="switch">
+                            <input id="client_hr_summary_mail_btn" type="checkbox" name="client_hr_summary_mail_btn" <?= $client_hr_summary_mail == 1 ? 'checked' : '' ?>>
+                            <span class="slider round" style="height: 27px;"></span>
+                        </label>
+                        &nbsp; &nbsp;
+                        <a href="" data-toggle="modal" id="client_hr_summary_mail" onclick="getMailTemplateData(this)" data-target="#client_hr_summary_mail_modal">Edit</a>
+                    </div>
+                    <div class="form-group col-md-5">
+                        <textarea style="display:none;" name="" id="" class="form-control "></textarea>
+                    </div>
+                </div>
+
+                <div class="form-row">
+                    <div class="form-group col-md-6">
+                    </div>
+                    <div class="form-group col-md-6">
+                        <a style="float:right;" id="notification_enable_form_submit" class="btn btn-primary waves-effect waves-light mr-1">Submit</a>
+                    </div>
+                </div>
+            </div>
+
+        <!-- </form> -->
+    </div>
+
+</div>
+<!-- end -->
+
+
+
+<!--  Modal content for the Large example -->
+<div class="modal fade" id="member_welcome_mail_modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"
+    aria-hidden="true" aria-modal="true" data-backdrop="static">
+    <div class="modal-dialog modal-full-width scrollb" >
+        <div class="modal-content">
+            <div class="modal-header">
+                <h4 class="modal-title" id="myLargeModalLabel">Template Name : Member welcome mail <span id="nameOfThePolicy"></span></h4>
+                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+            </div>
+            <div class="modal-body">
+
+                <div class="text-center" id="no_data"></div>
+
+                <form role="form" class="parsley-examples" method="post" id="member_welcome_mail_form" enctype="multipart/form-data">
+                
+                    <input type="hidden" class="form-control" id="template_name" name="template_name" value="Member Welcome Mail" readonly>
+                    <input type="hidden" id="member_welcome_mail_template_name" value="member_welcome_mail">
+
+                    <div class="form-group">
+
+                        <div class="form-row" id="rac_rate_dropdown">
+                            <div class="form-group col-md-1">
+                                <label for="emp_code">Subject</label>
+                            </div>
+                            <div class="form-group col-md-5">
+                                <input type="text" id="subject" name="subject" class="form-control" placeholder="Subject">
+                            </div>
+                            <div class="form-group col-md-2 testmail" style="display: none;">
+                                <a class="btn btn-primary waves-effect waves-light mr-1 setid" onclick="testMailSend(this)">Test Mail</a>
+                            </div>
+                        </div>
+
+                        <div id="accordion_2" class="mb-0">
+                            <div class="card mb-0" style="border: 2px dotted;">
+                                <h5 class="m-1"> Editor
+                                    <a id="toggleIcon" class="text-dark float-right" data-toggle="collapse" href="#collapseThree" aria-expanded="true">
+                                        <i id="icon" class="mdi mdi-chevron-down mr-1 text-primary" style="font-size: 28px;"></i>
+                                    </a>
+                                </h5>
+                                <div id="collapseThree" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion_2" style="margin-top: -10px;">
+                                    
+                                    <div class="form-row" id="rac_rate_dropdown">
+                                        <div class="form-group col-md-12">
+                                            <select id="member_welcome_mail_customButton" class="form-control" style="border:none;right: 6px;width: auto;position: absolute;z-index: 1;top: 17px;height: 32px;float: right;">
+                                                <option value="">PlaceHolders</option>
+                                                <?php  foreach ($placeHolders as $value): ?>
+                                                    <?php if($value == 'member_name' || $value == 'member_mobile' || $value == 'nhance_logo' || $value == 'client_logo' || $value == 'app_link' || $value == 'client_name'){ ?>member_mobile
+                                                        <?php $valueChange = str_replace('_', ' ', $value); $valueChange = ucwords($valueChange); ?>
+                                                        <option value="[[<?php echo $value; ?>]]"><?php echo $valueChange; ?></option>
+                                                    <?php } ?>
+                                                <?php endforeach; ?>
+                                            </select>
+                                        </div>
+                                    </div> 
+                        
+                                    <div id="member_welcome_mail_snow_editor" name="content" style="height: 300px;"></div>
+                                </div>
+                            </div>
+                        </div>
+
+                        <input type="file" id="Question_title_fileInput" style="display: none;">
+
+                        <table id="attachment_table" class="table table-sm mb-0" style="margin-top: 30px;">
+                            <thead>
+                                <tr>
+                                    <th>Attachments</th>
+                                    <th>Action</th>
+                                </tr>
+                            </thead>
+                            <tbody id="attachment_tbody">
+                            </tbody>
+                        </table>
+
+                    </div>
+
+                    <div class="form-group text-right m-b-0">
+                        <button type="submit" class="btn btn-primary waves-effect waves-light mr-1"
+                            id="btnGridSubmit_2">Submit</button>
+                    </div>
+                </form>
+            </div>
+        </div><!-- /.modal-content -->
+    </div><!-- /.modal-dialog -->
+</div><!-- /.modal -->
+
+<!--  Modal content for the Large example -->
+<div class="modal fade" id="member_reminder_mail_modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="false" aria-modal="true">
+    <div class="modal-dialog modal-full-width">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h4 class="modal-title" id="myLargeModalLabel">Member reminder mail <span id="nameOfThePolicy"></span></h4>
+                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+            </div>
+            <div class="modal-body">
+
+                <div class="text-center" id="no_data"></div>
+
+                <form role="form" class="parsley-examples" method="post" id="member_reminder_mail_form" enctype="multipart/form-data">
+                    
+                    <div class="form-group">
+
+                        <div class="form-row" id="rac_rate_dropdown">
+                            <div class="form-group col-md-2">
+                                <label for="emp_code">Template Name</label>
+                            </div>
+                            <div class="form-group col-md-5">
+                                <input type="text" id="template_name" name="template_name" class="form-control" value="Member Reminder Mail" readonly placeholder="Template Name">
+                            </div>
+                        </div>
+
+                        <div class="form-row" id="rac_rate_dropdown">
+                            <div class="form-group col-md-2">
+                                <label for="emp_code">Subject</label>
+                            </div>
+                            <div class="form-group col-md-5">
+                                <input type="text" id="subject" name="subject" class="form-control" placeholder="Subject">
+                            </div>
+                            <div class="form-group col-md-2 testmail" style="display: none;">
+                                <a class="btn btn-primary waves-effect waves-light mr-1 setid" onclick="testMailSend(this)">Test Mail</a>
+                            </div>
+                        </div>
+
+                        <!-- <div class="form-row" id="rac_rate_dropdown">
+                            <div class="form-group col-md-12">
+                                <select name="" id="" class="form-control" style="z-index: 1;float: right;position: absolute;margin-top: 18px;right: 53px;width: 100px;height: 30px;">
+                                    <option value="">1</option>
+                                    <option value="">2</option>
+                                    <option value="">3</option>
+                                    <option value="">4</option>
+                                    <option value="">6</option>
+                                </select>
+                            </div>
+                        </div> -->
+                        <div class="form-row" id="rac_rate_dropdown">
+                            <div class="form-group col-md-12">
+                        <select id="member_reminder_mail_modal_customButton" class="form-control" style="border:none;right: 6px;width: auto;position: absolute;z-index: 1;top: 17px;height: 32px;float: right;">
+                            <option value="">PlaceHolders</option>
+                            <?php  foreach ($placeHolders as $value): ?>
+                                <?php if($value == 'member_name' ||  $value == 'member_mobile' || $value == 'nhance_logo' || $value == 'client_logo' || $value == 'app_link' || $value == 'client_name'){ ?>
+                                    <?php $valueChange = str_replace('_', ' ', $value); $valueChange = ucwords($valueChange); ?>
+                                    <option value="[[<?php echo $value; ?>]]"><?php echo $valueChange; ?></option>
+                                <?php } ?>
+                            <?php endforeach; ?>
+                        </select>
+                        </div>
+                        </div> 
+
+                        <div id="member_reminder_mail_snow_editor" style="height: 300px;">
+                                            
+                        </div>
+                        
+
+                        <div id="editor" name="content"></div>
+
+
+                        <input type="file" id="Question_title_fileInput" style="display: none;">
+
+                    </div>
+
+                    <div class="form-group text-right m-b-0">
+                        <button class="btn btn-primary waves-effect waves-light mr-1 preview_button" 
+                            id="">Preview</button>
+                        <button type="submit" class="btn btn-primary waves-effect waves-light mr-1"
+                            id="btnGridSubmit_2">Submit</button>
+                    </div>
+                </form>
+            </div>
+        </div><!-- /.modal-content -->
+    </div><!-- /.modal-dialog -->
+</div><!-- /.modal -->
+
+<!--  Modal content for the Large example -->
+<div class="modal fade" id="member_ecard_mail_modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"
+    aria-hidden="true" aria-modal="true" data-backdrop="static">
+    <div class="modal-dialog modal-full-width">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h4 class="modal-title" id="myLargeModalLabel">Member ecard mail <span id="nameOfThePolicy"></span></h4>
+                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+            </div>
+            <div class="modal-body">
+
+                <div class="text-center" id="no_data"></div>
+
+                <form role="form" class="parsley-examples" method="post" id="member_ecard_mail_form" enctype="multipart/form-data">
+                    
+                    <div class="form-group">
+
+                        <div class="form-row" id="rac_rate_dropdown">
+                            <div class="form-group col-md-2">
+                                <label for="emp_code">Template Name</label>
+                            </div>
+                            <div class="form-group col-md-5">
+                                <input type="text" id="template_name" name="template_name" class="form-control" value="Member Ecard Mail" readonly placeholder="Template Name">
+                            </div>
+                        </div>
+
+                        <div class="form-row" id="rac_rate_dropdown">
+                            <div class="form-group col-md-2">
+                                <label for="emp_code">Subject</label>
+                            </div>
+                            <div class="form-group col-md-5">
+                                <input type="text" id="subject" name="subject" class="form-control" placeholder="Subject">
+                            </div>
+                            <div class="form-group col-md-2 testmail" style="display: none;">
+                                <a class="btn btn-primary waves-effect waves-light mr-1 setid" onclick="testMailSend(this)">Test Mail</a>
+                            </div>
+                        </div>
+                        <div class="form-row" id="rac_rate_dropdown">
+                            <div class="form-group col-md-12">
+                        <select id="member_ecard_mail_modal_customButton" class="form-control" style="border:none;right: 6px;width: auto;position: absolute;z-index: 1;top: 17px;height: 32px;float: right;">
+                            <option value="">PlaceHolders</option>
+                            <?php foreach ($placeHolders as $value): ?>
+                                
+                                <?php if($value == 'member_name' ||  $value == 'member_mobile' || $value == 'nhance_logo' || $value == 'client_logo' || $value == 'app_link' || $value == 'post_enrollment_app_link' || $value == 'client_name' ||  $value == 'ecard_download_link'){ ?>
+                                    <?php $valueChange = str_replace('_', ' ', $value); $valueChange = ucwords($valueChange); ?>
+                                    <option value="[[<?php echo $value; ?>]]"><?php echo $valueChange; ?></option>
+                                <?php } ?>
+                            <?php endforeach; ?>
+                        </select>
+                        </div>
+                        </div> 
+
+                        <div id="member_ecard_mail_snow_editor" style="height: 300px;">
+                                            
+                        </div>
+                        
+
+                        <div id="editor" name="content"></div>
+
+
+                        <input type="file" id="Question_title_fileInput" style="display: none;">
+                        <table id="attachment_table_ecard" class="table table-sm mb-0" style="margin-top: 30px;">
+                            <thead>
+                                <tr>
+                                    <th>Attachments</th>
+                                    <th>Action</th>
+                                </tr>
+                            </thead>
+                            <tbody id="attachment_tbody_ecard">
+                            </tbody>
+                        </table>
+
+                    </div>
+
+                    <div class="form-group text-right m-b-0">
+                        <button class="btn btn-primary waves-effect waves-light mr-1 preview_button" 
+                            id="">Preview</button>
+                        <button type="submit" class="btn btn-primary waves-effect waves-light mr-1"
+                            id="btnGridSubmit_2">Submit</button>
+                    </div>
+                </form>
+            </div>
+        </div><!-- /.modal-content -->
+    </div><!-- /.modal-dialog -->
+</div><!-- /.modal -->
+
+<!--  Modal content for the Large example -->
+<div class="modal fade" id="member_review_and_summary_mail_modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"
+    aria-hidden="true" aria-modal="true" data-backdrop="static">
+    <div class="modal-dialog modal-full-width">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h4 class="modal-title" id="myLargeModalLabel">Member Review and summary mail <span id="nameOfThePolicy"></span></h4>
+                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+            </div>
+            <div class="modal-body">
+
+                <div class="text-center" id="no_data"></div>
+
+                <form role="form" class="parsley-examples" method="post" id="member_review_and_summary_mail_form" enctype="multipart/form-data">
+                    
+                    <div class="form-group">
+
+                        <div class="form-row" id="rac_rate_dropdown">
+                            <div class="form-group col-md-2">
+                                <label for="emp_code">Template Name</label>
+                            </div>
+                            <div class="form-group col-md-5">
+                                <input type="text" id="template_name" name="template_name" value="Member Review and Summary Mail" readonly class="form-control" placeholder="Template Name">
+                            </div>
+                        </div>
+
+                        <div class="form-row" id="rac_rate_dropdown">
+                            <div class="form-group col-md-2">
+                                <label for="emp_code">Subject</label>
+                            </div>
+                            <div class="form-group col-md-5">
+                                <input type="text" id="subject" name="subject" class="form-control" placeholder="Subject">
+                            </div>
+                            <div class="form-group col-md-2 testmail" style="display: none;">
+                                <a class="btn btn-primary waves-effect waves-light mr-1 setid" onclick="testMailSend(this)">Test Mail</a>
+                            </div>
+                        </div>
+
+                        <!-- <div class="form-row" id="rac_rate_dropdown">
+                            <div class="form-group col-md-12">
+                                <select name="" id="" class="form-control" style="z-index: 1;float: right;position: absolute;margin-top: 18px;right: 53px;width: 100px;height: 30px;">
+                                    <option value="">1</option>
+                                    <option value="">2</option>
+                                    <option value="">3</option>
+                                    <option value="">4</option>
+                                    <option value="">6</option>
+                                </select>
+                            </div>
+                        </div> -->
+                        <div class="form-row" id="rac_rate_dropdown">
+                            <div class="form-group col-md-12">
+                        <select id="member_review_and_summary_mail_modal_customButton" class="form-control" style="border:none;right: 6px;width: auto;position: absolute;z-index: 1;top: 17px;height: 32px;float: right;">
+                            <option value="">PlaceHolders</option>
+                            <?php foreach ($placeHolders as $value): ?>
+                                <?php if($value == 'member_name' ||  $value == 'member_mobile' || $value == 'nhance_logo' || $value == 'client_logo' || $value == 'app_link' || $value == 'client_name' || $value == 'member_summary'){ ?>
+                                    <?php $valueChange = str_replace('_', ' ', $value); $valueChange = ucwords($valueChange); ?>
+                                    <option value="[[<?php echo $value; ?>]]"><?php echo $valueChange; ?></option>
+                                <?php } ?>
+                            <?php endforeach; ?>
+                        </select>
+                        </div>
+                        </div> 
+
+                        <div id="member_review_and_summary" style="height: 300px;">
+                                            
+                        </div>
+                        
+
+                        <div id="editor"></div>
+
+
+                        <input type="file" id="Question_title_fileInput" style="display: none;">
+
+                    </div>
+
+                    <div class="form-group text-right m-b-0">
+                        <button class="btn btn-primary waves-effect waves-light mr-1 preview_button"
+                            id="">Preview</button>
+                        <button type="submit" class="btn btn-primary waves-effect waves-light mr-1"
+                            id="btnGridSubmit_2">Submit</button>
+                    </div>
+                </form>
+            </div>
+        </div><!-- /.modal-content -->
+    </div><!-- /.modal-dialog -->
+</div><!-- /.modal -->
+
+<!--  Modal content for the Large example -->
+<!-- <div class="modal fade" id="account_maneger_summary_mail_modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"
+    aria-hidden="true" aria-modal="true" data-backdrop="static">
+    <div class="modal-dialog modal-full-width">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h4 class="modal-title" id="myLargeModalLabel">Member Review and summary mail <span id="nameOfThePolicy"></span></h4>
+                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+            </div>
+            <div class="modal-body">
+
+                <div class="text-center" id="no_data"></div>
+
+                <form role="form" class="parsley-examples" method="post" id="account_maneger_summary_mail_form" enctype="multipart/form-data">
+                    
+                    <div class="form-group">
+
+                        <div class="form-row" id="rac_rate_dropdown">
+                            <div class="form-group col-md-2">
+                                <label for="emp_code">Template Name</label>
+                            </div>
+                            <div class="form-group col-md-5">
+                                <input type="text" id="template_name" name="template_name" value="Account Manager Summary Mail" readonly class="form-control" placeholder="Template Name">
+                            </div>
+                        </div>
+
+                        <div class="form-row" id="rac_rate_dropdown">
+                            <div class="form-group col-md-2">
+                                <label for="emp_code">Subject</label>
+                            </div>
+                            <div class="form-group col-md-5">
+                                <input type="text" id="subject" name="subject" class="form-control" placeholder="Subject">
+                            </div>
+                            <div class="form-group col-md-2 testmail" style="display: none;">
+                                <a class="btn btn-primary waves-effect waves-light mr-1 setid" onclick="testMailSend(this)">Test Mail</a>
+                            </div>
+                        </div> -->
+
+                        <!-- <div class="form-row" id="rac_rate_dropdown">
+                            <div class="form-group col-md-12">
+                                <select name="" id="" class="form-control" style="z-index: 1;float: right;position: absolute;margin-top: 18px;right: 53px;width: 100px;height: 30px;">
+                                    <option value="">1</option>
+                                    <option value="">2</option>
+                                    <option value="">3</option>
+                                    <option value="">4</option>
+                                    <option value="">6</option>
+                                </select>
+                            </div>
+                        </div> -->
+                        <!-- <div class="form-row" id="rac_rate_dropdown">
+                            <div class="form-group col-md-12">
+                        <select id="account_maneger_summary_mail_modal_customButton" class="form-control" style="border:none;right: 6px;width: auto;position: absolute;z-index: 1;top: 17px;height: 32px;float: right;">
+                            <option value="">PlaceHolders</option>
+                            <?php foreach ($placeHolders as $value): ?>
+                                <?php if($value == 'member_name' || $value == 'nhance_logo' || $value == 'client_logo' || $value == 'app_link' || $value == 'client_name' || $value == 'member_summary'){ ?>
+                                    <?php $valueChange = str_replace('_', ' ', $value); $valueChange = ucwords($valueChange); ?>
+                                    <option value="[[<?php echo $value; ?>]]"><?php echo $valueChange; ?></option>
+                                <?php } ?>
+                            <?php endforeach; ?>
+                        </select>
+                        </div>
+                        </div> 
+
+                        <div id="account_maneger_summary_mail_snow_editor" style="height: 300px;">
+                                            
+                        </div>
+                        
+
+                        <div id="editor"></div>
+
+
+                        <input type="file" id="Question_title_fileInput" style="display: none;">
+
+                    </div>
+
+                    <div class="form-group text-right m-b-0">
+                        <button class="btn btn-primary waves-effect waves-light mr-1 preview_button"
+                            id="">Preview</button>
+                        <button type="submit" class="btn btn-primary waves-effect waves-light mr-1"
+                            id="btnGridSubmit_2">Submit</button>
+                    </div>
+                </form>
+            </div> -->
+        <!-- </div>/.modal-content -->
+    <!-- </div>/.modal-dialog -->
+<!-- </div>/.modal -->
+<div class="modal fade" id="account_maneger_summary_mail_modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"
+    aria-hidden="true" aria-modal="true" data-backdrop="static">
+    <div class="modal-dialog modal-full-width">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h4 class="modal-title" id="myLargeModalLabel">Member Review and summary mail <span id="nameOfThePolicy"></span></h4>
+                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+            </div>
+            <div class="modal-body">
+                <div class="text-center" id="no_data"></div>
+                <form role="form" class="parsley-examples" method="post" id="account_maneger_summary_mail_form" enctype="multipart/form-data">
+                    <div class="form-group">
+                        <div class="form-row" id="rac_rate_dropdown">
+                            <div class="form-group col-md-2">
+                                <label for="emp_code">Template Name</label>
+                            </div>
+                            <div class="form-group col-md-5">
+                                <input type="text" id="template_name" name="template_name" value="Account Maneger Summary Mail" readonly class="form-control" placeholder="Template Name">
+                            </div>
+                        </div>
+                        <div class="form-row" id="rac_rate_dropdown">
+                            <div class="form-group col-md-2">
+                                <label for="emp_code">Subject</label>
+                            </div>
+                            <div class="form-group col-md-5">
+                                <input type="text" id="subject" name="subject" class="form-control" placeholder="Subject">
+                            </div>
+                            <div class="form-group col-md-2 testmail" style="display: none;">
+                                <a class="btn btn-primary waves-effect waves-light mr-1 setid" onclick="testMailSend(this)">Test Mail</a>
+                            </div>
+                        </div>
+                        <div class="form-row" id="rac_rate_dropdown">
+                            <div class="form-group col-md-12">
+                        <select id="account_maneger_summary_mail_modal_customButton" class="form-control" style="border:none;right: 6px;width: auto;position: absolute;z-index: 1;top: 17px;height: 32px;float: right;" onchange="copyToClipboard(this)">
+                            <option value="">PlaceHolders</option>
+                            <?php foreach ($placeHolders as $value): ?>
+                                <?php if($value == 'member_name' || $value == 'nhance_logo' || $value == 'client_logo' || $value == 'app_link' || $value == 'client_name' || $value == 'member_summary'){ ?>
+                                    <?php $valueChange = str_replace('_', ' ', $value); $valueChange = ucwords($valueChange); ?>
+                                    <option value="{{<?php echo $value; ?>}}"><?php echo $valueChange; ?></option>
+                                <?php } ?>
+                            <?php endforeach; ?>
+                        </select>
+                            <span id="copy-feedback" style="display: none; position: absolute; top: 50px; right: 10px; color: green; font-size: 12px;">Copied to clipboard!</span>
+                        </div>
+                        </div> 
+                        <hr>
+                        <!-- Unlayer editor -->
+                        <div class="form-row" id="rac_rate_dropdown">
+                            <div class="form-group col-md-12">
+                                <div id="editor-container" style="height: 300px;width:max-content"></div>
+                            </div>
+                        </div>
+                        <div class="form-group text-right m-b-0">
+                            <button class="btn btn-primary waves-effect waves-light mr-1 preview_button"
+                                id="">Preview</button>
+                            <button type="submit" class="btn btn-primary waves-effect waves-light mr-1"
+                                id="btnGridSubmit_2">Submit</button>
+                        </div>
+                    </div>
+                </form>
+            </div>
+        </div><!-- /.modal-content -->
+    </div><!-- /.modal-dialog -->
+</div><!-- /.modal -->
+
+
+<!--  Modal content for the Large example -->
+<div class="modal fade" id="client_hr_summary_mail_modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"
+    aria-hidden="true" aria-modal="true" data-backdrop="static">
+    <div class="modal-dialog modal-full-width">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h4 class="modal-title" id="myLargeModalLabel">Member Review and summary mail <span id="nameOfThePolicy"></span></h4>
+                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+            </div>
+            <div class="modal-body">
+
+                <div class="text-center" id="no_data"></div>
+
+                <form role="form" class="parsley-examples" method="post" id="client_hr_summary_mail_form" enctype="multipart/form-data">
+                    
+                    <div class="form-group">
+
+                        <div class="form-row" id="rac_rate_dropdown">
+                            <div class="form-group col-md-2">
+                                <label for="emp_code">Template Name</label>
+                            </div>
+                            <div class="form-group col-md-5">
+                                <input type="text" id="template_name" name="template_name" value="Client HR Summary Mail" readonly class="form-control" placeholder="Template Name">
+                            </div>
+                        </div>
+
+                        <div class="form-row" id="rac_rate_dropdown">
+                            <div class="form-group col-md-2">
+                                <label for="emp_code">Subject</label>
+                            </div>
+                            <div class="form-group col-md-5">
+                                <input type="text" id="subject" name="subject" class="form-control" placeholder="Subject">
+                            </div>
+                            <div class="form-group col-md-2 testmail" style="display: none;">
+                                <a class="btn btn-primary waves-effect waves-light mr-1 setid" onclick="testMailSend(this)">Test Mail</a>
+                            </div>
+                        </div>
+
+                        <!-- <div class="form-row" id="rac_rate_dropdown">
+                            <div class="form-group col-md-12">
+                                <select name="" id="" class="form-control" style="z-index: 1;float: right;position: absolute;margin-top: 18px;right: 53px;width: 100px;height: 30px;">
+                                    <option value="">1</option>
+                                    <option value="">2</option>
+                                    <option value="">3</option>
+                                    <option value="">4</option>
+                                    <option value="">6</option>
+                                </select>
+                            </div>
+                        </div> -->
+                        <div class="form-row" id="rac_rate_dropdown">
+                            <div class="form-group col-md-12">
+                        <select id="client_hr_summary_mail_modal_customButton" class="form-control" style="border:none;right: 6px;width: auto;position: absolute;z-index: 1;top: 17px;height: 32px;float: right;">
+                            <option value="">PlaceHolders</option>
+                            <?php foreach ($placeHolders as $value): ?>
+                                <?php if($value == 'member_name' || $value == 'nhance_logo' || $value == 'client_logo' || $value == 'app_link' || $value == 'client_name' || $value == 'member_summary'){ ?>
+                                    <?php $valueChange = str_replace('_', ' ', $value); $valueChange = ucwords($valueChange); ?>
+                                    <option value="[[<?php echo $value; ?>]]"><?php echo $valueChange; ?></option>
+                                <?php } ?>
+                            <?php endforeach; ?>
+                        </select>
+                        </div>
+                        </div> 
+
+                        <div id="client_hr_summary" style="height: 300px;">
+                                            
+                        </div>
+                        
+
+                        <div id="editor"></div>
+
+
+                        <input type="file" id="Question_title_fileInput" style="display: none;">
+
+                    </div>
+
+                    <div class="form-group text-right m-b-0">
+                        <button class="btn btn-primary waves-effect waves-light mr-1 preview_button"
+                            id="">Preview</button>
+                        <button type="submit" class="btn btn-primary waves-effect waves-light mr-1"
+                            id="btnGridSubmit_2">Submit</button>
+                    </div>
+                </form>
+            </div>
+        </div><!-- /.modal-content -->
+    </div><!-- /.modal-dialog -->
+</div><!-- /.modal -->
+
+
+<div class="modal fade" id="preview_modal" tabindex="-1" role="dialog" aria-hidden="false" aria-modal="true" data-backdrop="static">
+    <div class="modal-dialog modal-dialog-centered">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h4 class="modal-title" id="myLargeModalLabel">Testing Mail Data<span id="nameOfThePolicy"></span></h4>
+                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+            </div>
+            <div class="modal-body">
+
+                <div class="text-center" id="no_data"></div>
+                
+            </div>
+        </div><!-- /.modal-content -->
+    </div><!-- /.modal-dialog -->
+</div><!-- /.modal -->
+
+<script>
+
+    
+// document.addEventListener('DOMContentLoaded', function () {
+
+//     console.log('DOMContentLoaded start');
+
+//     var memberWelcomeMailModal = new bootstrap.Modal(document.getElementById('member_welcome_mail_modal'));
+//     var previewModal = new bootstrap.Modal(document.getElementById('preview_modal'));
+
+
+//     document.getElementById('preview_modal').addEventListener('hidden.bs.modal', function () {
+//         console.log('testing modal');
+//         memberWelcomeMailModal.show();
+//         console.log('testing modal end');
+//     });
+
+//     console.log('DOMContentLoaded end');
+
+// });
+    
+    $(document).on('hide.bs.modal', '.modal', function () {
+        console.log("Modal is hidden");
+    });
+
+    $(document).on('show.bs.modal', '.modal', function () {
+        console.log("Modal is hidden");
+    });
+
+    $(document).ready(function() {
+
+        console.log('document ready start');
+
+        var memberWelcomeMailModal = new bootstrap.Modal(document.getElementById('member_welcome_mail_modal'));
+        var previewModal = new bootstrap.Modal(document.getElementById('preview_modal'));
+
+
+        document.getElementById('preview_modal').addEventListener('hidden.bs.modal', function () {
+            console.log('testing modal');
+            memberWelcomeMailModal.show();
+            console.log('testing modal end');
+        });
+
+        console.log('document ready end');
+
+
+
+        var toolbar = "bold,italic,strikethrough,|,superscript,subscript,|,align,";
+        const editorConfig = {
+            buttons: toolbar.concat(['fontsize']),
+            fontsize: [8, 10, 12, 14, 16, 18, 20, 22, 24], // Customize font sizes
+            showPlaceholder: false,
+            toolbarButtonSize: 'small',
+            toolbarAdaptive: false,
+            saveHeightInStorage: true,
+            minHeight: 400,
+            extraButtons: [
+                {
+                    name: 'info',
+                    iconURL: '<?= base_url()."public"; ?>/assets/images/image-solid.svg', // Replace with the actual icon URL
+                    exec: function (editor) {
+                        const fileInput = document.getElementById("Question_title_fileInput");
+                        fileInput.click();
+                    },
+                },
+            ],
+        };
+
+        const editor = Jodit.make("#member_welcome_mail_snow_editor", editorConfig);
+
+        const editor2 = Jodit.make("#member_reminder_mail_snow_editor", editorConfig);
+
+
+        const editor6 = Jodit.make("#member_ecard_mail_snow_editor", editorConfig);
+
+        const editor3 = Jodit.make("#member_review_and_summary", editorConfig);
+
+
+        // const editor4 = Jodit.make("#account_maneger_summary_mail_snow_editor", editorConfig);
+        
+        
+        const editor5 = Jodit.make("#client_hr_summary", editorConfig);
+        
+        document.addEventListener('change', function(event) 
+        {
+            var target = event.target;
+            if (target.matches('#member_welcome_mail_customButton')) 
+            {
+                editor.selection.insertHTML($(target).val());
+                $(target).val('');
+            } 
+            else if (target.matches('#member_reminder_mail_modal_customButton')) 
+            {
+                editor2.selection.insertHTML($(target).val());
+                $(target).val('');
+            }
+            else if (target.matches('#member_ecard_mail_modal_customButton')) 
+            {
+                editor6.selection.insertHTML($(target).val());
+                $(target).val('');
+            }
+            else if (target.matches('#member_review_and_summary_mail_modal_customButton')) 
+            {
+                editor3.selection.insertHTML($(target).val());
+                $(target).val('');
+            }
+            else if (target.matches('#account_maneger_summary_mail_modal_customButton')) 
+            {
+                // editor4.selection.insertHTML($(target).val());
+                $(target).val('');
+            } 
+            else if (target.matches('#client_hr_summary_mail_modal_customButton')) 
+            {
+                editor5.selection.insertHTML($(target).val());
+                $(target).val('');
+            }
+        });
+
+        $('.close').click(function () 
+        {
+            $(this).parent().parent().find('#subject').val('');
+            editor.setEditorValue('');
+            editor2.setEditorValue('');
+            editor3.setEditorValue('');
+            // editor4.setEditorValue('');
+            editor5.setEditorValue('');
+            editor6.setEditorValue('');
+
+        })
+        
+        const fileInput = document.getElementById("Question_title_fileInput");
+
+        fileInput.addEventListener("change", () => {
+            const file = fileInput.files[0];
+            if (file) 
+            {
+                const reader = new FileReader();
+                reader.onload = function(e) {
+                const imageUrl = e.target.result;
+                editor.selection.insertImage(imageUrl);
+                };
+                reader.readAsDataURL(file);
+            }
+            fileInput.value = '';
+        });
+
+        $('#member_welcome_mail_form').submit(function (event) 
+        {
+            event.preventDefault(); 
+            var joditEditor = editor;
+            if (joditEditor) 
+            {
+                var mailContent = $(joditEditor.currentPlace.container).find('.jodit-wysiwyg').html();
+                var formData = $(this).serializeArray();
+                formData.push({ name: 'mailContent', value: mailContent });
+                formData.push({ name: 'client_id', value: $('#general_PrimaryKey').val() });
+
+                $('.loader').fadeIn();
+                $('.loader-mask').fadeIn();
+                var form_action = '<?= base_url("client/notification/create") ?>'; 
+                $.ajax({
+                    url: form_action,
+                    type: "POST",
+                    data: formData,
+                    dataType: 'json',
+                    success: function(res) 
+                    {
+                        $('#member_welcome_mail_modal').find('.close').click();
+                        $('.loader').fadeOut();
+                        $('.loader-mask').delay(350).fadeOut('slow');
+                    },
+                    error: function (xhr, status, error) 
+                    {
+                        console.error(xhr.responseText);
+                        console.error(status, error);
+                        setTimeout(function() 
+                        {
+                            $('.loader').fadeOut();
+                            $('.loader-mask').delay(350).fadeOut('slow');
+                            toastr.warning('Something Wrong!', 'warning');
+                        }, 1000);
+                    }
+                });
+            } 
+            else 
+            {
+                console.error("Jodit editor instance is not defined.");
+            }
+        })
+
+        $('#member_reminder_mail_form').submit(function (event) 
+        {
+            event.preventDefault(); 
+            var joditEditor = editor2;
+            if (joditEditor) {
+                var mailContent = $(joditEditor.currentPlace.container).find('.jodit-wysiwyg').html();
+                var formData = $(this).serializeArray();
+                formData.push({ name: 'mailContent', value: mailContent });
+                formData.push({ name: 'client_id', value: $('#general_PrimaryKey').val() });
+
+                $('.loader').fadeIn();
+                $('.loader-mask').fadeIn();
+                var form_action = '<?= base_url("client/notification/create") ?>'; 
+                $.ajax({
+                    url: form_action,
+                    type: "POST",
+                    data: formData,
+                    dataType: 'json',
+                    success: function(res) 
+                    {
+                        console.log($('#member_reminder_mail_modal'));
+                        $('#member_reminder_mail_modal').find('.close').click();
+                        $('.loader').fadeOut();
+                        $('.loader-mask').delay(350).fadeOut('slow');
+                    },
+                    error: function (xhr, status, error) 
+                    {
+                        console.error(xhr.responseText);
+                        console.error(status, error);
+                        setTimeout(function() 
+                        {
+                            $('.loader').fadeOut();
+                            $('.loader-mask').delay(350).fadeOut('slow');
+                            toastr.warning('Something Wrong!', 'warning');
+                        }, 1000);
+                    }
+                });
+            } 
+            else 
+            {
+                console.error("Jodit editor instance is not defined.");
+            }
+        })
+
+        $('#member_ecard_mail_form').submit(function (event) 
+        {
+            event.preventDefault();
+            var joditEditor = editor6;
+            if (joditEditor) {
+                var mailContent = $(joditEditor.currentPlace.container).find('.jodit-wysiwyg').html();
+                var formData = $(this).serializeArray();
+                formData.push({ name: 'mailContent', value: mailContent });
+                formData.push({ name: 'client_id', value: $('#general_PrimaryKey').val() });
+
+                formData.forEach(function(item) {
+                    if (item.name === 'subject') {
+                        // Clean the subject value by removing unwanted characters
+                        item.value = item.value.replace(/[Â]/g, "").replace(/[^\x20-\x7E]/g, '');
+                    }
+                });
+
+
+                $('.loader').fadeIn();
+                $('.loader-mask').fadeIn();
+                var form_action = '<?= base_url("client/notification/create") ?>'; 
+                $.ajax({
+                    url: form_action,
+                    type: "POST",
+                    data: formData,
+                    dataType: 'json',
+                    success: function(res) 
+                    {
+                        $('#member_ecard_mail_modal').find('.close').click();
+                        $('.loader').fadeOut();
+                        $('.loader-mask').delay(350).fadeOut('slow');
+                    },
+                    error: function (xhr, status, error) 
+                    {
+                        console.error(xhr.responseText);
+                        console.error(status, error);
+                        setTimeout(function() 
+                        {
+                            $('.loader').fadeOut();
+                            $('.loader-mask').delay(350).fadeOut('slow');
+                            toastr.warning('Something Wrong!', 'warning');
+                        }, 1000);
+                    }
+                });
+            } 
+            else 
+            {
+                console.error("Jodit editor instance is not defined.");
+            }
+        })
+
+        $('#member_review_and_summary_mail_form').submit(function (event) 
+        {
+            event.preventDefault(); 
+            var joditEditor = editor3;
+            if (joditEditor) {
+                var mailContent = $(joditEditor.currentPlace.container).find('.jodit-wysiwyg').html();
+                var formData = $(this).serializeArray();
+                formData.push({ name: 'mailContent', value: mailContent });
+                formData.push({ name: 'client_id', value: $('#general_PrimaryKey').val() });
+
+                $('.loader').fadeIn();
+                $('.loader-mask').fadeIn(); 
+                var form_action = '<?= base_url("client/notification/create") ?>'; 
+                $.ajax({
+                    url: form_action,
+                    type: "POST",
+                    data: formData,
+                    dataType: 'json',
+                    success: function(res) 
+                    {
+                        $('#member_review_and_summary_mail_modal').find('.close').click();
+                        $('.loader').fadeOut();
+                        $('.loader-mask').delay(350).fadeOut('slow');
+                    },
+                    error: function (xhr, status, error)
+                    {
+                        console.error(xhr.responseText);
+                        console.error(status, error);
+                        setTimeout(function() 
+                        {
+                            $('.loader').fadeOut();
+                            $('.loader-mask').delay(350).fadeOut('slow');
+                            toastr.warning('Something Wrong!', 'warning');
+                        }, 1000);
+                    }
+                });
+            }
+            else 
+            {
+                console.error("Jodit editor instance is not defined.");
+            }
+        })
+
+        // $('#account_maneger_summary_mail_form').submit(function (event) 
+        // {
+        //     event.preventDefault();
+        //     var joditEditor = editor4;
+        //     if (joditEditor) 
+        //     {
+        //         var mailContent = $(joditEditor.currentPlace.container).find('.jodit-wysiwyg').html();
+        //         var formData = $(this).serializeArray();
+        //         formData.push({ name: 'mailContent', value: mailContent });
+        //         formData.push({ name: 'client_id', value: $('#general_PrimaryKey').val() });
+
+        //         $('.loader').fadeIn();
+        //         $('.loader-mask').fadeIn();
+        //         var form_action = '<?= base_url("client/notification/create") ?>'; 
+        //         $.ajax({
+        //             url: form_action,
+        //             type: "POST",
+        //             data: formData,
+        //             dataType: 'json',
+        //             success: function(res) 
+        //             {
+        //                 $('#account_maneger_summary_mail_modal').find('.close').click();
+        //                 $('.loader').fadeOut();
+        //                 $('.loader-mask').delay(350).fadeOut('slow');
+        //             },
+        //             error: function (xhr, status, error) 
+        //             {
+        //                 console.error(xhr.responseText);
+        //                 console.error(status, error);
+        //                 setTimeout(function() 
+        //                 {
+        //                     $('.loader').fadeOut();
+        //                     $('.loader-mask').delay(350).fadeOut('slow');
+        //                     toastr.warning('Something Wrong!', 'warning');
+        //                 }, 1000);
+        //             }
+        //         });
+        //     }
+        //     else
+        //     {
+        //         console.error("Jodit editor instance is not defined.");
+        //     }
+        // })
+
+        $('#client_hr_summary_mail_form').submit(function (event) 
+        {
+            event.preventDefault();
+            var joditEditor = editor5;
+            if (joditEditor) 
+            {
+                var mailContent = $(joditEditor.currentPlace.container).find('.jodit-wysiwyg').html();
+                var formData = $(this).serializeArray();
+                formData.push({ name: 'mailContent', value: mailContent });
+                formData.push({ name: 'client_id', value: $('#general_PrimaryKey').val() });
+
+                $('.loader').fadeIn();
+                $('.loader-mask').fadeIn();
+                var form_action = '<?= base_url("client/notification/create") ?>'; 
+                $.ajax({
+                    url: form_action,
+                    type: "POST",
+                    data: formData,
+                    dataType: 'json',
+                    success: function(res) 
+                    {
+                        $('#client_hr_summary_mail_modal').find('.close').click();
+                        $('.loader').fadeOut();
+                        $('.loader-mask').delay(350).fadeOut('slow');
+                    },
+                    error: function (xhr, status, error) 
+                    {
+                        console.error(xhr.responseText);
+                        console.error(status, error);
+                        setTimeout(function() 
+                        {
+                            $('.loader').fadeOut();
+                            $('.loader-mask').delay(350).fadeOut('slow');
+                            toastr.warning('Something Wrong!', 'warning');
+                        }, 1000);
+                    }
+                });
+            }
+            else 
+            {
+                console.error("Jodit editor instance is not defined.");
+            }
+        })
+
+        $(document).on('click', '#notification_enable_form_submit', function() 
+        {
+            var formData = [];
+            console.log($('#hr_mail_id').val());
+
+            formData.push({name:'client_id', value: $('#general_PrimaryKey').val()})
+            formData.push({ name: 'nhance_team_mail_ids', value: $('#nhance_team_mail_ids').val() });
+            formData.push({ name: 'hr_mail_id', value: $('#hr_mail_id').val() });
+            formData.push({ name: 'mail_domain', value: $('#mail_domain').val() });
+            formData.push({ name: 'reply_to', value: $('#reply_to').val() });
+            formData.push({ name: 'member_welcome_mail_btn', value: $('#member_welcome_mail_btn').prop('checked') });
+            formData.push({ name: 'member_reminder_mail_btn', value: $('#member_reminder_mail_btn').prop('checked') });
+            formData.push({ name: 'member_ecard_mail_btn', value: $('#member_ecard_mail_btn').prop('checked') });
+            formData.push({ name: 'member_review_and_summary_mail_btn', value: $('#member_review_and_summary_mail_btn').prop('checked') });
+            formData.push({ name: 'account_maneger_summary_mail_btn', value: $('#account_maneger_summary_mail_btn').prop('checked') });
+            formData.push({ name: 'client_hr_summary_mail_btn', value: $('#client_hr_summary_mail_btn').prop('checked') });
+
+            var form_action = '<?= base_url("client/notification/update_enable") ?>'; 
+            $('.loader').fadeIn();
+            $('.loader-mask').fadeIn();
+            $.ajax({
+                url: form_action,
+                type: "POST",
+                data: formData,
+                dataType: 'json',
+                success: function(res) 
+                {
+                    console.log(res);
+                    if (res) 
+                    {
+                        toastr.success('Update Successfully');       
+                    }
+                    $('.loader').fadeOut();
+                    $('.loader-mask').delay(350).fadeOut('slow');
+                },
+                error: function (xhr, status, error) 
+                {
+                    console.error(xhr.responseText);
+                    console.error(status, error);
+                    setTimeout(function() 
+                    {
+                        $('.loader').fadeOut();
+                        $('.loader-mask').delay(350).fadeOut('slow');
+                        toastr.warning('Something Wrong!', 'warning');
+                    }, 1000);
+                }
+            });    
+        })
+    });
+    
+    if ($('#myDropdown')[0]) {    
+        document.getElementById("myDropdown").addEventListener("click", function(event) 
+        {
+            // Check if the clicked element is a dropdown item
+            if (event.target.classList.contains("dropdown-item")) 
+            {
+                const selectedValue = event.target.innerText; 
+                const editor = Jodit.instances["member_reminder_mail_snow_editor"];
+                editor.selection.insertHTML(selectedValue); 
+            }
+        });
+    }
+
+    function snakeCaseToCamelCase(input) 
+    {
+        return input.split('_').map(function(word, index) 
+        {
+            return word.charAt(0).toUpperCase() + word.slice(1);
+        }).join(' ');
+    }
+template_name = '';
+    function getMailTemplateData(element)
+    {
+        template_name = $(element).attr('id');
+
+        if (template_name == "member_welcome_mail" || template_name == "member_reminder_mail" ||  template_name == "member_ecard_mail" || template_name == "member_review_and_summary_mail"  || template_name == "client_hr_summary_mail") 
+        {
+            $('.loader').fadeIn();
+            $('.loader-mask').fadeIn();
+
+            var form_action = '<?= base_url("client/notification/getMailTemplateData/") ?>'+template_name+ '/' + $('#general_PrimaryKey').val(); 
+
+            $.ajax({
+                url: form_action,
+                type: "GET",
+                dataType: 'json',
+                success: function(res) {
+                    console.log('get Mail Template Data', res);
+                    if (res) 
+                    {
+                        // $(`#${template_name}_form`).find('#template_name').val(snakeCaseToCamelCase(res.template_name));
+                        $(`#${template_name}_form`).find('#subject').val(res.subject);
+                        $(`#${template_name}_form`).find('.jodit-wysiwyg').html(res.mail_content);
+
+                        console.log(res.id)
+                        console.log(res.data)
+
+                        if(res.data){
+                            addHTMLInput(res.data);
+                        }else{
+                            addHTMLInput();
+                        } 
+
+                        if(res.id){
+                            $('.testmail').show();
+                            $('#attachment_table').show();
+                            $('#attachment_table_ecard')
+                            $('.setid').attr('data-id', res.id);
+                        }else{
+                            $('.testmail').hide();
+                            $('#attachment_table').hide();
+                            $('#attachment_table_ecard').hide();
+                            $('.setid').attr('data-id', '');
+                        }
+
+                    }else{
+                        $('.testmail').hide();
+                        $('#attachment_table').hide();
+                        $('#attachment_table_ecard').hide();
+                        $('.setid').attr('data-id', '');
+
+                    }
+                    $('.loader').fadeOut();
+                    $('.loader-mask').delay(350).fadeOut('slow');
+                },
+                error: function (xhr, status, error) {
+                    console.error(xhr.responseText);
+                    console.error(status, error);
+                    setTimeout(function() {
+                        $('.loader').fadeOut();
+                        $('.loader-mask').delay(350).fadeOut('slow');
+                        toastr.warning('Something Wrong!', 'warning');
+                    }, 1000);
+                }
+            });
+        }
+    }
+
+    function testMailSend(input){
+
+        // var memberWelcomeMailModal = new bootstrap.Modal(document.getElementById('member_welcome_mail_modal'));
+        // var previewModal = new bootstrap.Modal(document.getElementById('preview_modal'));
+        // previewModal.show();
+        // $('.close').click();
+
+        // Swal.fire({
+        //     title: "Enter Testing mail",
+        //     input: "text",
+        //     inputPlaceholder: "Enter your email",
+        //     showCancelButton: true,
+        //     confirmButtonText: "Submit",
+        //     backdrop: 'static',  // Prevent focus issue by disallowing clicking outside
+        //     preConfirm: (inputValue) => {
+        //         if (!inputValue) {
+        //             Swal.showValidationMessage('Please enter a valid email');
+        //         }
+        //         return inputValue;
+        //     }
+        // }).then((result) => {
+        //     if (result.isConfirmed) {
+        //         Swal.fire({
+        //             title: `Entered Email: ${result.value}`,
+        //             text: 'This is the email you entered.',
+        //             icon: 'success'
+        //         });
+        //     }
+        // });
+        // return  false;
+
+        let test_mail = prompt("Please enter test mail:");
+        console.log('mail address:', test_mail);
+
+        if (test_mail !== null || test_mail !== "") {
+
+            if(isValidEmail(test_mail)){
+
+                var template_id = $(input).data('id');
+                console.log('templte id', template_id);
+
+                if(template_id){
+                    let url = '<?= base_url('util/sentTestMail/') ?>' + template_id + '/' + test_mail;
+                    console.log('testing mail url:', url);
+
+                    $('.loader').fadeIn();
+                    $('.loader-mask').fadeIn();
+
+                    $.ajax({
+                        url: url,
+                        type: "GET",
+                        dataType: 'json',
+                        success: function (res) {
+
+                            console.log('Test mail send function response', res)
+
+                            $('.loader').fadeOut();
+                            $('.loader-mask').delay(350).fadeOut('slow');
+
+                            if(res.status == true){
+
+                                let respond = res.respond;
+                                console.log('Parsed respond', respond)
+
+                                if(respond.status == 'success'){
+                                    toastr.success(respond.message, 'SUCCESS')
+                                }else{
+                                    toastr.warning(respond.message, 'WARNING')
+                                }
+                                
+                            }else{
+                                toastr.warning('Failed to sent mail', 'WARNING')
+                            }
+                        },
+                        error: function (xhr, status, error) {
+
+                            $('.loader').fadeOut();
+                            $('.loader-mask').delay(350).fadeOut('slow');
+
+                            console.error(xhr.responseText);
+                            console.error(status, error);
+                        }        
+                    });
+
+                }else{
+                    let alert_msg = 'Template ID not exist'
+                    toastr.warning(alert_msg, 'WARNING');
+                }
+
+            }else{
+                toastr.warning('Please enter the valid mail', 'WARNING');
+            }
+            
+        }else{
+
+            toastr.warning('Please enter the valid mail', 'WARNING');
+        }
+
+    }
+
+    function isValidEmail(email) {
+        const emailPattern = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
+        return emailPattern.test(email);
+    }
+
+    function addHTMLInput(data = null) {   
+
+        console.log('addHTMLInput function called');
+        console.log(template_name);
+        var container  = '';
+        if (template_name == 'member_welcome_mail'){
+            container = document.getElementById('attachment_tbody');
+        }else{
+            container = document.getElementById('attachment_tbody_ecard');
+        }
+
+        if (data) {
+
+            $(container).empty(); 
+
+            data.forEach(item => {
+                const newRow = document.createElement('tr');
+                newRow.className = 'dynamic-form-row';
+
+                newRow.innerHTML = `
+                    <td> ${item.file_name} </td>
+                    <td> <a class="fa fa-trash" data-id="${item.id}" onclick="removeAttachment('${item.id}')"></a></td>
+                `;
+
+                container.appendChild(newRow);
+            });
+
+            // Creating another row for the form with file input
+            const newFormRow = document.createElement('tr');
+            newFormRow.className = 'dynamic-form-row';
+
+            newFormRow.innerHTML = `
+                <td>
+                    <form class="ajax" onsubmit="submitAttachmentForm(event, this)">
+                        <div class="form-row">
+                            <div class="form-group col-3">
+                                <input type="file" class="file-input__input" name="file" required>
+                            </div>
+                            <div class="form-group col-2">
+                                <button type="submit" class="btn btn-sm btn-primary">Submit</button>
+                            </div>
+                        </div>
+                    </form>
+                </td>
+            `;
+                
+            container.appendChild(newFormRow);
+
+        } else {
+            // If no data is passed, create a new empty row
+            const newRow = document.createElement('tr');
+            newRow.className = 'dynamic-form-row';
+
+            newRow.innerHTML = `
+                <td>
+                    <form class="ajax" onsubmit="submitAttachmentForm(event, this)">
+                        <div class="form-row">
+                            <div class="form-group col-3">
+                                <input type="file" class="file-input__input" name="file" required>
+                            </div>
+                            <div class="form-group col-2">
+                                <button type="submit" class="btn btn-sm btn-primary">Submit</button>
+                            </div>
+                        </div>
+                    </form>
+                </td>
+            `;
+            container.appendChild(newRow);
+        }
+    }
+
+    function removeHTMLInput(element) {
+        if (template_name == 'member_welcome_mail'){
+            const container = document.getElementById('attachment_tbody');
+        }else{
+            const container = document.getElementById('attachment_tbody_ecard');
+        }        
+        const rows = container.querySelectorAll('.dynamic-form-row');
+
+        if (rows.length > 1) {
+            const row = element.closest('.dynamic-form-row');
+            row.remove();
+        } 
+    }
+
+    function submitAttachmentForm(event, form) {
+
+        event.preventDefault(); // Prevent the default form submission
+
+        // var template_name = template_name;
+        var client_id = $('#general_PrimaryKey').val();
+        // console.log(client_id);
+
+        const formData = new FormData(form);
+        formData.append('template_name', template_name);
+        formData.append('client_id', client_id);
+        console.log(formData.template_name);
+        const fileInput = form.querySelector('input[type="file"]');
+
+        // Check if a file is selected
+        if (!fileInput.files.length) {
+            toastr.warning("Please select a file to upload.");
+            return;
+        }
+
+        // Optional: Display a loading indicator
+        const submitButton = form.querySelector('button[type="submit"]');
+        submitButton.disabled = true;
+        submitButton.innerText = 'Uploading...';
+
+        $('.loader').fadeIn();
+        $('.loader-mask').fadeIn();
+
+        // AJAX request to upload the file
+        $.ajax({
+            url: '<?= base_url('client/notification/add_attachment') ?>', // Replace with your actual upload URL
+            type: 'POST',
+            data: formData,
+            processData: false,
+            contentType: false,
+            success: function(response) {
+
+                console.log(response)
+                $('.loader').fadeOut();
+                $('.loader-mask').delay(350).fadeOut('slow');
+
+                if(response.status == true){
+                    toastr.success(response.message, 'SUCCESS');
+                    addHTMLInput(response.data);
+                }else{
+                    toastr.error(response.message, 'ERROR');
+                } 
+            },
+            error: function(xhr, status, error) {
+                $('.loader').fadeOut();
+                $('.loader-mask').delay(350).fadeOut('slow');
+                // Handle error
+                console.error('Upload error occurred:');
+                console.error('Status: ', status);  // Status of the request
+                console.error('Error: ', error);    // Specific error message
+                console.error('XHR Object: ', xhr); // Full XHR object with response details
+
+                // Optionally log server response, if available
+                if (xhr.responseText) {
+                    console.error('Response Text: ', xhr.responseText);
+                }
+
+                toastr.warning('Error uploading file', 'WARNING');
+                console.error('Upload error:', error);
+            },
+            complete: function() {
+                $('.loader').fadeOut();
+                $('.loader-mask').delay(350).fadeOut('slow');
+                // Re-enable the submit button and reset its text
+                submitButton.disabled = false;
+                submitButton.innerText = 'Submit';
+            }
+        });
+    }
+
+    function removeAttachment(id){
+
+        // var template_name = template_name
+        var client_id = $('#general_PrimaryKey').val();
+
+        $('.loader').fadeIn();
+        $('.loader-mask').fadeIn();
+
+        $.ajax({
+            url: '<?php echo base_url('client/notification/removeAttachment/');?>'+ id + '/' + client_id + '/' + template_name,
+            type: "GET",
+            dataType: 'json',
+            success: function (res) {
+
+                console.log('removeAttachment response', res)
+                $('.loader').fadeOut();
+                $('.loader-mask').delay(350).fadeOut('slow');
+
+                if(res.status == true){
+                   toastr.success(res.message, 'SUCCESS')
+                   addHTMLInput(res.data);
+                }else{
+                   toastr.warning(res.message, 'WARNING')
+                }
+            },
+            error: function (xhr, status, error) {
+                $('.loader').fadeOut();
+                $('.loader-mask').delay(350).fadeOut('slow');
+                console.error(xhr.responseText);
+                console.error(status, error);
+            }        
+        });
+
+    }
+    
+
+
+</script>
+<script>
+// Global editor variable
+let editor = null;
+
+// Function to check if unlayer is loaded and available
+function isUnlayerLoaded() {
+    return typeof unlayer !== 'undefined' && unlayer !== null;
+}
+
+// Enhanced waiting function with better error handling
+function waitForUnlayer(callback, maxAttempts = 20) {
+    let attempts = 0;
+    
+    const checkUnlayer = setInterval(function() {
+        attempts++;
+        console.log("Checking for Unlayer, attempt:", attempts);
+        
+        if (isUnlayerLoaded()) {
+            clearInterval(checkUnlayer);
+            console.log("Unlayer loaded successfully");
+            callback(true);
+        } else if (attempts >= maxAttempts) {
+            clearInterval(checkUnlayer);
+            console.error("Unlayer failed to load after", attempts, "attempts");
+            callback(false);
+        }
+    }, 1000); // Increased interval to 1 second
+}
+
+// Improved editor initialization function
+function initializeEditor(callback) {
+    
+    console.log("Starting editor initialization...");
+    
+    const editorContainer = document.getElementById('editor-container');
+    if (!editorContainer) {
+        console.error("Editor container not found");
+        if (callback) callback(null);
+        return;
+    }
+
+    // Ensure the script is loaded
+    if (!document.querySelector('script[src*="unlayer"]')) {
+        console.error("Unlayer script is not included in the page");
+        if (callback) callback(null);
+        return;
+    }
+    $('.loader').fadeIn();
+    $('.loader-mask').fadeIn();
+
+    waitForUnlayer(function(unlayerLoaded) {
+        if (!unlayerLoaded) {
+            console.error("Unlayer not available");
+            if (callback) callback(null);
+            return;
+        }
+
+        try {
+            // Destroy existing instance if it exists
+            if (editor) {
+                console.log("Destroying existing editor...");
+                editor.destroy();
+                editor = null;
+            }
+
+            // Clear the container
+            editorContainer.innerHTML = '';
+
+            // Create new editor instance with error handling
+            console.log("Creating new editor instance...");
+            editor = unlayer.createEditor({
+                id: 'editor-container',
+                projectId: 263979,
+                displayMode: "email",
+                features: {
+                    textEditor: {tables: true },
+                    preview: {enabled: true,deviceOptions: ['desktop', 'mobile']},
+                    // preview: { enabled: true },
+                    imageEditor: { enabled: true },
+                    appearance: {
+                        theme: 'light',
+                        panels: {
+                            tools: { dock: "right" }
+                        }
+                    }
+                },
+                branding:false,
+                tools: {
+                    // Configure any specific tools you need
+                    text: {
+                        enabled: true
+                    },
+                    image: {
+                        enabled: true
+                    }
+                }
+            });
+
+            // Verify editor initialization
+            if (!editor || typeof editor.loadDesign !== 'function') {
+                throw new Error("Editor initialization failed - editor instance is invalid");
+            }
+
+            console.log("Editor initialization completed successfully");
+            $('.loader').fadeOut();
+            $('.loader-mask').fadeOut();
+            if (callback) callback(editor);
+
+        } catch (error) {
+            console.error("Error in editor initialization:", error);
+            if (callback) callback(null);
+             $('.loader').fadeOut();
+            $('.loader-mask').fadeOut();
+        }
+    });
+}
+
+// Modified template data function with better error handling
+function getMailTemplateData2(element) {
+    const template_name = element.id;
+    const validTemplates = [
+        "account_maneger_summary_mail","member_reminder_mail","member_ecard_mail"
+    ];
+
+    if (!validTemplates.includes(template_name)) {
+        console.error("Invalid template name:", template_name);
+        return;
+    }
+
+    $('.loader').fadeIn();
+    $('.loader-mask').fadeIn();
+
+    const primaryKey = $('#general_PrimaryKey').val();
+    const baseUrl = '<?= base_url("client/notification/getMailTemplateData/") ?>';
+    const form_action = `${baseUrl}${template_name}/${primaryKey}`;
+
+    $.ajax({
+        url: form_action,
+        type: "GET",
+        dataType: 'json',
+        success: function(res) {
+            console.log('get Mail Template Data', res);
+
+            if (res) {
+                // Set subject
+                $(`#${template_name}_form #subject`).val(res.subject || '');
+
+                // Initialize editor with retry mechanism
+                let retryCount = 0;
+                const initWithRetry = function() {
+                    initializeEditor(function(editorInstance) {
+                        if (!editorInstance && retryCount < 3) {
+                            console.log(`Retrying editor initialization (${retryCount + 1}/3)...`);
+                            retryCount++;
+                            setTimeout(initWithRetry, 1000);
+                            return;
+                        }
+
+                        if (!editorInstance) {
+                            console.error("Editor initialization failed after retries");
+                            toastr.error('Editor initialization failed. Please refresh the page.');
+                            return;
+                        }
+
+                        if (res.mail_content_json) {
+                            try {
+                                const design = JSON.parse(res.mail_content_json);
+                                editorInstance.loadDesign(design);
+                                console.log("Design loaded successfully");
+                                hideBranding();        
+                            } catch (error) {
+                                console.error("Error parsing mail content JSON:", error);
+                                toastr.error('Error loading email template');
+                            }
+                        }else{
+                            hideBranding()
+                        }
+                    });
+                };
+
+                initWithRetry();
+
+                if (res.data) {
+                    addHTMLInput(res.data);
+                } else {
+                    addHTMLInput();
+                }
+
+                // Update UI elements
+                $('.testmail').toggle(!!res.id);
+                $('#attachment_table').toggle(!!res.id);
+                $('#attachment_table_ecard').toggle(!!res.id);
+                $('.setid').attr('data-id', res.id || '');
+            }else{
+                console.log("Inside else");
+                let retryCount = 0;
+                const initWithRetry = function() {
+                    initializeEditor(function(editorInstance) {
+                        if (!editorInstance && retryCount < 3) {
+                            console.log(`Retrying editor initialization (${retryCount + 1}/3)...`);
+                            retryCount++;
+                            setTimeout(initWithRetry, 1000);
+                            return;
+                        }
+
+                        if (!editorInstance) {
+                            console.error("Editor initialization failed after retries");
+                            toastr.error('Editor initialization failed. Please refresh the page.');
+                            return;
+                        }
+                        hideBranding();
+
+                    });
+                };
+
+                initWithRetry();
+            }
+
+            $('.loader').fadeOut();
+            $('.loader-mask').delay(350).fadeOut('slow');
+        },
+        error: function(xhr, status, error) {
+            console.error("Ajax error:", { status, error, response: xhr.responseText });
+            $('.loader').fadeOut();
+            $('.loader-mask').delay(350).fadeOut('slow');
+            toastr.error('Failed to load template data');
+        }
+    });
+}
+
+$('#account_maneger_summary_mail_form').submit(function (event) {
+    event.preventDefault();
+    
+    // Check if editor instance exists
+    if (!editor) {
+        console.error("Editor not initialized");
+        toastr.error("Editor not ready. Please try again.");
+        return;
+    }
+
+    // Use the editor instance instead of unlayer directly
+    editor.exportHtml(function (data) {
+        var formData = $('#account_maneger_summary_mail_form').serializeArray();
+        
+        // Append Unlayer editor data
+        formData.push({ 
+            name: 'mailContent', 
+            value: data.html 
+        });
+        formData.push({ 
+            name: 'client_id', 
+            value: $('#general_PrimaryKey').val() 
+        });
+        formData.push({ 
+            name: 'mailJson', 
+            value: JSON.stringify(data.design) 
+        });
+
+        console.log(formData);
+
+        // Show loading indicators
+        $('.loader').fadeIn();
+        $('.loader-mask').fadeIn();
+
+        var form_action = '<?= base_url("client/notification/create") ?>';
+        
+        $.ajax({
+            url: form_action,
+            type: "POST",
+            data: formData,
+            dataType: 'json',
+            success: function(res) {
+                $('#account_maneger_summary_mail_modal').find('.close').click();
+                toastr.success('Template saved successfully');
+                $('.loader').fadeOut();
+                $('.loader-mask').delay(350).fadeOut('slow');
+            },
+            error: function (xhr, status, error) {
+                console.error(xhr.responseText);
+                console.error(status, error);
+                setTimeout(function() {
+                    $('.loader').fadeOut();
+                    $('.loader-mask').delay(350).fadeOut('slow');
+                    toastr.warning('Something Went Wrong!', 'warning');
+                }, 1000);
+            }
+        });
+    });
+});
+
+function hideBranding(){
+    $('iframe').on('load', function() {
+        console.log('Iframe loaded.');
+        const iframe = $(this);
+                                
+        // Overlay the branding area
+        const overlay = $('<div>', {
+            css: {
+                position: 'absolute',
+                bottom: '0', // Adjust based on branding position
+                left: '0',
+                width: iframe.width(),
+                height: '30px', // Adjust height to cover branding
+                backgroundColor: 'white',
+                zIndex: '9999',
+                pointerEvents: 'none',
+             },
+         });
+              const iframeParent = iframe.parent();
+        if (iframeParent.css('position') === 'static') {
+             iframeParent.css('position', 'relative');
+         }
+                                
+         iframeParent.append(overlay);
+         console.log('Overlay added to hide branding.');
+     });
+}
+function copyToClipboard(selectElement) {
+        const value = selectElement.value; // Get the selected value
+        if (value) {
+            // Use the Clipboard API to copy the value
+            navigator.clipboard.writeText(value)
+                .then(() => {
+                    const feedback = document.getElementById('copy-feedback');
+                    feedback.style.display = 'inline'; // Show the feedback message
+                    setTimeout(() => {
+                        feedback.style.display = 'none'; // Hide the feedback message after 2 seconds
+                    }, 2000);
+                })
+                .catch(err => {
+                    console.error('Failed to copy text: ', err);
+                });
+        }
+    }
+
+</script>
\ No newline at end of file
diff --git a/app/Views/notification.php b/app/Views/notification.php
index cb738661..051d2f98 100755
--- a/app/Views/notification.php
+++ b/app/Views/notification.php
@@ -14,15 +14,14 @@
     min-height: 600px;
 }
 
-#account_maneger_summary_mail_modal .modal-dialog,
-#member_review_and_summary_mail_modal .modal-dialog {
+.modal-dialog {
     max-width: 90% !important;
     width: 90% !important;
 }
 
 /* Also ensure the modal body has proper height */
-#account_maneger_summary_mail_modal .modal-body,
-#member_review_and_summary_mail_modal .modal-body {
+
+.modal-body {
     min-height: 600px;
     padding: 20px;
 }
@@ -34,178 +33,178 @@
 
 </style>
 <div class="tab-pane fade" id="notification-tab">
-    <input type="hidden"  id="client_id_for_client_branch" value="<?= isset($notification['id']) ? $notification['id'] : '' ?>"/>
+    <input type="hidden" id="client_id_for_client_branch" value="<?= isset($notification['id']) ? $notification['id'] : '' ?>" />
     <div class="row float-right" style="padding-bottom: 10px;position: relative;right: 13px;">
     </div>
 
-    <div class="table-responsive" id="notification_table" >
-        
+    <div class="table-responsive" id="notification_table">
+
         <!-- <form  id="notification_enable_form"> -->
 
         <div>
-            <p><?php 
-            
-            // print_r($notification);
-            $member_welcome_mail = 0;
-            $member_reminder_mail = 0;
-            $member_ecard_mail = 0;
-            $member_review_and_summary_mail = 0;
-            $account_maneger_summary_mail = 0;
-            $client_hr_summary_mail = 0;
-            if(isset($notification)){
-                foreach($notification as $value){
-                    
-                    if ($value['template_name'] == 'member_welcome_mail') {
-                        $member_welcome_mail = $value['enabled'];
-                    }
+            <p><?php
 
-                    if ($value['template_name'] == 'member_reminder_mail') {
-                        $member_reminder_mail = $value['enabled'];
-                    }
+                // print_r($notification);
+                $member_welcome_mail = 0;
+                $member_reminder_mail = 0;
+                $member_ecard_mail = 0;
+                $member_review_and_summary_mail = 0;
+                $account_maneger_summary_mail = 0;
+                $client_hr_summary_mail = 0;
+                if (isset($notification)) {
+                    foreach ($notification as $value) {
 
-                    if ($value['template_name'] == 'member_ecard_mail') {
-                        $member_ecard_mail = $value['enabled'];
-                    }
+                        if ($value['template_name'] == 'member_welcome_mail') {
+                            $member_welcome_mail = $value['enabled'];
+                        }
 
-                    if ($value['template_name'] == 'member_review_and_summary_mail') {
-                        $member_review_and_summary_mail = $value['enabled'];
-                    }
+                        if ($value['template_name'] == 'member_reminder_mail') {
+                            $member_reminder_mail = $value['enabled'];
+                        }
 
-                    if ($value['template_name'] == 'account_maneger_summary_mail') {
-                        $account_maneger_summary_mail = $value['enabled'];
-                    }
+                        if ($value['template_name'] == 'member_ecard_mail') {
+                            $member_ecard_mail = $value['enabled'];
+                        }
 
-                    if ($value['template_name'] == 'client_hr_summary_mail') {
-                        $client_hr_summary_mail = $value['enabled'];
+                        if ($value['template_name'] == 'member_review_and_summary_mail') {
+                            $member_review_and_summary_mail = $value['enabled'];
+                        }
+
+                        if ($value['template_name'] == 'account_maneger_summary_mail') {
+                            $account_maneger_summary_mail = $value['enabled'];
+                        }
+
+                        if ($value['template_name'] == 'client_hr_summary_mail') {
+                            $client_hr_summary_mail = $value['enabled'];
+                        }
                     }
                 }
-            }
-             ?></p>
+                ?></p>
         </div>
-            <div class="form-group">
+        <div class="form-group">
 
-                <div class="form-row">
-                    <div class="form-group col-md-6">
-                        <label for="branch_name">Team mail ID<span class="text-danger"></span></label>
-                        <textarea name="" id="nhance_team_mail_ids" class="form-control" placeholder="Example: jhon@gmail.com, dave@gmail.com"><?php echo isset($client['common_mails']) ? $client['common_mails'] : ''; ?></textarea>
-                    </div>
-                    <div class="form-group col-md-6">
-                        <label for="branch_name">HR mail ID<span class="text-danger"></span></label>
-                        <textarea name="" id="hr_mail_id" class="form-control" placeholder="Example: jhon@gmail.com, dave@gmail.com"><?php echo isset($client['hr_mails']) ? $client['hr_mails'] : ''; ?></textarea>
-                    </div>
+            <div class="form-row">
+                <div class="form-group col-md-6">
+                    <label for="branch_name">Team mail ID<span class="text-danger"></span></label>
+                    <textarea name="" id="nhance_team_mail_ids" class="form-control" placeholder="Example: jhon@gmail.com, dave@gmail.com"><?php echo isset($client['common_mails']) ? $client['common_mails'] : ''; ?></textarea>
                 </div>
-
-                <div class="form-row">
-                    <div class="form-group col-md-6">
-                        <label for="mail_domain">Mail Domain<span class="text-danger"></span></label>
-                        <input type="text" name="" id="mail_domain" class="form-control" placeholder="Only one Domain Name. Example: nhance.com" value="<?php echo isset($client['mail_domain']) ? $client['mail_domain'] : ''; ?>">
-                    </div>
-                    <div class="form-group col-md-6">
-                        <label for="reply_to">Reply To Mail<span class="text-danger"></span></label>
-                        <input type="text" name="" id="reply_to" class="form-control" placeholder="Only one Reply-to mail. Example: jhon@gmail.com" value="<?php echo isset($client['reply_to']) ? $client['reply_to'] : ''; ?>">
-                    </div>
-                </div>
-
-                <div class="form-row">
-                    <div class="form-group col-md-6">
-                        <label for="branch_name">Member welcome mail</label>
-                        <label class="switch">
-                            <input id="member_welcome_mail_btn" type="checkbox" name="member_welcome_mail_btn"  <?= ($member_welcome_mail == 1) ? 'checked' : '' ?>>
-                            <span class="slider round" style="height: 27px;"></span>
-                        </label>
-                        &nbsp; &nbsp;
-                        <a href=""  data-toggle="modal" id="member_welcome_mail" onclick="getMailTemplateData(this)" data-target="#member_welcome_mail_modal">Edit</a>
-                    </div>
-                    <div class="form-group col-md-5">
-                        <textarea style="display:none;" name="" id="" class="form-control "></textarea>
-                    </div>
-
-                </div>
-
-                <div class="form-row">
-                    <div class="form-group col-md-6">
-                        <label for="branch_name">Member reminder mail</label>
-                        <label class="switch">
-                            <input id="member_reminder_mail_btn" type="checkbox" name="member_reminder_mail_btn" <?=  $member_reminder_mail == 1 ? 'checked' : '' ?>>
-                            <span class="slider round" style="height: 27px;"></span>
-                        </label>
-                        &nbsp; &nbsp;
-                        <a href="" data-toggle="modal" id="member_reminder_mail" onclick="getMailTemplateData(this)" data-target="#member_reminder_mail_modal">Edit</a>
-                    </div>
-                    <div class="form-group col-md-5">
-                        <textarea style="display:none;" name="" id="" class="form-control "></textarea>
-                    </div>
-                </div>
-
-                <div class="form-row">
-                    <div class="form-group col-md-6">
-                        <label for="branch_name">Member ECard mail</label>
-                        <label class="switch">
-                            <input id="member_ecard_mail_btn" type="checkbox" name="member_ecard_mail_btn" <?=  $member_ecard_mail == 1 ? 'checked' : '' ?>>
-                            <span class="slider round" style="height: 27px;"></span>
-                        </label>
-                        &nbsp; &nbsp;
-                        <a href="" data-toggle="modal" id="member_ecard_mail" onclick="getMailTemplateData(this)" data-target="#member_ecard_mail_modal">Edit</a>
-                    </div>
-                    <div class="form-group col-md-5">
-                        <textarea style="display:none;" name="" id="" class="form-control "></textarea>
-                    </div>
-                </div>
-
-                <div class="form-row">
-                    <div class="form-group col-md-6">
-                        <label for="branch_name">Member Review and summary mail</label>
-                        <label class="switch">
-                            <input id="member_review_and_summary_mail_btn" type="checkbox" name="member_review_and_summary_mail_btn" <?= $member_review_and_summary_mail == 1 ? 'checked' : '' ?>>
-                            <span class="slider round" style="height: 27px;"></span>
-                        </label>
-                        &nbsp; &nbsp;
-                        <a href="" data-toggle="modal" id="member_review_and_summary_mail" onclick="getMailTemplateData(this)" data-target="#member_review_and_summary_mail_modal">Edit</a>
-                    </div>
-                    <div class="form-group col-md-5">
-                        <textarea style="display:none;" name="" id="" class="form-control "></textarea>
-                    </div>
-                </div>
-
-                <div class="form-row">
-                    <div class="form-group col-md-6">
-                        <label for="branch_name">Account Manager summary mail</label>
-                        <label class="switch">
-                            <input id="account_maneger_summary_mail_btn" type="checkbox" name="account_maneger_summary_mail_btn" <?= $account_maneger_summary_mail ? 'checked' : '' ?>>
-                            <span class="slider round" style="height: 27px;"></span>
-                        </label>
-                        &nbsp; &nbsp;
-                        <a href="" data-toggle="modal" id="account_maneger_summary_mail" onclick="getMailTemplateData2(this)" data-target="#account_maneger_summary_mail_modal">Edit</a>
-                    </div>
-                    <div class="form-group col-md-5">
-                        <textarea style="display:none;" name="" id="" class="form-control "></textarea>
-                    </div>
-                </div>
-
-                <div class="form-row">
-                    <div class="form-group col-md-6">
-                        <label for="branch_name">Client HR summary mail</label>
-                        <label class="switch">
-                            <input id="client_hr_summary_mail_btn" type="checkbox" name="client_hr_summary_mail_btn" <?= $client_hr_summary_mail == 1 ? 'checked' : '' ?>>
-                            <span class="slider round" style="height: 27px;"></span>
-                        </label>
-                        &nbsp; &nbsp;
-                        <a href="" data-toggle="modal" id="client_hr_summary_mail" onclick="getMailTemplateData(this)" data-target="#client_hr_summary_mail_modal">Edit</a>
-                    </div>
-                    <div class="form-group col-md-5">
-                        <textarea style="display:none;" name="" id="" class="form-control "></textarea>
-                    </div>
-                </div>
-
-                <div class="form-row">
-                    <div class="form-group col-md-6">
-                    </div>
-                    <div class="form-group col-md-6">
-                        <a style="float:right;" id="notification_enable_form_submit" class="btn btn-primary waves-effect waves-light mr-1">Submit</a>
-                    </div>
+                <div class="form-group col-md-6">
+                    <label for="branch_name">HR mail ID<span class="text-danger"></span></label>
+                    <textarea name="" id="hr_mail_id" class="form-control" placeholder="Example: jhon@gmail.com, dave@gmail.com"><?php echo isset($client['hr_mails']) ? $client['hr_mails'] : ''; ?></textarea>
                 </div>
             </div>
 
+            <div class="form-row">
+                <div class="form-group col-md-6">
+                    <label for="mail_domain">Mail Domain<span class="text-danger"></span></label>
+                    <input type="text" name="" id="mail_domain" class="form-control" placeholder="Only one Domain Name. Example: nhance.com" value="<?php echo isset($client['mail_domain']) ? $client['mail_domain'] : ''; ?>">
+                </div>
+                <div class="form-group col-md-6">
+                    <label for="reply_to">Reply To Mail<span class="text-danger"></span></label>
+                    <input type="text" name="" id="reply_to" class="form-control" placeholder="Only one Reply-to mail. Example: jhon@gmail.com" value="<?php echo isset($client['reply_to']) ? $client['reply_to'] : ''; ?>">
+                </div>
+            </div>
+
+            <div class="form-row">
+                <div class="form-group col-md-6">
+                    <label for="branch_name">Member welcome mail</label>
+                    <label class="switch">
+                        <input id="member_welcome_mail_btn" type="checkbox" name="member_welcome_mail_btn" <?= ($member_welcome_mail == 1) ? 'checked' : '' ?>>
+                        <span class="slider round" style="height: 27px;"></span>
+                    </label>
+                    &nbsp; &nbsp;
+                    <a href="" data-toggle="modal" id="member_welcome_mail" onclick="getMailTemplateData(this)" data-target="#member_welcome_mail_modal">Edit</a>
+                </div>
+                <div class="form-group col-md-5">
+                    <textarea style="display:none;" name="" id="" class="form-control "></textarea>
+                </div>
+
+            </div>
+
+            <div class="form-row">
+                <div class="form-group col-md-6">
+                    <label for="branch_name">Member reminder mail</label>
+                    <label class="switch">
+                        <input id="member_reminder_mail_btn" type="checkbox" name="member_reminder_mail_btn" <?= $member_reminder_mail == 1 ? 'checked' : '' ?>>
+                        <span class="slider round" style="height: 27px;"></span>
+                    </label>
+                    &nbsp; &nbsp;
+                    <a href="" data-toggle="modal" id="member_reminder_mail" onclick="getMailTemplateData(this)" data-target="#member_reminder_mail_modal">Edit</a>
+                </div>
+                <div class="form-group col-md-5">
+                    <textarea style="display:none;" name="" id="" class="form-control "></textarea>
+                </div>
+            </div>
+
+            <div class="form-row">
+                <div class="form-group col-md-6">
+                    <label for="branch_name">Member ECard mail</label>
+                    <label class="switch">
+                        <input id="member_ecard_mail_btn" type="checkbox" name="member_ecard_mail_btn" <?= $member_ecard_mail == 1 ? 'checked' : '' ?>>
+                        <span class="slider round" style="height: 27px;"></span>
+                    </label>
+                    &nbsp; &nbsp;
+                    <a href="" data-toggle="modal" id="member_ecard_mail" onclick="getMailTemplateData(this)" data-target="#member_ecard_mail_modal">Edit</a>
+                </div>
+                <div class="form-group col-md-5">
+                    <textarea style="display:none;" name="" id="" class="form-control "></textarea>
+                </div>
+            </div>
+
+            <div class="form-row">
+                <div class="form-group col-md-6">
+                    <label for="branch_name">Member Review and summary mail</label>
+                    <label class="switch">
+                        <input id="member_review_and_summary_mail_btn" type="checkbox" name="member_review_and_summary_mail_btn" <?= $member_review_and_summary_mail == 1 ? 'checked' : '' ?>>
+                        <span class="slider round" style="height: 27px;"></span>
+                    </label>
+                    &nbsp; &nbsp;
+                    <a href="" data-toggle="modal" id="member_review_and_summary_mail" onclick="getMailTemplateData(this)" data-target="#member_review_and_summary_mail_modal">Edit</a>
+                </div>
+                <div class="form-group col-md-5">
+                    <textarea style="display:none;" name="" id="" class="form-control "></textarea>
+                </div>
+            </div>
+
+            <div class="form-row">
+                <div class="form-group col-md-6">
+                    <label for="branch_name">Account Manager summary mail</label>
+                    <label class="switch">
+                        <input id="account_maneger_summary_mail_btn" type="checkbox" name="account_maneger_summary_mail_btn" <?= $account_maneger_summary_mail ? 'checked' : '' ?>>
+                        <span class="slider round" style="height: 27px;"></span>
+                    </label>
+                    &nbsp; &nbsp;
+                    <a href="" data-toggle="modal" id="account_maneger_summary_mail" onclick="getMailTemplateData(this)" data-target="#account_maneger_summary_mail_modal">Edit</a>
+                </div>
+                <div class="form-group col-md-5">
+                    <textarea style="display:none;" name="" id="" class="form-control "></textarea>
+                </div>
+            </div>
+
+            <div class="form-row">
+                <div class="form-group col-md-6">
+                    <label for="branch_name">Client HR summary mail</label>
+                    <label class="switch">
+                        <input id="client_hr_summary_mail_btn" type="checkbox" name="client_hr_summary_mail_btn" <?= $client_hr_summary_mail == 1 ? 'checked' : '' ?>>
+                        <span class="slider round" style="height: 27px;"></span>
+                    </label>
+                    &nbsp; &nbsp;
+                    <a href="" data-toggle="modal" id="client_hr_summary_mail" onclick="getMailTemplateData(this)" data-target="#client_hr_summary_mail_modal">Edit</a>
+                </div>
+                <div class="form-group col-md-5">
+                    <textarea style="display:none;" name="" id="" class="form-control "></textarea>
+                </div>
+            </div>
+
+            <div class="form-row">
+                <div class="form-group col-md-6">
+                </div>
+                <div class="form-group col-md-6">
+                    <a style="float:right;" id="notification_enable_form_submit" class="btn btn-primary waves-effect waves-light mr-1">Submit</a>
+                </div>
+            </div>
+        </div>
+
         <!-- </form> -->
     </div>
 
@@ -217,7 +216,7 @@
 <!--  Modal content for the Large example -->
 <div class="modal fade" id="member_welcome_mail_modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"
     aria-hidden="true" aria-modal="true" data-backdrop="static">
-    <div class="modal-dialog modal-full-width scrollb" >
+    <div class="modal-dialog modal-full-width scrollb">
         <div class="modal-content">
             <div class="modal-header">
                 <h4 class="modal-title" id="myLargeModalLabel">Template Name : Member welcome mail <span id="nameOfThePolicy"></span></h4>
@@ -228,7 +227,7 @@
                 <div class="text-center" id="no_data"></div>
 
                 <form role="form" class="parsley-examples" method="post" id="member_welcome_mail_form" enctype="multipart/form-data">
-                
+
                     <input type="hidden" class="form-control" id="template_name" name="template_name" value="Member Welcome Mail" readonly>
                     <input type="hidden" id="member_welcome_mail_template_name" value="member_welcome_mail">
 
@@ -246,31 +245,26 @@
                             </div>
                         </div>
 
-                        <div id="accordion_2" class="mb-0">
-                            <div class="card mb-0" style="border: 2px dotted;">
-                                <h5 class="m-1"> Editor
-                                    <a id="toggleIcon" class="text-dark float-right" data-toggle="collapse" href="#collapseThree" aria-expanded="true">
-                                        <i id="icon" class="mdi mdi-chevron-down mr-1 text-primary" style="font-size: 28px;"></i>
-                                    </a>
-                                </h5>
-                                <div id="collapseThree" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion_2" style="margin-top: -10px;">
-                                    
-                                    <div class="form-row" id="rac_rate_dropdown">
-                                        <div class="form-group col-md-12">
-                                            <select id="member_welcome_mail_customButton" class="form-control" style="border:none;right: 6px;width: auto;position: absolute;z-index: 1;top: 17px;height: 32px;float: right;">
-                                                <option value="">PlaceHolders</option>
-                                                <?php  foreach ($placeHolders as $value): ?>
-                                                    <?php if($value == 'member_name' || $value == 'member_mobile' || $value == 'nhance_logo' || $value == 'client_logo' || $value == 'app_link' || $value == 'client_name'){ ?>member_mobile
-                                                        <?php $valueChange = str_replace('_', ' ', $value); $valueChange = ucwords($valueChange); ?>
-                                                        <option value="[[<?php echo $value; ?>]]"><?php echo $valueChange; ?></option>
-                                                    <?php } ?>
-                                                <?php endforeach; ?>
-                                            </select>
-                                        </div>
-                                    </div> 
-                        
-                                    <div id="member_welcome_mail_snow_editor" name="content" style="height: 300px;"></div>
-                                </div>
+                        <div class="form-row" id="rac_rate_dropdown">
+                            <div class="form-group col-md-12">
+                                <select id="member_welcome_mailmodal_customButton" class="form-control" style="border:none;right: 6px;width: auto;position: absolute;z-index: 1;top: 17px;height: 32px;float: right;" onchange="copyToClipboard(this)">
+                                    <option value="">PlaceHolders</option>
+                                    <?php foreach ($placeHolders as $value): ?>
+                                        <?php if ($value == 'member_name' || $value == 'nhance_logo' || $value == 'client_logo' || $value == 'app_link' || $value == 'client_name' || $value == 'member_summary') { ?>
+                                            <?php $valueChange = str_replace('_', ' ', $value);
+                                            $valueChange = ucwords($valueChange); ?>
+                                            <option value="{{<?php echo $value; ?>}}"><?php echo $valueChange; ?></option>
+                                        <?php } ?>
+                                    <?php endforeach; ?>
+                                </select>
+                                <span id="copy-feedback" style="display: none; position: absolute; top: 50px; right: 10px; color: green; font-size: 12px;">Copied to clipboard!</span>
+                            </div>
+                        </div>
+                        <hr>
+                        <!-- Unlayer editor -->
+                        <div class="form-row" id="rac_rate_dropdown">
+                            <div class="form-group col-md-12">
+                                <div id="member_welcome_mail_editor_container" style="height: 600px;width:max-content"></div>
                             </div>
                         </div>
 
@@ -312,7 +306,7 @@
                 <div class="text-center" id="no_data"></div>
 
                 <form role="form" class="parsley-examples" method="post" id="member_reminder_mail_form" enctype="multipart/form-data">
-                    
+
                     <div class="form-group">
 
                         <div class="form-row" id="rac_rate_dropdown">
@@ -349,22 +343,27 @@
                         </div> -->
                         <div class="form-row" id="rac_rate_dropdown">
                             <div class="form-group col-md-12">
-                        <select id="member_reminder_mail_modal_customButton" class="form-control" style="border:none;right: 6px;width: auto;position: absolute;z-index: 1;top: 17px;height: 32px;float: right;">
-                            <option value="">PlaceHolders</option>
-                            <?php  foreach ($placeHolders as $value): ?>
-                                <?php if($value == 'member_name' ||  $value == 'member_mobile' || $value == 'nhance_logo' || $value == 'client_logo' || $value == 'app_link' || $value == 'client_name'){ ?>
-                                    <?php $valueChange = str_replace('_', ' ', $value); $valueChange = ucwords($valueChange); ?>
-                                    <option value="[[<?php echo $value; ?>]]"><?php echo $valueChange; ?></option>
-                                <?php } ?>
-                            <?php endforeach; ?>
-                        </select>
+                                <select id="member_reminder_mail_customButton" class="form-control" style="border:none;right: 6px;width: auto;position: absolute;z-index: 1;top: 17px;height: 32px;float: right;" onchange="copyToClipboard(this)">
+                                    <option value="">PlaceHolders</option>
+                                    <?php foreach ($placeHolders as $value): ?>
+                                        <?php if ($value == 'member_name' || $value == 'nhance_logo' || $value == 'client_logo' || $value == 'app_link' || $value == 'client_name' || $value == 'member_summary') { ?>
+                                            <?php $valueChange = str_replace('_', ' ', $value);
+                                            $valueChange = ucwords($valueChange); ?>
+                                            <option value="{{<?php echo $value; ?>}}"><?php echo $valueChange; ?></option>
+                                        <?php } ?>
+                                    <?php endforeach; ?>
+                                </select>
+                                <span id="copy-feedback" style="display: none; position: absolute; top: 50px; right: 10px; color: green; font-size: 12px;">Copied to clipboard!</span>
+                            </div>
+                        </div>
+                        <hr>
+                        <!-- Unlayer editor -->
+                        <div class="form-row" id="rac_rate_dropdown">
+                            <div class="form-group col-md-12">
+                                <div id="member_reminder_mail_editor_container" style="height: 600px;width:max-content"></div>
+                            </div>
                         </div>
-                        </div> 
 
-                        <div id="member_reminder_mail_snow_editor" style="height: 300px;">
-                                            
-                        </div>
-                        
 
                         <div id="editor" name="content"></div>
 
@@ -374,7 +373,7 @@
                     </div>
 
                     <div class="form-group text-right m-b-0">
-                        <button class="btn btn-primary waves-effect waves-light mr-1 preview_button" 
+                        <button class="btn btn-primary waves-effect waves-light mr-1 preview_button"
                             id="">Preview</button>
                         <button type="submit" class="btn btn-primary waves-effect waves-light mr-1"
                             id="btnGridSubmit_2">Submit</button>
@@ -399,7 +398,7 @@
                 <div class="text-center" id="no_data"></div>
 
                 <form role="form" class="parsley-examples" method="post" id="member_ecard_mail_form" enctype="multipart/form-data">
-                    
+
                     <div class="form-group">
 
                         <div class="form-row" id="rac_rate_dropdown">
@@ -424,23 +423,27 @@
                         </div>
                         <div class="form-row" id="rac_rate_dropdown">
                             <div class="form-group col-md-12">
-                        <select id="member_ecard_mail_modal_customButton" class="form-control" style="border:none;right: 6px;width: auto;position: absolute;z-index: 1;top: 17px;height: 32px;float: right;">
-                            <option value="">PlaceHolders</option>
-                            <?php foreach ($placeHolders as $value): ?>
-                                
-                                <?php if($value == 'member_name' ||  $value == 'member_mobile' || $value == 'nhance_logo' || $value == 'client_logo' || $value == 'app_link' || $value == 'post_enrollment_app_link' || $value == 'client_name' ||  $value == 'ecard_download_link'){ ?>
-                                    <?php $valueChange = str_replace('_', ' ', $value); $valueChange = ucwords($valueChange); ?>
-                                    <option value="[[<?php echo $value; ?>]]"><?php echo $valueChange; ?></option>
-                                <?php } ?>
-                            <?php endforeach; ?>
-                        </select>
+                                <select id="member_ecard_mail_customButton" class="form-control" style="border:none;right: 6px;width: auto;position: absolute;z-index: 1;top: 17px;height: 32px;float: right;" onchange="copyToClipboard(this)">
+                                    <option value="">PlaceHolders</option>
+                                    <?php foreach ($placeHolders as $value): ?>
+                                        <?php if ($value == 'member_name' || $value == 'nhance_logo' || $value == 'client_logo' || $value == 'app_link' || $value == 'client_name' || $value == 'member_summary') { ?>
+                                            <?php $valueChange = str_replace('_', ' ', $value);
+                                            $valueChange = ucwords($valueChange); ?>
+                                            <option value="{{<?php echo $value; ?>}}"><?php echo $valueChange; ?></option>
+                                        <?php } ?>
+                                    <?php endforeach; ?>
+                                </select>
+                                <span id="copy-feedback" style="display: none; position: absolute; top: 50px; right: 10px; color: green; font-size: 12px;">Copied to clipboard!</span>
+                            </div>
+                        </div>
+                        <hr>
+                        <!-- Unlayer editor -->
+                        <div class="form-row" id="rac_rate_dropdown">
+                            <div class="form-group col-md-12">
+                                <div id="member_ecard_mail_editor_container" style="height: 600px;width:max-content"></div>
+                            </div>
                         </div>
-                        </div> 
 
-                        <div id="member_ecard_mail_snow_editor" style="height: 300px;">
-                                            
-                        </div>
-                        
 
                         <div id="editor" name="content"></div>
 
@@ -460,7 +463,7 @@
                     </div>
 
                     <div class="form-group text-right m-b-0">
-                        <button class="btn btn-primary waves-effect waves-light mr-1 preview_button" 
+                        <button class="btn btn-primary waves-effect waves-light mr-1 preview_button"
                             id="">Preview</button>
                         <button type="submit" class="btn btn-primary waves-effect waves-light mr-1"
                             id="btnGridSubmit_2">Submit</button>
@@ -485,7 +488,7 @@
                 <div class="text-center" id="no_data"></div>
 
                 <form role="form" class="parsley-examples" method="post" id="member_review_and_summary_mail_form" enctype="multipart/form-data">
-                    
+
                     <div class="form-group">
 
                         <div class="form-row" id="rac_rate_dropdown">
@@ -522,22 +525,27 @@
                         </div> -->
                         <div class="form-row" id="rac_rate_dropdown">
                             <div class="form-group col-md-12">
-                        <select id="member_review_and_summary_mail_modal_customButton" class="form-control" style="border:none;right: 6px;width: auto;position: absolute;z-index: 1;top: 17px;height: 32px;float: right;">
-                            <option value="">PlaceHolders</option>
-                            <?php foreach ($placeHolders as $value): ?>
-                                <?php if($value == 'member_name' ||  $value == 'member_mobile' || $value == 'nhance_logo' || $value == 'client_logo' || $value == 'app_link' || $value == 'client_name' || $value == 'member_summary'){ ?>
-                                    <?php $valueChange = str_replace('_', ' ', $value); $valueChange = ucwords($valueChange); ?>
-                                    <option value="[[<?php echo $value; ?>]]"><?php echo $valueChange; ?></option>
-                                <?php } ?>
-                            <?php endforeach; ?>
-                        </select>
+                                <select id="member_review_and_summary_mail_customButton" class="form-control" style="border:none;right: 6px;width: auto;position: absolute;z-index: 1;top: 17px;height: 32px;float: right;" onchange="copyToClipboard(this)">
+                                    <option value="">PlaceHolders</option>
+                                    <?php foreach ($placeHolders as $value): ?>
+                                        <?php if ($value == 'member_name' || $value == 'nhance_logo' || $value == 'client_logo' || $value == 'app_link' || $value == 'client_name' || $value == 'member_summary') { ?>
+                                            <?php $valueChange = str_replace('_', ' ', $value);
+                                            $valueChange = ucwords($valueChange); ?>
+                                            <option value="{{<?php echo $value; ?>}}"><?php echo $valueChange; ?></option>
+                                        <?php } ?>
+                                    <?php endforeach; ?>
+                                </select>
+                                <span id="copy-feedback" style="display: none; position: absolute; top: 50px; right: 10px; color: green; font-size: 12px;">Copied to clipboard!</span>
+                            </div>
+                        </div>
+                        <hr>
+                        <!-- Unlayer editor -->
+                        <div class="form-row" id="rac_rate_dropdown">
+                            <div class="form-group col-md-12">
+                                <div id="member_review_and_summary_mail_editor_container" style="height: 600px;width:max-content"></div>
+                            </div>
                         </div>
-                        </div> 
 
-                        <div id="member_review_and_summary" style="height: 300px;">
-                                            
-                        </div>
-                        
 
                         <div id="editor"></div>
 
@@ -557,93 +565,6 @@
         </div><!-- /.modal-content -->
     </div><!-- /.modal-dialog -->
 </div><!-- /.modal -->
-
-<!--  Modal content for the Large example -->
-<!-- <div class="modal fade" id="account_maneger_summary_mail_modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"
-    aria-hidden="true" aria-modal="true" data-backdrop="static">
-    <div class="modal-dialog modal-full-width">
-        <div class="modal-content">
-            <div class="modal-header">
-                <h4 class="modal-title" id="myLargeModalLabel">Member Review and summary mail <span id="nameOfThePolicy"></span></h4>
-                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
-            </div>
-            <div class="modal-body">
-
-                <div class="text-center" id="no_data"></div>
-
-                <form role="form" class="parsley-examples" method="post" id="account_maneger_summary_mail_form" enctype="multipart/form-data">
-                    
-                    <div class="form-group">
-
-                        <div class="form-row" id="rac_rate_dropdown">
-                            <div class="form-group col-md-2">
-                                <label for="emp_code">Template Name</label>
-                            </div>
-                            <div class="form-group col-md-5">
-                                <input type="text" id="template_name" name="template_name" value="Account Manager Summary Mail" readonly class="form-control" placeholder="Template Name">
-                            </div>
-                        </div>
-
-                        <div class="form-row" id="rac_rate_dropdown">
-                            <div class="form-group col-md-2">
-                                <label for="emp_code">Subject</label>
-                            </div>
-                            <div class="form-group col-md-5">
-                                <input type="text" id="subject" name="subject" class="form-control" placeholder="Subject">
-                            </div>
-                            <div class="form-group col-md-2 testmail" style="display: none;">
-                                <a class="btn btn-primary waves-effect waves-light mr-1 setid" onclick="testMailSend(this)">Test Mail</a>
-                            </div>
-                        </div> -->
-
-                        <!-- <div class="form-row" id="rac_rate_dropdown">
-                            <div class="form-group col-md-12">
-                                <select name="" id="" class="form-control" style="z-index: 1;float: right;position: absolute;margin-top: 18px;right: 53px;width: 100px;height: 30px;">
-                                    <option value="">1</option>
-                                    <option value="">2</option>
-                                    <option value="">3</option>
-                                    <option value="">4</option>
-                                    <option value="">6</option>
-                                </select>
-                            </div>
-                        </div> -->
-                        <!-- <div class="form-row" id="rac_rate_dropdown">
-                            <div class="form-group col-md-12">
-                        <select id="account_maneger_summary_mail_modal_customButton" class="form-control" style="border:none;right: 6px;width: auto;position: absolute;z-index: 1;top: 17px;height: 32px;float: right;">
-                            <option value="">PlaceHolders</option>
-                            <?php foreach ($placeHolders as $value): ?>
-                                <?php if($value == 'member_name' || $value == 'nhance_logo' || $value == 'client_logo' || $value == 'app_link' || $value == 'client_name' || $value == 'member_summary'){ ?>
-                                    <?php $valueChange = str_replace('_', ' ', $value); $valueChange = ucwords($valueChange); ?>
-                                    <option value="[[<?php echo $value; ?>]]"><?php echo $valueChange; ?></option>
-                                <?php } ?>
-                            <?php endforeach; ?>
-                        </select>
-                        </div>
-                        </div> 
-
-                        <div id="account_maneger_summary_mail_snow_editor" style="height: 300px;">
-                                            
-                        </div>
-                        
-
-                        <div id="editor"></div>
-
-
-                        <input type="file" id="Question_title_fileInput" style="display: none;">
-
-                    </div>
-
-                    <div class="form-group text-right m-b-0">
-                        <button class="btn btn-primary waves-effect waves-light mr-1 preview_button"
-                            id="">Preview</button>
-                        <button type="submit" class="btn btn-primary waves-effect waves-light mr-1"
-                            id="btnGridSubmit_2">Submit</button>
-                    </div>
-                </form>
-            </div> -->
-        <!-- </div>/.modal-content -->
-    <!-- </div>/.modal-dialog -->
-<!-- </div>/.modal -->
 <div class="modal fade" id="account_maneger_summary_mail_modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"
     aria-hidden="true" aria-modal="true" data-backdrop="static">
     <div class="modal-dialog modal-full-width">
@@ -677,27 +598,26 @@
                         </div>
                         <div class="form-row" id="rac_rate_dropdown">
                             <div class="form-group col-md-12">
-                        <select id="account_maneger_summary_mail_modal_customButton" class="form-control" style="border:none;right: 6px;width: auto;position: absolute;z-index: 1;top: 17px;height: 32px;float: right;" onchange="copyToClipboard(this)">
-                            <option value="">PlaceHolders</option>
-                            <?php foreach ($placeHolders as $value): ?>
-                                <?php if($value == 'member_name' || $value == 'nhance_logo' || $value == 'client_logo' || $value == 'app_link' || $value == 'client_name' || $value == 'member_summary'){ ?>
-                                    <?php $valueChange = str_replace('_', ' ', $value); $valueChange = ucwords($valueChange); ?>
-                                    <option value="{{<?php echo $value; ?>}}"><?php echo $valueChange; ?></option>
-                                <?php } ?>
-                            <?php endforeach; ?>
-                        </select>
-                        <span id="copy-feedback" style="display: none; position: absolute; top: 50px; right: 10px; color: green; font-size: 12px;">
-            Copied to clipboard!
-        </span>
-                        </div>
-                        </div> 
-                        <hr>
-                        <!-- Unlayer editor -->
-                        <div class="form-row" id="rac_rate_dropdown">
-                            <div class="form-group col-md-12">
-                                <div id="editor-container" style="height: 300px;width:max-content"></div>
+                                <select id="account_maneger_summary_mail_modal_customButton" class="form-control" style="border:none;right: 6px;width: auto;position: absolute;z-index: 1;top: 17px;height: 32px;float: right;" onchange="copyToClipboard(this)">
+                                    <option value="">PlaceHolders</option>
+                                    <?php foreach ($placeHolders as $value): ?>
+                                        <?php if ($value == 'member_name' || $value == 'nhance_logo' || $value == 'client_logo' || $value == 'app_link' || $value == 'client_name' || $value == 'member_summary') { ?>
+                                            <?php $valueChange = str_replace('_', ' ', $value);
+                                            $valueChange = ucwords($valueChange); ?>
+                                            <option value="{{<?php echo $value; ?>}}"><?php echo $valueChange; ?></option>
+                                        <?php } ?>
+                                    <?php endforeach; ?>
+                                </select>
+                                <span id="copy-feedback" style="display: none; position: absolute; top: 50px; right: 10px; color: green; font-size: 12px;">Copied to clipboard!</span>
                             </div>
                         </div>
+                        <hr>
+                        <!-- Unlayer editor -->
+                        <!-- <div class="form-row" id="rac_rate_dropdown"> -->
+                            <div class="form-group col-md-12">
+                                <div id="account_maneger_summary_mail_editor_container" style="height: 600px;width:max-content"></div>
+                            </div>
+                        <!-- </div> -->
                         <div class="form-group text-right m-b-0">
                             <button class="btn btn-primary waves-effect waves-light mr-1 preview_button"
                                 id="">Preview</button>
@@ -726,7 +646,7 @@
                 <div class="text-center" id="no_data"></div>
 
                 <form role="form" class="parsley-examples" method="post" id="client_hr_summary_mail_form" enctype="multipart/form-data">
-                    
+
                     <div class="form-group">
 
                         <div class="form-row" id="rac_rate_dropdown">
@@ -758,27 +678,34 @@
                                     <option value="">3</option>
                                     <option value="">4</option>
                                     <option value="">6</option>
+
                                 </select>
                             </div>
                         </div> -->
+                        </div> -->
                         <div class="form-row" id="rac_rate_dropdown">
                             <div class="form-group col-md-12">
-                        <select id="client_hr_summary_mail_modal_customButton" class="form-control" style="border:none;right: 6px;width: auto;position: absolute;z-index: 1;top: 17px;height: 32px;float: right;">
-                            <option value="">PlaceHolders</option>
-                            <?php foreach ($placeHolders as $value): ?>
-                                <?php if($value == 'member_name' || $value == 'nhance_logo' || $value == 'client_logo' || $value == 'app_link' || $value == 'client_name' || $value == 'member_summary'){ ?>
-                                    <?php $valueChange = str_replace('_', ' ', $value); $valueChange = ucwords($valueChange); ?>
-                                    <option value="[[<?php echo $value; ?>]]"><?php echo $valueChange; ?></option>
-                                <?php } ?>
-                            <?php endforeach; ?>
-                        </select>
+                                <select id="client_hr_summary_mail_customButton" class="form-control" style="border:none;right: 6px;width: auto;position: absolute;z-index: 1;top: 17px;height: 32px;float: right;" onchange="copyToClipboard(this)">
+                                    <option value="">PlaceHolders</option>
+                                    <?php foreach ($placeHolders as $value): ?>
+                                        <?php if ($value == 'member_name' || $value == 'nhance_logo' || $value == 'client_logo' || $value == 'app_link' || $value == 'client_name' || $value == 'member_summary') { ?>
+                                            <?php $valueChange = str_replace('_', ' ', $value);
+                                            $valueChange = ucwords($valueChange); ?>
+                                            <option value="{{<?php echo $value; ?>}}"><?php echo $valueChange; ?></option>
+                                        <?php } ?>
+                                    <?php endforeach; ?>
+                                </select>
+                                <span id="copy-feedback" style="display: none; position: absolute; top: 50px; right: 10px; color: green; font-size: 12px;">Copied to clipboard!</span>
+                            </div>
+                        </div>
+                        <hr>
+                        <!-- Unlayer editor -->
+                        <div class="form-row" id="rac_rate_dropdown">
+                            <div class="form-group col-md-12">
+                                <div id="client_hr_summary_mail_editor_container" style="height: 600px;width:max-content"></div>
+                            </div>
                         </div>
-                        </div> 
 
-                        <div id="client_hr_summary" style="height: 300px;">
-                                            
-                        </div>
-                        
 
                         <div id="editor"></div>
 
@@ -797,7 +724,7 @@
             </div>
         </div><!-- /.modal-content -->
     </div><!-- /.modal-dialog -->
-</div><!-- /.modal -->
+<!-- /.modal -->
 
 
 <div class="modal fade" id="preview_modal" tabindex="-1" role="dialog" aria-hidden="false" aria-modal="true" data-backdrop="static">
@@ -810,608 +737,44 @@
             <div class="modal-body">
 
                 <div class="text-center" id="no_data"></div>
-                
+
             </div>
         </div><!-- /.modal-content -->
     </div><!-- /.modal-dialog -->
 </div><!-- /.modal -->
-
-<script>
-
-    
-// document.addEventListener('DOMContentLoaded', function () {
-
-//     console.log('DOMContentLoaded start');
-
-//     var memberWelcomeMailModal = new bootstrap.Modal(document.getElementById('member_welcome_mail_modal'));
-//     var previewModal = new bootstrap.Modal(document.getElementById('preview_modal'));
-
-
-//     document.getElementById('preview_modal').addEventListener('hidden.bs.modal', function () {
-//         console.log('testing modal');
-//         memberWelcomeMailModal.show();
-//         console.log('testing modal end');
-//     });
-
-//     console.log('DOMContentLoaded end');
-
-// });
-    
-    $(document).on('hide.bs.modal', '.modal', function () {
-        console.log("Modal is hidden");
-    });
-
-    $(document).on('show.bs.modal', '.modal', function () {
-        console.log("Modal is hidden");
-    });
-
+<!-- <script>
     $(document).ready(function() {
-
-        console.log('document ready start');
-
-        var memberWelcomeMailModal = new bootstrap.Modal(document.getElementById('member_welcome_mail_modal'));
-        var previewModal = new bootstrap.Modal(document.getElementById('preview_modal'));
-
-
-        document.getElementById('preview_modal').addEventListener('hidden.bs.modal', function () {
-            console.log('testing modal');
-            memberWelcomeMailModal.show();
-            console.log('testing modal end');
-        });
-
-        console.log('document ready end');
-
-
-
-        var toolbar = "bold,italic,strikethrough,|,superscript,subscript,|,align,";
-        const editorConfig = {
-            buttons: toolbar.concat(['fontsize']),
-            fontsize: [8, 10, 12, 14, 16, 18, 20, 22, 24], // Customize font sizes
-            showPlaceholder: false,
-            toolbarButtonSize: 'small',
-            toolbarAdaptive: false,
-            saveHeightInStorage: true,
-            minHeight: 400,
-            extraButtons: [
-                {
-                    name: 'info',
-                    iconURL: '<?= base_url()."public"; ?>/assets/images/image-solid.svg', // Replace with the actual icon URL
-                    exec: function (editor) {
-                        const fileInput = document.getElementById("Question_title_fileInput");
-                        fileInput.click();
-                    },
-                },
-            ],
-        };
-
-        const editor = Jodit.make("#member_welcome_mail_snow_editor", editorConfig);
-
-        const editor2 = Jodit.make("#member_reminder_mail_snow_editor", editorConfig);
-
-
-        const editor6 = Jodit.make("#member_ecard_mail_snow_editor", editorConfig);
-
-        const editor3 = Jodit.make("#member_review_and_summary", editorConfig);
-
-
-        // const editor4 = Jodit.make("#account_maneger_summary_mail_snow_editor", editorConfig);
-        
-        
-        const editor5 = Jodit.make("#client_hr_summary", editorConfig);
-        
-        document.addEventListener('change', function(event) 
-        {
-            var target = event.target;
-            if (target.matches('#member_welcome_mail_customButton')) 
-            {
-                editor.selection.insertHTML($(target).val());
-                $(target).val('');
-            } 
-            else if (target.matches('#member_reminder_mail_modal_customButton')) 
-            {
-                editor2.selection.insertHTML($(target).val());
-                $(target).val('');
-            }
-            else if (target.matches('#member_ecard_mail_modal_customButton')) 
-            {
-                editor6.selection.insertHTML($(target).val());
-                $(target).val('');
-            }
-            else if (target.matches('#member_review_and_summary_mail_modal_customButton')) 
-            {
-                editor3.selection.insertHTML($(target).val());
-                $(target).val('');
-            }
-            else if (target.matches('#account_maneger_summary_mail_modal_customButton')) 
-            {
-                // editor4.selection.insertHTML($(target).val());
-                $(target).val('');
-            } 
-            else if (target.matches('#client_hr_summary_mail_modal_customButton')) 
-            {
-                editor5.selection.insertHTML($(target).val());
-                $(target).val('');
-            }
-        });
-
-        $('.close').click(function () 
-        {
-            $(this).parent().parent().find('#subject').val('');
-            editor.setEditorValue('');
-            editor2.setEditorValue('');
-            editor3.setEditorValue('');
-            // editor4.setEditorValue('');
-            editor5.setEditorValue('');
-            editor6.setEditorValue('');
-
-        })
-        
         const fileInput = document.getElementById("Question_title_fileInput");
 
         fileInput.addEventListener("change", () => {
             const file = fileInput.files[0];
-            if (file) 
-            {
+            if (file) {
                 const reader = new FileReader();
                 reader.onload = function(e) {
-                const imageUrl = e.target.result;
-                editor.selection.insertImage(imageUrl);
+                    const imageUrl = e.target.result;
+                    editor.selection.insertImage(imageUrl);
                 };
                 reader.readAsDataURL(file);
             }
             fileInput.value = '';
         });
 
-        $('#member_welcome_mail_form').submit(function (event) 
-        {
-            event.preventDefault(); 
-            var joditEditor = editor;
-            if (joditEditor) 
-            {
-                var mailContent = $(joditEditor.currentPlace.container).find('.jodit-wysiwyg').html();
-                var formData = $(this).serializeArray();
-                formData.push({ name: 'mailContent', value: mailContent });
-                formData.push({ name: 'client_id', value: $('#general_PrimaryKey').val() });
 
-                $('.loader').fadeIn();
-                $('.loader-mask').fadeIn();
-                var form_action = '<?= base_url("client/notification/create") ?>'; 
-                $.ajax({
-                    url: form_action,
-                    type: "POST",
-                    data: formData,
-                    dataType: 'json',
-                    success: function(res) 
-                    {
-                        $('#member_welcome_mail_modal').find('.close').click();
-                        $('.loader').fadeOut();
-                        $('.loader-mask').delay(350).fadeOut('slow');
-                    },
-                    error: function (xhr, status, error) 
-                    {
-                        console.error(xhr.responseText);
-                        console.error(status, error);
-                        setTimeout(function() 
-                        {
-                            $('.loader').fadeOut();
-                            $('.loader-mask').delay(350).fadeOut('slow');
-                            toastr.warning('Something Wrong!', 'warning');
-                        }, 1000);
-                    }
-                });
-            } 
-            else 
-            {
-                console.error("Jodit editor instance is not defined.");
-            }
-        })
+    })
 
-        $('#member_reminder_mail_form').submit(function (event) 
-        {
-            event.preventDefault(); 
-            var joditEditor = editor2;
-            if (joditEditor) {
-                var mailContent = $(joditEditor.currentPlace.container).find('.jodit-wysiwyg').html();
-                var formData = $(this).serializeArray();
-                formData.push({ name: 'mailContent', value: mailContent });
-                formData.push({ name: 'client_id', value: $('#general_PrimaryKey').val() });
-
-                $('.loader').fadeIn();
-                $('.loader-mask').fadeIn();
-                var form_action = '<?= base_url("client/notification/create") ?>'; 
-                $.ajax({
-                    url: form_action,
-                    type: "POST",
-                    data: formData,
-                    dataType: 'json',
-                    success: function(res) 
-                    {
-                        console.log($('#member_reminder_mail_modal'));
-                        $('#member_reminder_mail_modal').find('.close').click();
-                        $('.loader').fadeOut();
-                        $('.loader-mask').delay(350).fadeOut('slow');
-                    },
-                    error: function (xhr, status, error) 
-                    {
-                        console.error(xhr.responseText);
-                        console.error(status, error);
-                        setTimeout(function() 
-                        {
-                            $('.loader').fadeOut();
-                            $('.loader-mask').delay(350).fadeOut('slow');
-                            toastr.warning('Something Wrong!', 'warning');
-                        }, 1000);
-                    }
-                });
-            } 
-            else 
-            {
-                console.error("Jodit editor instance is not defined.");
-            }
-        })
-
-        $('#member_ecard_mail_form').submit(function (event) 
-        {
-            event.preventDefault();
-            var joditEditor = editor6;
-            if (joditEditor) {
-                var mailContent = $(joditEditor.currentPlace.container).find('.jodit-wysiwyg').html();
-                var formData = $(this).serializeArray();
-                formData.push({ name: 'mailContent', value: mailContent });
-                formData.push({ name: 'client_id', value: $('#general_PrimaryKey').val() });
-
-                formData.forEach(function(item) {
-                    if (item.name === 'subject') {
-                        // Clean the subject value by removing unwanted characters
-                        item.value = item.value.replace(/[Â]/g, "").replace(/[^\x20-\x7E]/g, '');
-                    }
-                });
-
-
-                $('.loader').fadeIn();
-                $('.loader-mask').fadeIn();
-                var form_action = '<?= base_url("client/notification/create") ?>'; 
-                $.ajax({
-                    url: form_action,
-                    type: "POST",
-                    data: formData,
-                    dataType: 'json',
-                    success: function(res) 
-                    {
-                        $('#member_ecard_mail_modal').find('.close').click();
-                        $('.loader').fadeOut();
-                        $('.loader-mask').delay(350).fadeOut('slow');
-                    },
-                    error: function (xhr, status, error) 
-                    {
-                        console.error(xhr.responseText);
-                        console.error(status, error);
-                        setTimeout(function() 
-                        {
-                            $('.loader').fadeOut();
-                            $('.loader-mask').delay(350).fadeOut('slow');
-                            toastr.warning('Something Wrong!', 'warning');
-                        }, 1000);
-                    }
-                });
-            } 
-            else 
-            {
-                console.error("Jodit editor instance is not defined.");
-            }
-        })
-
-        $('#member_review_and_summary_mail_form').submit(function (event) 
-        {
-            event.preventDefault(); 
-            var joditEditor = editor3;
-            if (joditEditor) {
-                var mailContent = $(joditEditor.currentPlace.container).find('.jodit-wysiwyg').html();
-                var formData = $(this).serializeArray();
-                formData.push({ name: 'mailContent', value: mailContent });
-                formData.push({ name: 'client_id', value: $('#general_PrimaryKey').val() });
-
-                $('.loader').fadeIn();
-                $('.loader-mask').fadeIn(); 
-                var form_action = '<?= base_url("client/notification/create") ?>'; 
-                $.ajax({
-                    url: form_action,
-                    type: "POST",
-                    data: formData,
-                    dataType: 'json',
-                    success: function(res) 
-                    {
-                        $('#member_review_and_summary_mail_modal').find('.close').click();
-                        $('.loader').fadeOut();
-                        $('.loader-mask').delay(350).fadeOut('slow');
-                    },
-                    error: function (xhr, status, error)
-                    {
-                        console.error(xhr.responseText);
-                        console.error(status, error);
-                        setTimeout(function() 
-                        {
-                            $('.loader').fadeOut();
-                            $('.loader-mask').delay(350).fadeOut('slow');
-                            toastr.warning('Something Wrong!', 'warning');
-                        }, 1000);
-                    }
-                });
-            }
-            else 
-            {
-                console.error("Jodit editor instance is not defined.");
-            }
-        })
-
-        // $('#account_maneger_summary_mail_form').submit(function (event) 
-        // {
-        //     event.preventDefault();
-        //     var joditEditor = editor4;
-        //     if (joditEditor) 
-        //     {
-        //         var mailContent = $(joditEditor.currentPlace.container).find('.jodit-wysiwyg').html();
-        //         var formData = $(this).serializeArray();
-        //         formData.push({ name: 'mailContent', value: mailContent });
-        //         formData.push({ name: 'client_id', value: $('#general_PrimaryKey').val() });
-
-        //         $('.loader').fadeIn();
-        //         $('.loader-mask').fadeIn();
-        //         var form_action = '<?= base_url("client/notification/create") ?>'; 
-        //         $.ajax({
-        //             url: form_action,
-        //             type: "POST",
-        //             data: formData,
-        //             dataType: 'json',
-        //             success: function(res) 
-        //             {
-        //                 $('#account_maneger_summary_mail_modal').find('.close').click();
-        //                 $('.loader').fadeOut();
-        //                 $('.loader-mask').delay(350).fadeOut('slow');
-        //             },
-        //             error: function (xhr, status, error) 
-        //             {
-        //                 console.error(xhr.responseText);
-        //                 console.error(status, error);
-        //                 setTimeout(function() 
-        //                 {
-        //                     $('.loader').fadeOut();
-        //                     $('.loader-mask').delay(350).fadeOut('slow');
-        //                     toastr.warning('Something Wrong!', 'warning');
-        //                 }, 1000);
-        //             }
-        //         });
-        //     }
-        //     else
-        //     {
-        //         console.error("Jodit editor instance is not defined.");
-        //     }
-        // })
-
-        $('#client_hr_summary_mail_form').submit(function (event) 
-        {
-            event.preventDefault();
-            var joditEditor = editor5;
-            if (joditEditor) 
-            {
-                var mailContent = $(joditEditor.currentPlace.container).find('.jodit-wysiwyg').html();
-                var formData = $(this).serializeArray();
-                formData.push({ name: 'mailContent', value: mailContent });
-                formData.push({ name: 'client_id', value: $('#general_PrimaryKey').val() });
-
-                $('.loader').fadeIn();
-                $('.loader-mask').fadeIn();
-                var form_action = '<?= base_url("client/notification/create") ?>'; 
-                $.ajax({
-                    url: form_action,
-                    type: "POST",
-                    data: formData,
-                    dataType: 'json',
-                    success: function(res) 
-                    {
-                        $('#client_hr_summary_mail_modal').find('.close').click();
-                        $('.loader').fadeOut();
-                        $('.loader-mask').delay(350).fadeOut('slow');
-                    },
-                    error: function (xhr, status, error) 
-                    {
-                        console.error(xhr.responseText);
-                        console.error(status, error);
-                        setTimeout(function() 
-                        {
-                            $('.loader').fadeOut();
-                            $('.loader-mask').delay(350).fadeOut('slow');
-                            toastr.warning('Something Wrong!', 'warning');
-                        }, 1000);
-                    }
-                });
-            }
-            else 
-            {
-                console.error("Jodit editor instance is not defined.");
-            }
-        })
-
-        $(document).on('click', '#notification_enable_form_submit', function() 
-        {
-            var formData = [];
-            console.log($('#hr_mail_id').val());
-
-            formData.push({name:'client_id', value: $('#general_PrimaryKey').val()})
-            formData.push({ name: 'nhance_team_mail_ids', value: $('#nhance_team_mail_ids').val() });
-            formData.push({ name: 'hr_mail_id', value: $('#hr_mail_id').val() });
-            formData.push({ name: 'mail_domain', value: $('#mail_domain').val() });
-            formData.push({ name: 'reply_to', value: $('#reply_to').val() });
-            formData.push({ name: 'member_welcome_mail_btn', value: $('#member_welcome_mail_btn').prop('checked') });
-            formData.push({ name: 'member_reminder_mail_btn', value: $('#member_reminder_mail_btn').prop('checked') });
-            formData.push({ name: 'member_ecard_mail_btn', value: $('#member_ecard_mail_btn').prop('checked') });
-            formData.push({ name: 'member_review_and_summary_mail_btn', value: $('#member_review_and_summary_mail_btn').prop('checked') });
-            formData.push({ name: 'account_maneger_summary_mail_btn', value: $('#account_maneger_summary_mail_btn').prop('checked') });
-            formData.push({ name: 'client_hr_summary_mail_btn', value: $('#client_hr_summary_mail_btn').prop('checked') });
-
-            var form_action = '<?= base_url("client/notification/update_enable") ?>'; 
-            $('.loader').fadeIn();
-            $('.loader-mask').fadeIn();
-            $.ajax({
-                url: form_action,
-                type: "POST",
-                data: formData,
-                dataType: 'json',
-                success: function(res) 
-                {
-                    console.log(res);
-                    if (res) 
-                    {
-                        toastr.success('Update Successfully');       
-                    }
-                    $('.loader').fadeOut();
-                    $('.loader-mask').delay(350).fadeOut('slow');
-                },
-                error: function (xhr, status, error) 
-                {
-                    console.error(xhr.responseText);
-                    console.error(status, error);
-                    setTimeout(function() 
-                    {
-                        $('.loader').fadeOut();
-                        $('.loader-mask').delay(350).fadeOut('slow');
-                        toastr.warning('Something Wrong!', 'warning');
-                    }, 1000);
-                }
-            });    
-        })
-    });
-    
-    if ($('#myDropdown')[0]) {    
-        document.getElementById("myDropdown").addEventListener("click", function(event) 
-        {
-            // Check if the clicked element is a dropdown item
-            if (event.target.classList.contains("dropdown-item")) 
-            {
-                const selectedValue = event.target.innerText; 
-                const editor = Jodit.instances["member_reminder_mail_snow_editor"];
-                editor.selection.insertHTML(selectedValue); 
-            }
-        });
-    }
-
-    function snakeCaseToCamelCase(input) 
-    {
-        return input.split('_').map(function(word, index) 
-        {
-            return word.charAt(0).toUpperCase() + word.slice(1);
-        }).join(' ');
-    }
-template_name = '';
-    function getMailTemplateData(element)
-    {
-        template_name = $(element).attr('id');
-
-        if (template_name == "member_welcome_mail" || template_name == "member_reminder_mail" ||  template_name == "member_ecard_mail" || template_name == "member_review_and_summary_mail"  || template_name == "client_hr_summary_mail") 
-        {
-            $('.loader').fadeIn();
-            $('.loader-mask').fadeIn();
-
-            var form_action = '<?= base_url("client/notification/getMailTemplateData/") ?>'+template_name+ '/' + $('#general_PrimaryKey').val(); 
-
-            $.ajax({
-                url: form_action,
-                type: "GET",
-                dataType: 'json',
-                success: function(res) {
-                    console.log('get Mail Template Data', res);
-                    if (res) 
-                    {
-                        // $(`#${template_name}_form`).find('#template_name').val(snakeCaseToCamelCase(res.template_name));
-                        $(`#${template_name}_form`).find('#subject').val(res.subject);
-                        $(`#${template_name}_form`).find('.jodit-wysiwyg').html(res.mail_content);
-
-                        console.log(res.id)
-                        console.log(res.data)
-
-                        if(res.data){
-                            addHTMLInput(res.data);
-                        }else{
-                            addHTMLInput();
-                        } 
-
-                        if(res.id){
-                            $('.testmail').show();
-                            $('#attachment_table').show();
-                            $('#attachment_table_ecard')
-                            $('.setid').attr('data-id', res.id);
-                        }else{
-                            $('.testmail').hide();
-                            $('#attachment_table').hide();
-                            $('#attachment_table_ecard').hide();
-                            $('.setid').attr('data-id', '');
-                        }
-
-                    }else{
-                        $('.testmail').hide();
-                        $('#attachment_table').hide();
-                        $('#attachment_table_ecard').hide();
-                        $('.setid').attr('data-id', '');
-
-                    }
-                    $('.loader').fadeOut();
-                    $('.loader-mask').delay(350).fadeOut('slow');
-                },
-                error: function (xhr, status, error) {
-                    console.error(xhr.responseText);
-                    console.error(status, error);
-                    setTimeout(function() {
-                        $('.loader').fadeOut();
-                        $('.loader-mask').delay(350).fadeOut('slow');
-                        toastr.warning('Something Wrong!', 'warning');
-                    }, 1000);
-                }
-            });
-        }
-    }
-
-    function testMailSend(input){
-
-        // var memberWelcomeMailModal = new bootstrap.Modal(document.getElementById('member_welcome_mail_modal'));
-        // var previewModal = new bootstrap.Modal(document.getElementById('preview_modal'));
-        // previewModal.show();
-        // $('.close').click();
-
-        // Swal.fire({
-        //     title: "Enter Testing mail",
-        //     input: "text",
-        //     inputPlaceholder: "Enter your email",
-        //     showCancelButton: true,
-        //     confirmButtonText: "Submit",
-        //     backdrop: 'static',  // Prevent focus issue by disallowing clicking outside
-        //     preConfirm: (inputValue) => {
-        //         if (!inputValue) {
-        //             Swal.showValidationMessage('Please enter a valid email');
-        //         }
-        //         return inputValue;
-        //     }
-        // }).then((result) => {
-        //     if (result.isConfirmed) {
-        //         Swal.fire({
-        //             title: `Entered Email: ${result.value}`,
-        //             text: 'This is the email you entered.',
-        //             icon: 'success'
-        //         });
-        //     }
-        // });
-        // return  false;
+    function testMailSend(input) {
 
         let test_mail = prompt("Please enter test mail:");
         console.log('mail address:', test_mail);
 
         if (test_mail !== null || test_mail !== "") {
 
-            if(isValidEmail(test_mail)){
+            if (isValidEmail(test_mail)) {
 
                 var template_id = $(input).data('id');
                 console.log('templte id', template_id);
 
-                if(template_id){
+                if (template_id) {
                     let url = '<?= base_url('util/sentTestMail/') ?>' + template_id + '/' + test_mail;
                     console.log('testing mail url:', url);
 
@@ -1422,48 +785,48 @@ template_name = '';
                         url: url,
                         type: "GET",
                         dataType: 'json',
-                        success: function (res) {
+                        success: function(res) {
 
                             console.log('Test mail send function response', res)
 
                             $('.loader').fadeOut();
                             $('.loader-mask').delay(350).fadeOut('slow');
 
-                            if(res.status == true){
+                            if (res.status == true) {
 
                                 let respond = res.respond;
                                 console.log('Parsed respond', respond)
 
-                                if(respond.status == 'success'){
+                                if (respond.status == 'success') {
                                     toastr.success(respond.message, 'SUCCESS')
-                                }else{
+                                } else {
                                     toastr.warning(respond.message, 'WARNING')
                                 }
-                                
-                            }else{
+
+                            } else {
                                 toastr.warning('Failed to sent mail', 'WARNING')
                             }
                         },
-                        error: function (xhr, status, error) {
+                        error: function(xhr, status, error) {
 
                             $('.loader').fadeOut();
                             $('.loader-mask').delay(350).fadeOut('slow');
 
                             console.error(xhr.responseText);
                             console.error(status, error);
-                        }        
+                        }
                     });
 
-                }else{
+                } else {
                     let alert_msg = 'Template ID not exist'
                     toastr.warning(alert_msg, 'WARNING');
                 }
 
-            }else{
+            } else {
                 toastr.warning('Please enter the valid mail', 'WARNING');
             }
-            
-        }else{
+
+        } else {
 
             toastr.warning('Please enter the valid mail', 'WARNING');
         }
@@ -1475,29 +838,29 @@ template_name = '';
         return emailPattern.test(email);
     }
 
-    function addHTMLInput(data = null) {   
+    function addHTMLInput(data = null) {
 
         console.log('addHTMLInput function called');
         console.log(template_name);
-        var container  = '';
-        if (template_name == 'member_welcome_mail'){
+        var container = '';
+        if (template_name == 'member_welcome_mail') {
             container = document.getElementById('attachment_tbody');
-        }else{
+        } else {
             container = document.getElementById('attachment_tbody_ecard');
         }
 
         if (data) {
 
-            $(container).empty(); 
+            $(container).empty();
 
             data.forEach(item => {
                 const newRow = document.createElement('tr');
                 newRow.className = 'dynamic-form-row';
 
                 newRow.innerHTML = `
-                    <td> ${item.file_name} </td>
-                    <td> <a class="fa fa-trash" data-id="${item.id}" onclick="removeAttachment('${item.id}')"></a></td>
-                `;
+            <td> ${item.file_name} </td>
+            <td> <a class="fa fa-trash" data-id="${item.id}" onclick="removeAttachment('${item.id}')"></a></td>
+        `;
 
                 container.appendChild(newRow);
             });
@@ -1507,20 +870,20 @@ template_name = '';
             newFormRow.className = 'dynamic-form-row';
 
             newFormRow.innerHTML = `
-                <td>
-                    <form class="ajax" onsubmit="submitAttachmentForm(event, this)">
-                        <div class="form-row">
-                            <div class="form-group col-3">
-                                <input type="file" class="file-input__input" name="file" required>
-                            </div>
-                            <div class="form-group col-2">
-                                <button type="submit" class="btn btn-sm btn-primary">Submit</button>
-                            </div>
-                        </div>
-                    </form>
-                </td>
-            `;
-                
+        <td>
+            <form class="ajax" onsubmit="submitAttachmentForm(event, this)">
+                <div class="form-row">
+                    <div class="form-group col-3">
+                        <input type="file" class="file-input__input" name="file" required>
+                    </div>
+                    <div class="form-group col-2">
+                        <button type="submit" class="btn btn-sm btn-primary">Submit</button>
+                    </div>
+                </div>
+            </form>
+        </td>
+    `;
+
             container.appendChild(newFormRow);
 
         } else {
@@ -1529,35 +892,35 @@ template_name = '';
             newRow.className = 'dynamic-form-row';
 
             newRow.innerHTML = `
-                <td>
-                    <form class="ajax" onsubmit="submitAttachmentForm(event, this)">
-                        <div class="form-row">
-                            <div class="form-group col-3">
-                                <input type="file" class="file-input__input" name="file" required>
-                            </div>
-                            <div class="form-group col-2">
-                                <button type="submit" class="btn btn-sm btn-primary">Submit</button>
-                            </div>
-                        </div>
-                    </form>
-                </td>
-            `;
+        <td>
+            <form class="ajax" onsubmit="submitAttachmentForm(event, this)">
+                <div class="form-row">
+                    <div class="form-group col-3">
+                        <input type="file" class="file-input__input" name="file" required>
+                    </div>
+                    <div class="form-group col-2">
+                        <button type="submit" class="btn btn-sm btn-primary">Submit</button>
+                    </div>
+                </div>
+            </form>
+        </td>
+    `;
             container.appendChild(newRow);
         }
     }
 
     function removeHTMLInput(element) {
-        if (template_name == 'member_welcome_mail'){
+        if (template_name == 'member_welcome_mail') {
             const container = document.getElementById('attachment_tbody');
-        }else{
+        } else {
             const container = document.getElementById('attachment_tbody_ecard');
-        }        
+        }
         const rows = container.querySelectorAll('.dynamic-form-row');
 
         if (rows.length > 1) {
             const row = element.closest('.dynamic-form-row');
             row.remove();
-        } 
+        }
     }
 
     function submitAttachmentForm(event, form) {
@@ -1601,20 +964,20 @@ template_name = '';
                 $('.loader').fadeOut();
                 $('.loader-mask').delay(350).fadeOut('slow');
 
-                if(response.status == true){
+                if (response.status == true) {
                     toastr.success(response.message, 'SUCCESS');
                     addHTMLInput(response.data);
-                }else{
+                } else {
                     toastr.error(response.message, 'ERROR');
-                } 
+                }
             },
             error: function(xhr, status, error) {
                 $('.loader').fadeOut();
                 $('.loader-mask').delay(350).fadeOut('slow');
                 // Handle error
                 console.error('Upload error occurred:');
-                console.error('Status: ', status);  // Status of the request
-                console.error('Error: ', error);    // Specific error message
+                console.error('Status: ', status); // Status of the request
+                console.error('Error: ', error); // Specific error message
                 console.error('XHR Object: ', xhr); // Full XHR object with response details
 
                 // Optionally log server response, if available
@@ -1635,7 +998,7 @@ template_name = '';
         });
     }
 
-    function removeAttachment(id){
+    function removeAttachment(id) {
 
         // var template_name = template_name
         var client_id = $('#general_PrimaryKey').val();
@@ -1644,353 +1007,955 @@ template_name = '';
         $('.loader-mask').fadeIn();
 
         $.ajax({
-            url: '<?php echo base_url('client/notification/removeAttachment/');?>'+ id + '/' + client_id + '/' + template_name,
+            url: '<?php echo base_url('client/notification/removeAttachment/'); ?>' + id + '/' + client_id + '/' + template_name,
             type: "GET",
             dataType: 'json',
-            success: function (res) {
+            success: function(res) {
 
                 console.log('removeAttachment response', res)
                 $('.loader').fadeOut();
                 $('.loader-mask').delay(350).fadeOut('slow');
 
-                if(res.status == true){
-                   toastr.success(res.message, 'SUCCESS')
-                   addHTMLInput(res.data);
-                }else{
-                   toastr.warning(res.message, 'WARNING')
+                if (res.status == true) {
+                    toastr.success(res.message, 'SUCCESS')
+                    addHTMLInput(res.data);
+                } else {
+                    toastr.warning(res.message, 'WARNING')
                 }
             },
-            error: function (xhr, status, error) {
+            error: function(xhr, status, error) {
                 $('.loader').fadeOut();
                 $('.loader-mask').delay(350).fadeOut('slow');
                 console.error(xhr.responseText);
                 console.error(status, error);
-            }        
+            }
         });
 
     }
-    
+</script> -->
 
-
-</script>
 <script>
-// Global editor variable
-let editor = null;
+    // Global editor variable
+    let editor = null;
+    let template_name = '';
+    $(document).ready(function() {
+        const fileInput = document.getElementById("Question_title_fileInput");
 
-// Function to check if unlayer is loaded and available
-function isUnlayerLoaded() {
-    return typeof unlayer !== 'undefined' && unlayer !== null;
-}
+        fileInput.addEventListener("change", () => {
+            const file = fileInput.files[0];
+            if (file) {
+                const reader = new FileReader();
+                reader.onload = function(e) {
+                    const imageUrl = e.target.result;
+                    editor.selection.insertImage(imageUrl);
+                };
+                reader.readAsDataURL(file);
+            }
+            fileInput.value = '';
+        });
 
-// Enhanced waiting function with better error handling
-function waitForUnlayer(callback, maxAttempts = 20) {
-    let attempts = 0;
-    
-    const checkUnlayer = setInterval(function() {
-        attempts++;
-        console.log("Checking for Unlayer, attempt:", attempts);
-        
-        if (isUnlayerLoaded()) {
-            clearInterval(checkUnlayer);
-            console.log("Unlayer loaded successfully");
-            callback(true);
-        } else if (attempts >= maxAttempts) {
-            clearInterval(checkUnlayer);
-            console.error("Unlayer failed to load after", attempts, "attempts");
-            callback(false);
+
+    })
+
+    function testMailSend(input) {
+
+        let test_mail = prompt("Please enter test mail:");
+        console.log('mail address:', test_mail);
+
+        if (test_mail !== null || test_mail !== "") {
+
+            if (isValidEmail(test_mail)) {
+
+                var template_id = $(input).data('id');
+                console.log('templte id', template_id);
+
+                if (template_id) {
+                    let url = '<?= base_url('util/sentTestMail/') ?>' + template_id + '/' + test_mail;
+                    console.log('testing mail url:', url);
+
+                    $('.loader').fadeIn();
+                    $('.loader-mask').fadeIn();
+
+                    $.ajax({
+                        url: url,
+                        type: "GET",
+                        dataType: 'json',
+                        success: function(res) {
+
+                            console.log('Test mail send function response', res)
+
+                            $('.loader').fadeOut();
+                            $('.loader-mask').delay(350).fadeOut('slow');
+
+                            if (res.status == true) {
+
+                                let respond = res.respond;
+                                console.log('Parsed respond', respond)
+
+                                if (respond.status == 'success') {
+                                    toastr.success(respond.message, 'SUCCESS')
+                                } else {
+                                    toastr.warning(respond.message, 'WARNING')
+                                }
+
+                            } else {
+                                toastr.warning('Failed to sent mail', 'WARNING')
+                            }
+                        },
+                        error: function(xhr, status, error) {
+
+                            $('.loader').fadeOut();
+                            $('.loader-mask').delay(350).fadeOut('slow');
+
+                            console.error(xhr.responseText);
+                            console.error(status, error);
+                        }
+                    });
+
+                } else {
+                    let alert_msg = 'Template ID not exist'
+                    toastr.warning(alert_msg, 'WARNING');
+                }
+
+            } else {
+                toastr.warning('Please enter the valid mail', 'WARNING');
+            }
+
+        } else {
+
+            toastr.warning('Please enter the valid mail', 'WARNING');
         }
-    }, 1000); // Increased interval to 1 second
-}
 
-// Improved editor initialization function
-function initializeEditor(callback) {
-    
-    console.log("Starting editor initialization...");
-    
-    const editorContainer = document.getElementById('editor-container');
-    if (!editorContainer) {
-        console.error("Editor container not found");
-        if (callback) callback(null);
-        return;
     }
 
-    // Ensure the script is loaded
-    if (!document.querySelector('script[src*="unlayer"]')) {
-        console.error("Unlayer script is not included in the page");
-        if (callback) callback(null);
-        return;
+    function isValidEmail(email) {
+        const emailPattern = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
+        return emailPattern.test(email);
     }
-    $('.loader').fadeIn();
-    $('.loader-mask').fadeIn();
 
-    waitForUnlayer(function(unlayerLoaded) {
-        if (!unlayerLoaded) {
-            console.error("Unlayer not available");
+    function addHTMLInput(data = null) {
+
+        console.log('addHTMLInput function called');
+        console.log(template_name);
+        var container = '';
+        if (template_name == 'member_welcome_mail') {
+            container = document.getElementById('attachment_tbody');
+        } else {
+            container = document.getElementById('attachment_tbody_ecard');
+        }
+
+        if (data) {
+
+            $(container).empty();
+
+            data.forEach(item => {
+                const newRow = document.createElement('tr');
+                newRow.className = 'dynamic-form-row';
+
+                newRow.innerHTML = `
+            <td> ${item.file_name} </td>
+            <td> <a class="fa fa-trash" data-id="${item.id}" onclick="removeAttachment('${item.id}')"></a></td>
+        `;
+
+                container.appendChild(newRow);
+            });
+
+            // Creating another row for the form with file input
+            const newFormRow = document.createElement('tr');
+            newFormRow.className = 'dynamic-form-row';
+
+            newFormRow.innerHTML = `
+        <td>
+            <form class="ajax" onsubmit="submitAttachmentForm(event, this)">
+                <div class="form-row">
+                    <div class="form-group col-3">
+                        <input type="file" class="file-input__input" name="file" required>
+                    </div>
+                    <div class="form-group col-2">
+                        <button type="submit" class="btn btn-sm btn-primary">Submit</button>
+                    </div>
+                </div>
+            </form>
+        </td>
+    `;
+
+            container.appendChild(newFormRow);
+
+        } else {
+            // If no data is passed, create a new empty row
+            const newRow = document.createElement('tr');
+            newRow.className = 'dynamic-form-row';
+
+            newRow.innerHTML = `
+        <td>
+            <form class="ajax" onsubmit="submitAttachmentForm(event, this)">
+                <div class="form-row">
+                    <div class="form-group col-3">
+                        <input type="file" class="file-input__input" name="file" required>
+                    </div>
+                    <div class="form-group col-2">
+                        <button type="submit" class="btn btn-sm btn-primary">Submit</button>
+                    </div>
+                </div>
+            </form>
+        </td>
+    `;
+            container.appendChild(newRow);
+        }
+    }
+
+    function removeHTMLInput(element) {
+        if (template_name == 'member_welcome_mail') {
+            const container = document.getElementById('attachment_tbody');
+        } else {
+            const container = document.getElementById('attachment_tbody_ecard');
+        }
+        const rows = container.querySelectorAll('.dynamic-form-row');
+
+        if (rows.length > 1) {
+            const row = element.closest('.dynamic-form-row');
+            row.remove();
+        }
+    }
+
+    function submitAttachmentForm(event, form) {
+
+        event.preventDefault(); // Prevent the default form submission
+
+        // var template_name = template_name;
+        var client_id = $('#general_PrimaryKey').val();
+        // console.log(client_id);
+
+        const formData = new FormData(form);
+        formData.append('template_name', template_name);
+        formData.append('client_id', client_id);
+        console.log(formData.template_name);
+        const fileInput = form.querySelector('input[type="file"]');
+
+        // Check if a file is selected
+        if (!fileInput.files.length) {
+            toastr.warning("Please select a file to upload.");
+            return;
+        }
+
+        // Optional: Display a loading indicator
+        const submitButton = form.querySelector('button[type="submit"]');
+        submitButton.disabled = true;
+        submitButton.innerText = 'Uploading...';
+
+        $('.loader').fadeIn();
+        $('.loader-mask').fadeIn();
+
+        // AJAX request to upload the file
+        $.ajax({
+            url: '<?= base_url('client/notification/add_attachment') ?>', // Replace with your actual upload URL
+            type: 'POST',
+            data: formData,
+            processData: false,
+            contentType: false,
+            success: function(response) {
+
+                console.log(response)
+                $('.loader').fadeOut();
+                $('.loader-mask').delay(350).fadeOut('slow');
+
+                if (response.status == true) {
+                    toastr.success(response.message, 'SUCCESS');
+                    addHTMLInput(response.data);
+                } else {
+                    toastr.error(response.message, 'ERROR');
+                }
+            },
+            error: function(xhr, status, error) {
+                $('.loader').fadeOut();
+                $('.loader-mask').delay(350).fadeOut('slow');
+                // Handle error
+                console.error('Upload error occurred:');
+                console.error('Status: ', status); // Status of the request
+                console.error('Error: ', error); // Specific error message
+                console.error('XHR Object: ', xhr); // Full XHR object with response details
+
+                // Optionally log server response, if available
+                if (xhr.responseText) {
+                    console.error('Response Text: ', xhr.responseText);
+                }
+
+                toastr.warning('Error uploading file', 'WARNING');
+                console.error('Upload error:', error);
+            },
+            complete: function() {
+                $('.loader').fadeOut();
+                $('.loader-mask').delay(350).fadeOut('slow');
+                // Re-enable the submit button and reset its text
+                submitButton.disabled = false;
+                submitButton.innerText = 'Submit';
+            }
+        });
+    }
+
+    function removeAttachment(id) {
+
+        // var template_name = template_name
+        var client_id = $('#general_PrimaryKey').val();
+
+        $('.loader').fadeIn();
+        $('.loader-mask').fadeIn();
+
+        $.ajax({
+            url: '<?php echo base_url('client/notification/removeAttachment/'); ?>' + id + '/' + client_id + '/' + template_name,
+            type: "GET",
+            dataType: 'json',
+            success: function(res) {
+
+                console.log('removeAttachment response', res)
+                $('.loader').fadeOut();
+                $('.loader-mask').delay(350).fadeOut('slow');
+
+                if (res.status == true) {
+                    toastr.success(res.message, 'SUCCESS')
+                    addHTMLInput(res.data);
+                } else {
+                    toastr.warning(res.message, 'WARNING')
+                }
+            },
+            error: function(xhr, status, error) {
+                $('.loader').fadeOut();
+                $('.loader-mask').delay(350).fadeOut('slow');
+                console.error(xhr.responseText);
+                console.error(status, error);
+            }
+        });
+
+    }
+    // Function to check if unlayer is loaded and available
+    function isUnlayerLoaded() {
+        return typeof unlayer !== 'undefined' && unlayer !== null;
+    }
+
+    // Enhanced waiting function with better error handling
+    function waitForUnlayer(callback, maxAttempts = 20) {
+        let attempts = 0;
+
+        const checkUnlayer = setInterval(function() {
+            attempts++;
+            console.log("Checking for Unlayer, attempt:", attempts);
+
+            if (isUnlayerLoaded()) {
+                clearInterval(checkUnlayer);
+                console.log("Unlayer loaded successfully");
+                callback(true);
+            } else if (attempts >= maxAttempts) {
+                clearInterval(checkUnlayer);
+                console.error("Unlayer failed to load after", attempts, "attempts");
+                callback(false);
+            }
+        }, 1000); // Increased interval to 1 second
+    }
+
+    // Improved editor initialization function
+    function initializeEditor(callback) {
+
+        console.log("Starting editor initialization...");
+
+        const editorContainer = document.getElementById(`${template_name}_editor_container`);
+        if (!editorContainer) {
+            console.error("Editor container not found");
             if (callback) callback(null);
             return;
         }
 
-        try {
-            // Destroy existing instance if it exists
-            if (editor) {
-                console.log("Destroying existing editor...");
-                editor.destroy();
-                editor = null;
-            }
-
-            // Clear the container
-            editorContainer.innerHTML = '';
-
-            // Create new editor instance with error handling
-            console.log("Creating new editor instance...");
-            editor = unlayer.createEditor({
-                id: 'editor-container',
-                projectId: 263979,
-                displayMode: "email",
-                features: {
-                    textEditor: {tables: true },
-                    preview: {enabled: true,deviceOptions: ['desktop', 'mobile']},
-                    // preview: { enabled: true },
-                    imageEditor: { enabled: true },
-                    appearance: {
-                        theme: 'light',
-                        panels: {
-                            tools: { dock: "right" }
-                        }
-                    }
-                },
-                branding:false,
-                tools: {
-                    // Configure any specific tools you need
-                    text: {
-                        enabled: true
-                    },
-                    image: {
-                        enabled: true
-                    }
-                }
-            });
-
-            // Verify editor initialization
-            if (!editor || typeof editor.loadDesign !== 'function') {
-                throw new Error("Editor initialization failed - editor instance is invalid");
-            }
-
-            console.log("Editor initialization completed successfully");
-            $('.loader').fadeOut();
-            $('.loader-mask').fadeOut();
-            if (callback) callback(editor);
-
-        } catch (error) {
-            console.error("Error in editor initialization:", error);
+        // Ensure the script is loaded
+        if (!document.querySelector('script[src*="unlayer"]')) {
+            console.error("Unlayer script is not included in the page");
             if (callback) callback(null);
-             $('.loader').fadeOut();
-            $('.loader-mask').fadeOut();
+            return;
         }
-    });
-}
-
-// Modified template data function with better error handling
-function getMailTemplateData2(element) {
-    const template_name = element.id;
-    const validTemplates = [
-        "account_maneger_summary_mail","member_reminder_mail","member_ecard_mail"
-    ];
-
-    if (!validTemplates.includes(template_name)) {
-        console.error("Invalid template name:", template_name);
-        return;
-    }
-
-    $('.loader').fadeIn();
-    $('.loader-mask').fadeIn();
-
-    const primaryKey = $('#general_PrimaryKey').val();
-    const baseUrl = '<?= base_url("client/notification/getMailTemplateData/") ?>';
-    const form_action = `${baseUrl}${template_name}/${primaryKey}`;
-
-    $.ajax({
-        url: form_action,
-        type: "GET",
-        dataType: 'json',
-        success: function(res) {
-            console.log('get Mail Template Data', res);
-
-            if (res) {
-                // Set subject
-                $(`#${template_name}_form #subject`).val(res.subject || '');
-
-                // Initialize editor with retry mechanism
-                let retryCount = 0;
-                const initWithRetry = function() {
-                    initializeEditor(function(editorInstance) {
-                        if (!editorInstance && retryCount < 3) {
-                            console.log(`Retrying editor initialization (${retryCount + 1}/3)...`);
-                            retryCount++;
-                            setTimeout(initWithRetry, 1000);
-                            return;
-                        }
-
-                        if (!editorInstance) {
-                            console.error("Editor initialization failed after retries");
-                            toastr.error('Editor initialization failed. Please refresh the page.');
-                            return;
-                        }
-
-                        if (res.mail_content_json) {
-                            try {
-                                const design = JSON.parse(res.mail_content_json);
-                                editorInstance.loadDesign(design);
-                                console.log("Design loaded successfully");
-                                hideBranding();        
-                            } catch (error) {
-                                console.error("Error parsing mail content JSON:", error);
-                                toastr.error('Error loading email template');
-                            }
-                        }else{
-                            hideBranding()
-                        }
-                    });
-                };
-
-                initWithRetry();
-
-                if (res.data) {
-                    addHTMLInput(res.data);
-                } else {
-                    addHTMLInput();
-                }
-
-                // Update UI elements
-                $('.testmail').toggle(!!res.id);
-                $('#attachment_table').toggle(!!res.id);
-                $('#attachment_table_ecard').toggle(!!res.id);
-                $('.setid').attr('data-id', res.id || '');
-            }else{
-                console.log("Inside else");
-                let retryCount = 0;
-                const initWithRetry = function() {
-                    initializeEditor(function(editorInstance) {
-                        if (!editorInstance && retryCount < 3) {
-                            console.log(`Retrying editor initialization (${retryCount + 1}/3)...`);
-                            retryCount++;
-                            setTimeout(initWithRetry, 1000);
-                            return;
-                        }
-
-                        if (!editorInstance) {
-                            console.error("Editor initialization failed after retries");
-                            toastr.error('Editor initialization failed. Please refresh the page.');
-                            return;
-                        }
-                        hideBranding();
-
-                    });
-                };
-
-                initWithRetry();
-            }
-
-            $('.loader').fadeOut();
-            $('.loader-mask').delay(350).fadeOut('slow');
-        },
-        error: function(xhr, status, error) {
-            console.error("Ajax error:", { status, error, response: xhr.responseText });
-            $('.loader').fadeOut();
-            $('.loader-mask').delay(350).fadeOut('slow');
-            toastr.error('Failed to load template data');
-        }
-    });
-}
-
-$('#account_maneger_summary_mail_form').submit(function (event) {
-    event.preventDefault();
-    
-    // Check if editor instance exists
-    if (!editor) {
-        console.error("Editor not initialized");
-        toastr.error("Editor not ready. Please try again.");
-        return;
-    }
-
-    // Use the editor instance instead of unlayer directly
-    editor.exportHtml(function (data) {
-        var formData = $('#account_maneger_summary_mail_form').serializeArray();
-        
-        // Append Unlayer editor data
-        formData.push({ 
-            name: 'mailContent', 
-            value: data.html 
-        });
-        formData.push({ 
-            name: 'client_id', 
-            value: $('#general_PrimaryKey').val() 
-        });
-        formData.push({ 
-            name: 'mailJson', 
-            value: JSON.stringify(data.design) 
-        });
-
-        console.log(formData);
-
-        // Show loading indicators
         $('.loader').fadeIn();
         $('.loader-mask').fadeIn();
 
-        var form_action = '<?= base_url("client/notification/create") ?>';
-        
+        waitForUnlayer(function(unlayerLoaded) {
+            if (!unlayerLoaded) {
+                console.error("Unlayer not available");
+                if (callback) callback(null);
+                return;
+            }
+
+            try {
+                // Destroy existing instance if it exists
+                if (editor) {
+                    console.log("Destroying existing editor...");
+                    editor.destroy();
+                    editor = null;
+                }
+
+                // Clear the container
+                editorContainer.innerHTML = '';
+
+                // Create new editor instance with error handling
+                console.log("Creating new editor instance...");
+                editor = unlayer.createEditor({
+                    id: `${template_name}_editor_container`,
+                    projectId: 263979,
+                    displayMode: "email",
+                    features: {
+                        textEditor: {
+                            tables: true
+                        },
+                        preview: {
+                            enabled: true,
+                            deviceOptions: ['desktop', 'mobile']
+                        },
+                        preview: { enabled: true },
+                        imageEditor: {
+                            enabled: true
+                        },
+                        appearance: {
+                            theme: 'light',
+                            panels: {
+                                tools: {
+                                    dock: "right"
+                                }
+                            }
+                        }
+                    },
+                    branding: false,
+                    tools: {
+                        // Configure any specific tools you need
+                        text: {
+                            enabled: true
+                        },
+                        image: {
+                            enabled: true
+                        }
+                    }
+                });
+
+                // Verify editor initialization
+                if (!editor || typeof editor.loadDesign !== 'function') {
+                    throw new Error("Editor initialization failed - editor instance is invalid");
+                }
+
+                console.log("Editor initialization completed successfully");
+                $('.loader').fadeOut();
+                $('.loader-mask').fadeOut();
+                if (callback) callback(editor);
+
+            } catch (error) {
+                console.error("Error in editor initialization:", error);
+                if (callback) callback(null);
+                $('.loader').fadeOut();
+                $('.loader-mask').fadeOut();
+            }
+        });
+    }
+
+    // Modified template data function with better error handling
+    function getMailTemplateData(element) {
+        template_name = element.id;
+        const validTemplates = [
+            "account_maneger_summary_mail", "member_reminder_mail", "member_ecard_mail", "member_welcome_mail","member_review_and_summary_mail","client_hr_summary_mail"
+        ];
+
+        if (!validTemplates.includes(template_name)) {
+            console.error("Invalid template name:", template_name);
+            return;
+        }
+
+        $('.loader').fadeIn();
+        $('.loader-mask').fadeIn();
+
+        const primaryKey = $('#general_PrimaryKey').val();
+        const baseUrl = '<?= base_url("client/notification/getMailTemplateData/") ?>';
+        const form_action = `${baseUrl}${template_name}/${primaryKey}`;
+
         $.ajax({
             url: form_action,
-            type: "POST",
-            data: formData,
+            type: "GET",
             dataType: 'json',
             success: function(res) {
-                $('#account_maneger_summary_mail_modal').find('.close').click();
-                toastr.success('Template saved successfully');
+                console.log('get Mail Template Data', res);
+
+                if (res) {
+                    // Set subject
+                    $(`#${template_name}_form #subject`).val(res.subject || '');
+
+                    // Initialize editor with retry mechanism
+                    let retryCount = 0;
+                    const initWithRetry = function() {
+                        initializeEditor(function(editorInstance) {
+                            if (!editorInstance && retryCount < 3) {
+                                console.log(`Retrying editor initialization (${retryCount + 1}/3)...`);
+                                retryCount++;
+                                setTimeout(initWithRetry, 1000);
+                                return;
+                            }
+
+                            if (!editorInstance) {
+                                console.error("Editor initialization failed after retries");
+                                toastr.error('Editor initialization failed. Please refresh the page.');
+                                return;
+                            }
+
+                            if (res.mail_content_json) {
+                                try {
+                                    const design = JSON.parse(res.mail_content_json);
+                                    editorInstance.loadDesign(design);
+                                    console.log("Design loaded successfully");
+                                    hideBranding();
+                                } catch (error) {
+                                    console.error("Error parsing mail content JSON:", error);
+                                    toastr.error('Error loading email template');
+                                }
+                            } else {
+                                hideBranding()
+                            }
+                        });
+                    };
+
+                    initWithRetry();
+
+                    if (res.data) {
+                        addHTMLInput(res.data);
+                    } else {
+                        addHTMLInput();
+                    }
+
+                    // Update UI elements
+                    $('.testmail').toggle(!!res.id);
+                    $('#attachment_table').toggle(!!res.id);
+                    $('#attachment_table_ecard').toggle(!!res.id);
+                    $('.setid').attr('data-id', res.id || '');
+                } else {
+                    console.log("Inside else");
+                    let retryCount = 0;
+                    const initWithRetry = function() {
+                        initializeEditor(function(editorInstance) {
+                            if (!editorInstance && retryCount < 3) {
+                                console.log(`Retrying editor initialization (${retryCount + 1}/3)...`);
+                                retryCount++;
+                                setTimeout(initWithRetry, 1000);
+                                return;
+                            }
+
+                            if (!editorInstance) {
+                                console.error("Editor initialization failed after retries");
+                                toastr.error('Editor initialization failed. Please refresh the page.');
+                                return;
+                            }
+                            hideBranding();
+
+                        });
+                    };
+
+                    initWithRetry();
+                }
+
                 $('.loader').fadeOut();
                 $('.loader-mask').delay(350).fadeOut('slow');
             },
-            error: function (xhr, status, error) {
-                console.error(xhr.responseText);
-                console.error(status, error);
-                setTimeout(function() {
-                    $('.loader').fadeOut();
-                    $('.loader-mask').delay(350).fadeOut('slow');
-                    toastr.warning('Something Went Wrong!', 'warning');
-                }, 1000);
+            error: function(xhr, status, error) {
+                console.error("Ajax error:", {
+                    status,
+                    error,
+                    response: xhr.responseText
+                });
+                $('.loader').fadeOut();
+                $('.loader-mask').delay(350).fadeOut('slow');
+                toastr.error('Failed to load template data');
             }
         });
-    });
-});
+    }
 
-function hideBranding(){
-    $('iframe').on('load', function() {
-        console.log('Iframe loaded.');
-        const iframe = $(this);
-                                
-        // Overlay the branding area
-        const overlay = $('<div>', {
-            css: {
-                position: 'absolute',
-                bottom: '0', // Adjust based on branding position
-                left: '0',
-                width: iframe.width(),
-                height: '30px', // Adjust height to cover branding
-                backgroundColor: 'white',
-                zIndex: '9999',
-                pointerEvents: 'none',
-             },
-         });
-              const iframeParent = iframe.parent();
-        if (iframeParent.css('position') === 'static') {
-             iframeParent.css('position', 'relative');
-         }
-                                
-         iframeParent.append(overlay);
-         console.log('Overlay added to hide branding.');
-     });
-}
-function copyToClipboard(selectElement) {
+    $('#account_maneger_summary_mail_form').submit(function(event) {
+        event.preventDefault();
+
+        // Check if editor instance exists
+        if (!editor) {
+            console.error("Editor not initialized");
+            toastr.error("Editor not ready. Please try again.");
+            return;
+        }
+
+        // Use the editor instance instead of unlayer directly
+        editor.exportHtml(function(data) {
+            var formData = $('#account_maneger_summary_mail_form').serializeArray();
+
+            // Append Unlayer editor data
+            formData.push({
+                name: 'mailContent',
+                value: data.html
+            });
+            formData.push({
+                name: 'client_id',
+                value: $('#general_PrimaryKey').val()
+            });
+            formData.push({
+                name: 'mailJson',
+                value: JSON.stringify(data.design)
+            });
+
+            console.log(formData);
+
+            // Show loading indicators
+            $('.loader').fadeIn();
+            $('.loader-mask').fadeIn();
+
+            var form_action = '<?= base_url("client/notification/create") ?>';
+
+            $.ajax({
+                url: form_action,
+                type: "POST",
+                data: formData,
+                dataType: 'json',
+                success: function(res) {
+                    $('#account_maneger_summary_mail_modal').find('.close').click();
+                    toastr.success('Template saved successfully');
+                    $('.loader').fadeOut();
+                    $('.loader-mask').delay(350).fadeOut('slow');
+                },
+                error: function(xhr, status, error) {
+                    console.error(xhr.responseText);
+                    console.error(status, error);
+                    setTimeout(function() {
+                        $('.loader').fadeOut();
+                        $('.loader-mask').delay(350).fadeOut('slow');
+                        toastr.warning('Something Went Wrong!', 'warning');
+                    }, 1000);
+                }
+            });
+        });
+    });
+
+    $('#member_welcome_mail_form').submit(function(event) {
+        event.preventDefault();
+
+        // Check if editor instance exists
+        if (!editor) {
+            console.error("Editor not initialized");
+            toastr.error("Editor not ready. Please try again.");
+            return;
+        }
+
+        // Use the editor instance instead of unlayer directly
+        editor.exportHtml(function(data) {
+            var formData = $('#member_welcome_mail_form').serializeArray();
+
+            // Append Unlayer editor data
+            formData.push({
+                name: 'mailContent',
+                value: data.html
+            });
+            formData.push({
+                name: 'client_id',
+                value: $('#general_PrimaryKey').val()
+            });
+            formData.push({
+                name: 'mailJson',
+                value: JSON.stringify(data.design)
+            });
+
+            console.log(formData);
+
+            // Show loading indicators
+            $('.loader').fadeIn();
+            $('.loader-mask').fadeIn();
+
+            var form_action = '<?= base_url("client/notification/create") ?>';
+
+            $.ajax({
+                url: form_action,
+                type: "POST",
+                data: formData,
+                dataType: 'json',
+                success: function(res) {
+                    $('#member_welcome_mail_modal').find('.close').click();
+                    toastr.success('Template saved successfully');
+                    $('.loader').fadeOut();
+                    $('.loader-mask').delay(350).fadeOut('slow');
+                },
+                error: function(xhr, status, error) {
+                    console.error(xhr.responseText);
+                    console.error(status, error);
+                    setTimeout(function() {
+                        $('.loader').fadeOut();
+                        $('.loader-mask').delay(350).fadeOut('slow');
+                        toastr.warning('Something Went Wrong!', 'warning');
+                    }, 1000);
+                }
+            });
+        });
+    });
+
+    $('#member_reminder_mail_form').submit(function(event) {
+        event.preventDefault();
+
+        // Check if editor instance exists
+        if (!editor) {
+            console.error("Editor not initialized");
+            toastr.error("Editor not ready. Please try again.");
+            return;
+        }
+
+        // Use the editor instance instead of unlayer directly
+        editor.exportHtml(function(data) {
+            var formData = $('#member_reminder_mail_form').serializeArray();
+
+            // Append Unlayer editor data
+            formData.push({
+                name: 'mailContent',
+                value: data.html
+            });
+            formData.push({
+                name: 'client_id',
+                value: $('#general_PrimaryKey').val()
+            });
+            formData.push({
+                name: 'mailJson',
+                value: JSON.stringify(data.design)
+            });
+
+            console.log(formData);
+
+            // Show loading indicators
+            $('.loader').fadeIn();
+            $('.loader-mask').fadeIn();
+
+            var form_action = '<?= base_url("client/notification/create") ?>';
+
+            $.ajax({
+                url: form_action,
+                type: "POST",
+                data: formData,
+                dataType: 'json',
+                success: function(res) {
+                    $('#member_reminder_mail_modal').find('.close').click();
+                    toastr.success('Template saved successfully');
+                    $('.loader').fadeOut();
+                    $('.loader-mask').delay(350).fadeOut('slow');
+                },
+                error: function(xhr, status, error) {
+                    console.error(xhr.responseText);
+                    console.error(status, error);
+                    setTimeout(function() {
+                        $('.loader').fadeOut();
+                        $('.loader-mask').delay(350).fadeOut('slow');
+                        toastr.warning('Something Went Wrong!', 'warning');
+                    }, 1000);
+                }
+            });
+        });
+    });
+
+    $('#member_ecard_mail_form').submit(function(event) {
+        event.preventDefault();
+
+        // Check if editor instance exists
+        if (!editor) {
+            console.error("Editor not initialized");
+            toastr.error("Editor not ready. Please try again.");
+            return;
+        }
+
+        // Use the editor instance instead of unlayer directly
+        editor.exportHtml(function(data) {
+            var formData = $('#member_ecard_mail_form').serializeArray();
+
+            // Append Unlayer editor data
+            formData.push({
+                name: 'mailContent',
+                value: data.html
+            });
+            formData.push({
+                name: 'client_id',
+                value: $('#general_PrimaryKey').val()
+            });
+            formData.push({
+                name: 'mailJson',
+                value: JSON.stringify(data.design)
+            });
+
+            console.log(formData);
+
+            // Show loading indicators
+            $('.loader').fadeIn();
+            $('.loader-mask').fadeIn();
+
+            var form_action = '<?= base_url("client/notification/create") ?>';
+
+            $.ajax({
+                url: form_action,
+                type: "POST",
+                data: formData,
+                dataType: 'json',
+                success: function(res) {
+                    $('#member_ecard_mail_modal').find('.close').click();
+                    toastr.success('Template saved successfully');
+                    $('.loader').fadeOut();
+                    $('.loader-mask').delay(350).fadeOut('slow');
+                },
+                error: function(xhr, status, error) {
+                    console.error(xhr.responseText);
+                    console.error(status, error);
+                    setTimeout(function() {
+                        $('.loader').fadeOut();
+                        $('.loader-mask').delay(350).fadeOut('slow');
+                        toastr.warning('Something Went Wrong!', 'warning');
+                    }, 1000);
+                }
+            });
+        });
+    });
+
+
+    $('#member_review_and_summary_mail_form').submit(function(event) {
+        event.preventDefault();
+
+        // Check if editor instance exists
+        if (!editor) {
+            console.error("Editor not initialized");
+            toastr.error("Editor not ready. Please try again.");
+            return;
+        }
+
+        // Use the editor instance instead of unlayer directly
+        editor.exportHtml(function(data) {
+            var formData = $('#member_review_and_summary_mail_form').serializeArray();
+
+            // Append Unlayer editor data
+            formData.push({
+                name: 'mailContent',
+                value: data.html
+            });
+            formData.push({
+                name: 'client_id',
+                value: $('#general_PrimaryKey').val()
+            });
+            formData.push({
+                name: 'mailJson',
+                value: JSON.stringify(data.design)
+            });
+
+            console.log(formData);
+
+            // Show loading indicators
+            $('.loader').fadeIn();
+            $('.loader-mask').fadeIn();
+
+            var form_action = '<?= base_url("client/notification/create") ?>';
+
+            $.ajax({
+                url: form_action,
+                type: "POST",
+                data: formData,
+                dataType: 'json',
+                success: function(res) {
+                    $('#member_review_and_summary_mail_modal').find('.close').click();
+                    toastr.success('Template saved successfully');
+                    $('.loader').fadeOut();
+                    $('.loader-mask').delay(350).fadeOut('slow');
+                },
+                error: function(xhr, status, error) {
+                    console.error(xhr.responseText);
+                    console.error(status, error);
+                    setTimeout(function() {
+                        $('.loader').fadeOut();
+                        $('.loader-mask').delay(350).fadeOut('slow');
+                        toastr.warning('Something Went Wrong!', 'warning');
+                    }, 1000);
+                }
+            });
+        });
+    });
+
+    $('#client_hr_summary_mail_form').submit(function(event) {
+        event.preventDefault();
+
+        // Check if editor instance exists
+        if (!editor) {
+            console.error("Editor not initialized");
+            toastr.error("Editor not ready. Please try again.");
+            return;
+        }
+
+        // Use the editor instance instead of unlayer directly
+        editor.exportHtml(function(data) {
+            var formData = $('#client_hr_summary_mail_form').serializeArray();
+
+            // Append Unlayer editor data
+            formData.push({
+                name: 'mailContent',
+                value: data.html
+            });
+            formData.push({
+                name: 'client_id',
+                value: $('#general_PrimaryKey').val()
+            });
+            formData.push({
+                name: 'mailJson',
+                value: JSON.stringify(data.design)
+            });
+
+            console.log(formData);
+
+            // Show loading indicators
+            $('.loader').fadeIn();
+            $('.loader-mask').fadeIn();
+
+            var form_action = '<?= base_url("client/notification/create") ?>';
+
+            $.ajax({
+                url: form_action,
+                type: "POST",
+                data: formData,
+                dataType: 'json',
+                success: function(res) {
+                    $('#client_hr_summary_mail_modal').find('.close').click();
+                    toastr.success('Template saved successfully');
+                    $('.loader').fadeOut();
+                    $('.loader-mask').delay(350).fadeOut('slow');
+                },
+                error: function(xhr, status, error) {
+                    console.error(xhr.responseText);
+                    console.error(status, error);
+                    setTimeout(function() {
+                        $('.loader').fadeOut();
+                        $('.loader-mask').delay(350).fadeOut('slow');
+                        toastr.warning('Something Went Wrong!', 'warning');
+                    }, 1000);
+                }
+            });
+        });
+    });
+
+    function hideBranding() {
+        $('iframe').on('load', function() {
+            console.log('Iframe loaded.');
+            const iframe = $(this);
+
+            // Overlay the branding area
+            const overlay = $('<div>', {
+                css: {
+                    position: 'absolute',
+                    bottom: '0', // Adjust based on branding position
+                    left: '0',
+                    width: iframe.width(),
+                    height: '30px', // Adjust height to cover branding
+                    backgroundColor: 'white',
+                    zIndex: '9999',
+                    pointerEvents: 'none',
+                },
+            });
+            const iframeParent = iframe.parent();
+            if (iframeParent.css('position') === 'static') {
+                iframeParent.css('position', 'relative');
+            }
+
+            iframeParent.append(overlay);
+            console.log('Overlay added to hide branding.');
+        });
+    }
+
+    function copyToClipboard(selectElement) {
         const value = selectElement.value; // Get the selected value
         if (value) {
             // Use the Clipboard API to copy the value
@@ -2007,59 +1972,4 @@ function copyToClipboard(selectElement) {
                 });
         }
     }
-
-</script>
-<!-- <script src="https://editor.unlayer.com/embed.js"></script> -->
-
-<!-- <script>
-    // Initialize Unlayer editor
-    unlayer.init({
-        id: 'editor-container',  // Make sure to target your correct editor container ID
-        projectId: 1234,  // Replace with your actual Unlayer project ID
-        tools: {
-            text: {
-                label: 'Text',
-                icon: 'fa fa-font'
-            }
-        },
-        paste: {   // Enable the paste tool
-                label: 'Paste',
-                icon: 'fa fa-clipboard',  // You can customize the icon here
-                action: function() {
-                    // You can handle any custom behavior for paste here
-                    console.log('Paste icon clicked!');
-                }
-            }
-    })
-
-    // Function to handle pasting clipboard content into a text block
-    async function pasteFromClipboard() {
-        try {
-            // Use the Clipboard API to get the clipboard text
-            const text = await navigator.clipboard.readText();
-            if (text) {
-                // Get the current selected block or create one if none exists
-                const editor = unlayer.getEditor();
-                const currentBlock = editor.getSelectedElement();
-
-                if (currentBlock && currentBlock.type === 'text') {
-                    // If the selected block is a text block, insert the text there
-                    editor.insertText(text);
-                } else {
-                    // If there's no text block, create one and insert the text
-                    editor.addTextBlock({
-                        "type": "text",
-                        "text": text
-                    });
-                }
-            }
-        } catch (err) {
-            console.error('Failed to read clipboard contents: ', err);
-        }
-    }
-
-    // Listen for the click event inside the editor container
-    document.getElementById('editor-container').addEventListener('click', function() {
-        pasteFromClipboard();  // Paste clipboard content when clicked inside editor
-    });
-</script> -->
+</script>
\ No newline at end of file
diff --git a/app/Views/ticket_mail_template.php b/app/Views/ticket_mail_template.php
index e36b2718..1100e26a 100644
--- a/app/Views/ticket_mail_template.php
+++ b/app/Views/ticket_mail_template.php
@@ -191,10 +191,10 @@ table.dataTable tbody td {
                                         <select id="ticket_mail_customButton" class="form-control"
                                             style="border:none;right: 6px;width: auto;position: absolute;z-index: 1;top: 17px;height: 32px;float: right;">
                                             <option value="">PlaceHolders</option>
-                                            <?php  foreach ($placeHolders as $value): ?>
+                                            <?php  foreach ($placeHolders as $key => $value): ?>
                                             <?php // if($value == 'member_name' || $value == 'member_mobile' || $value == 'nhance_logo' || $value == 'client_logo' || $value == 'app_link' || $value == 'client_name'){ ?>member_mobile
                                             <?php $valueChange = str_replace('_', ' ', $value); $valueChange = ucwords($valueChange); ?>
-                                            <option value="((<?php echo $value; ?>))"><?php echo $valueChange; ?>
+                                                        <option value="<?php echo $key; ?>"><?php echo $valueChange; ?></option>
                                             </option>
                                             <?php //} ?>
                                             <?php endforeach; ?>