diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..7a73a41
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,2 @@
+{
+}
\ No newline at end of file
diff --git a/app/Controllers/EmployeeRestController.php b/app/Controllers/EmployeeRestController.php
index e30bf74..1316a13 100755
--- a/app/Controllers/EmployeeRestController.php
+++ b/app/Controllers/EmployeeRestController.php
@@ -1748,6 +1748,7 @@ class EmployeeRestController extends AdminController
             $clientPolicy = $this->clientPolicyModel->where('client_id',$this->request->getGet('client_id'))
                                                     ->where('client_branch_id',$this->request->getGet('client_branch_id'))
                                                     ->where('policy_status', 1)
+                                                    ->where('is_active', 1)
                                                     ->findAll(); 
             
             if(count($clientPolicy))
diff --git a/app/Controllers/NotificationController.php b/app/Controllers/NotificationController.php
index a3c8efe..a3d6679 100755
--- a/app/Controllers/NotificationController.php
+++ b/app/Controllers/NotificationController.php
@@ -52,6 +52,8 @@ class NotificationController extends AdminController
         $form_data['subject'] = $this->request->getPost('subject');
         $form_data['mail_content'] = $this->request->getPost('mailContent');
         $form_data['client_id'] = $this->request->getPost('client_id');
+        $form_data['mail_content_json'] = $this->request->getPost('mailJson');
+
         $notificationModel = new NotificationModel();
 
         $find_notification = $notificationModel->where('client_id',$form_data['client_id'])->where('template_name',$form_data['template_name'])->first();
@@ -80,10 +82,10 @@ class NotificationController extends AdminController
         $checkboxNames = [
             'member_welcome_mail_btn',
             'member_reminder_mail_btn',
-            'member_ecard_mail_btn',
+            // 'member_ecard_mail_btn',
             'member_review_and_summary_mail_btn',
-            'account_maneger_summary_mail_btn',
-            'client_hr_summary_mail_btn'
+            // 'account_maneger_summary_mail_btn',
+            // 'client_hr_summary_mail_btn'
         ];
         $data = [];
 
@@ -101,7 +103,6 @@ class NotificationController extends AdminController
         $clientData['reply_to'] =  $this->request->getPost('reply_to');
         $clientData['mail_domain'] =  $this->request->getPost('mail_domain');
         $clientModel->update($id,$clientData);
-
         foreach ($data as  $key => $value) 
         {            
             $find = $notificationModel->where('client_id',$this->request->getPost('client_id'))->where('template_name', $key)->first();
diff --git a/app/Helpers/sendMailNotification.php b/app/Helpers/sendMailNotification.php
index 2615b1f..bea00db 100755
--- a/app/Helpers/sendMailNotification.php
+++ b/app/Helpers/sendMailNotification.php
@@ -49,13 +49,13 @@ class sendMailNotification
             $nhance_logo = $_ENV['NHANCE_LOGO'];
             $client_logo = base_url() . "public/uploads/logo/" . $client_data['client_logo'];
 
-            $mail_content = str_replace("[[client_logo]]", "<img src='$client_logo' alt='Client Logo' width='20'>", $mail_content);
-            $mail_content = str_replace("[[nhance_logo]]", "<img src='$nhance_logo' alt='Nhance Logo' width='20'>", $mail_content);
-            $mail_content = str_replace("[[member_name]]", $employee_name, $mail_content);
-            $mail_content = str_replace("[[member_mobile]]", $employee_mobile_no, $mail_content);
-            $mail_content = str_replace("[[client_name]]", $client_data['client_name'], $mail_content);
+            $mail_content = str_replace(["[[client_logo]]", "{{client_logo}}"], "<img src='$client_logo' alt='Client Logo' width='20'>", $mail_content);
+            $mail_content = str_replace(["[[nhance_logo]]", "{{nhance_logo}}"], "<img src='$nhance_logo' alt='Nhance Logo' width='20'>", $mail_content);
+            $mail_content = str_replace(["[[member_name]]", "{{member_name}}"], $employee_name, $mail_content);
+            $mail_content = str_replace(["[[member_mobile]]", "{{member_mobile}}"], $employee_mobile_no, $mail_content);
+            $mail_content = str_replace(["[[client_name]]", "{{client_name}}"], $client_data['client_name'], $mail_content);
 
-            $mail_content = str_replace("[[app_link]]", "<a href='$app_link'>Review Details</a>", $mail_content);
+            $mail_content = str_replace(["[[app_link]]", "{{app_link}}"], "<a href='$app_link'>Review Details</a>", $mail_content);
             if ($dataToInsert['relationship'] == 'Self' && $mail != null || $mail != '') {
                 $wholeData =  ['mail' => $mail, 'subject' => $subject,'message'=> $mail_content,'bcc'=> $client_data['common_mails'], 'reply_to' => $client_data['reply_to'], 'attachments' => $attachments, 'common' => $common];
             }
@@ -77,16 +77,16 @@ class sendMailNotification
             $client_logo = base_url() . "public/uploads/logo/" . $client_data['client_logo'];
 
             
-            $mail_content = str_replace("[[client_name]]", $client_data['client_name'], $mail_content);
-            $mail_content = str_replace("[[nhance_logo]]", "<img src='$nhance_logo' alt='Nhance Logo' width='20'>", $mail_content);
-            $mail_content = str_replace("[[client_logo]]", "<img src='$client_logo' alt='Client Logo' width='20'>", $mail_content);
-            $mail_content = str_replace("[[app_link]]", "<a href='$app_link'>Review Details</a>", $mail_content);
+            $mail_content = str_replace(["[[client_name]]", "{{client_name}}"], $client_data['client_name'], $mail_content);
+            $mail_content = str_replace(["[[nhance_logo]]", "{{nhance_logo}}"], "<img src='$nhance_logo' alt='Nhance Logo' width='20'>", $mail_content);
+            $mail_content = str_replace(["[[client_logo]]", "{{client_logo}}"], "<img src='$client_logo' alt='Client Logo' width='20'>", $mail_content);
+            $mail_content = str_replace(["[[app_link]]", "{{app_link}}"], "<a href='$app_link'>Review Details</a>", $mail_content);
             
 
             $employee_name =$emp_data['name'];
             $employee_mobile_no =$emp_data['mobile'];
-            $mail_content = str_replace("[[member_name]]", $employee_name, $mail_content);
-            $mail_content = str_replace("[[member_mobile]]", $employee_mobile_no, $mail_content);
+            $mail_content = str_replace(["[[member_name]]", "{{member_name}}"], $employee_name, $mail_content);
+            $mail_content = str_replace(["[[member_mobile]]", "{{member_mobile}}"], $employee_mobile_no, $mail_content);
             $mail = $emp_data['email_corporate'];     
 
             $wholeData =  ['mail' => $mail, 'subject' => $subject,'message'=> $mail_content, 'bcc'=> $client_data['common_mails'], 'reply_to' => $client_data['reply_to'], 'common' => $common];
@@ -113,7 +113,7 @@ class sendMailNotification
 
             $subject = $cleanedText;
             
-            $link = generate_download_link($rand_string);
+            $link = generate_download_link($rand_string).'/1';
 
             $app_link = $_ENV['App_Url'];
             $name =  $get_emp_email_and_other_details['name'];
@@ -128,16 +128,17 @@ class sendMailNotification
             $client_logo = base_url() . "public/uploads/logo/" . $client_data['client_logo'];
             // $client_logo = $nhance_logo;
             
-            $mail_content = str_replace("[[nhance_logo]]", "<img src='$nhance_logo' alt='Nhance Logo' width='20'>", $mail_content);
-            $mail_content = str_replace("[[client_logo]]", "<img src='$client_logo' alt='Client Logo' width='20'>", $mail_content);
+            $mail_content = str_replace(["[[nhance_logo]]", "{{nhance_logo}}"], "<img src='$nhance_logo' alt='Nhance Logo' width='20'>", $mail_content);
+            $mail_content = str_replace(["[[client_logo]]", "{{client_logo}}"], "<img src='$client_logo' alt='Client Logo' width='20'>", $mail_content);
 
-            $mail_content = str_replace("[[member_name]]", $name, $mail_content);
-            $mail_content = str_replace("[[member_mobile]]", $employee_mobile_no, $mail_content);
-            $mail_content = str_replace("[[app_link]]", "<a href='$app_link'>Review Details</a>", $mail_content);
-            $mail_content = str_replace("[[post_enrollment_app_link]]", "<a href='$post_enrollment_app_link'>Review Details</a>", $mail_content);
+            $mail_content = str_replace(["[[member_name]]", "{{member_name}}"], $name, $mail_content);
+            $mail_content = str_replace(["[[member_mobile]]", "{{member_mobile}}"], $employee_mobile_no, $mail_content);
+            $mail_content = str_replace(["[[app_link]]", "{{app_link}}"], "<a href='$app_link'>Review Details</a>", $mail_content);
+            $mail_content = str_replace(["[[post_enrollment_app_link]]", "{{post_enrollment_app_link}}"], "<a href='$post_enrollment_app_link'>Review Details</a>", $mail_content);
             // $mail_content = str_replace("[[tpa_id]]", $tpa_id, $mail_content);
-            $mail_content = str_replace("[[ecard_download_link]]", "<a href='$link/1'>Download Insurance Card</a>", $mail_content);
-            $mail_content = str_replace("[[client_name]]", $client_data['client_name'], $mail_content);
+            $mail_content = str_replace(["[[ecard_download_link]]", "{{ecard_download_link}}"], "<a href='$link/1'>Download Insurance Card</a>", $mail_content);
+            $mail_content = str_replace(["[[client_name]]", "{{client_name}}"], $client_data['client_name'], $mail_content);
+           
             $wholeData =  ['mail' => $mail, 'subject' => $subject,'message'=> $mail_content,'bcc'=> $client_data['common_mails'], 'reply_to' => $client_data['reply_to'], 'common' => $common];
 
             return $wholeData;
@@ -172,11 +173,11 @@ class sendMailNotification
                 $client_logo = base_url() . "public/uploads/logo/" . $client_data['client_logo'];
                 // $client_logo = $nhance_logo;
 
-                $mail_content = str_replace("[[client_name]]", $client_data['client_name'], $mail_content);
-                $mail_content = str_replace("[[nhance_logo]]", "<img src='$nhance_logo' alt='Nhance Logo' width='20'>", $mail_content);
-                $mail_content = str_replace("[[client_logo]]", "<img src='$client_logo' alt='Client Logo' width='20'>", $mail_content);
+                $mail_content = str_replace(["[[client_name]]", "{{client_name}}"], $client_data['client_name'], $mail_content);
+                $mail_content = str_replace(["[[nhance_logo]]", "{{nhance_logo}}"], "<img src='$nhance_logo' alt='Nhance Logo' width='20'>", $mail_content);
+                $mail_content = str_replace(["[[client_logo]]", "{{client_logo}}"], "<img src='$client_logo' alt='Client Logo' width='20'>", $mail_content);
 
-                $mail_content = str_replace("[[app_link]]", "<a href='$app_link'>Review Details</a>", $mail_content);
+                $mail_content = str_replace(["[[app_link]]", "{{app_link}}"], "<a href='$app_link'>Review Details</a>", $mail_content);
 
                 // Step 1: Replace the placeholder with an HTML table structure
                 $mail = '';
@@ -189,7 +190,7 @@ class sendMailNotification
                 $emp_code = '';
 
                 // echo '<pre>';
-                // print_r($array_list); die;
+                // dd($array_list); die;
 
                
 
@@ -204,6 +205,7 @@ class sendMailNotification
                         $policy_name = '';
                         $is_addon = '';
                         $rowspan = count($item) ?? 2;
+                        $is_si_set = 0;
                         
                         foreach ($item as $inner_item) {
 
@@ -262,7 +264,23 @@ class sendMailNotification
                             if($policy_premium_data['premium_type'] == 2){
                                 $temp_data .= '<td>' . $si . '</td>';
                             }else{
-                                $temp_data .= (($si != 0 && count($item) != 1) ? ('<td rowspan='.$rowspan.'>' . $si . '</td>') : ($si == 0 ? "" : '<td>' . $si . '</td>') );
+                                // $temp_data .= (($si != 0 && count($item) != 1) ? ('<td rowspan='.$rowspan.'>' . $si . '</td>') : ($si == 0 ? "" : '<td>' . $si . '</td>') );
+                                
+                                if ($si != 0 && count($item) != 1 && $is_si_set == 0) {
+                                    
+                                    $temp_data .= '<td rowspan=' . $rowspan . '>' . $si . '</td>';
+                                    $is_si_set = 1;
+
+                                } else {
+
+                                    if ($is_si_set == 1) {
+                                        $temp_data .= '';
+                                    } else {
+                                        $temp_data .= '<td>' . $si . '</td>';
+                                    }
+                                }     
+                                
+
                             }
                                             
                             // Only Display SI Topup and Dependent Addon 
@@ -501,9 +519,9 @@ class sendMailNotification
                 // dd($payable_employee_array, $Addon_list);
                 // print_r($table_content); die;
 
-                $mail_content = str_replace("[[member_name]]", $name . ' (' . $emp_code . ')' , $mail_content);
-                $mail_content = str_replace("[[member_mobile]]", $employee_mobile_no, $mail_content);
-                $mail_content = str_replace("[[member_summary]]", $table_content , $mail_content);
+                $mail_content = str_replace(["[[member_name]]", "{{member_name}}"], $name . ' (' . $emp_code . ')' , $mail_content);
+                $mail_content = str_replace(["[[member_mobile]]", "{{member_mobile}}"], $employee_mobile_no, $mail_content);
+                $mail_content = str_replace(["[[member_summary]]", "{{member_summary}}"], $table_content , $mail_content);
 
                 // print_r($mail_content); die;
 
@@ -553,11 +571,11 @@ class sendMailNotification
                 $client_logo = base_url() . "public/uploads/logo/" . $client_data['client_logo'];
                 // $client_logo = $nhance_logo;
 
-                $mail_content = str_replace("[[client_name]]", $client_data['client_name'], $mail_content);
-                $mail_content = str_replace("[[nhance_logo]]", "<img src='$nhance_logo' alt='Nhance Logo' width='20'>", $mail_content);
-                $mail_content = str_replace("[[client_logo]]", "<img src='$client_logo' alt='Client Logo' width='20'>", $mail_content);
+                $mail_content = str_replace(["[[client_name]]", "{{client_name}}"], $client_data['client_name'], $mail_content);
+                $mail_content = str_replace(["[[nhance_logo]]", "{{nhance_logo}}"], "<img src='$nhance_logo' alt='Nhance Logo' width='20'>", $mail_content);
+                $mail_content = str_replace(["[[client_logo]]", "{{client_logo}}"], "<img src='$client_logo' alt='Client Logo' width='20'>", $mail_content);
 
-                $mail_content = str_replace("[[app_link]]", "<a href='$app_link'>Review Details</a>", $mail_content);
+                $mail_content = str_replace(["[[app_link]]", "{{app_link}}"], "<a href='$app_link'>Review Details</a>", $mail_content);
 
                 // Step 1: Replace the placeholder with an HTML table structure
                 $mail = '';
@@ -799,321 +817,321 @@ class sendMailNotification
                 }
                 
                                 
-                $mail_content = str_replace("[[member_summary]]", $table_content , $mail_content);
+                $mail_content = str_replace(["[[member_summary]]", "{{member_summary}}"], $table_content , $mail_content);
 
                 $account_manager_mail_list = [];
                 if(isset($user_list)){
                     foreach ($user_list as $key => $value) {
                         $full_name = $value['first_name'] .' ' .$value['last_name'];
-                        $mail_content = str_replace("[[member_name]]", $full_name , $mail_content); 
+                        $mail_content = str_replace(["[[member_name]]", "{{member_name}}"], $full_name , $mail_content); 
 
                         $wholeData[] =  ['mail' => $value['email'], 'subject' => $subject,'message'=> $mail_content, 'reply_to' => $client_data['reply_to'], 'common' => $common];
-                        // $wholeData[] =  ['mail' => $value['email'], 'subject' => $subject,'message'=> $mail_content, 'bcc'=> $client_data['common_mails']];
+                        // $wholeData[] =  ['mail' => $value['email'], 'subject' => $subject,'message'=> $mail_content, 'bcc'=> $client_data['common_mails'}};
                     }
                     return  $wholeData;
                 }
            }
-        } else if($action == 'client_hr_summary_mail'){
+        } //else if($action == 'client_hr_summary_mail'){
 
-            $client_id = $params['client_id'];
-            $client_policy_id = $params['client_policy_id'];
-            $common = $params['common'];
+        //     $client_id = $params['client_id'];
+        //     $client_policy_id = $params['client_policy_id'];
+        //     $common = $params['common'];
 
-            $clientModel = new ClientModel();
-            $clientPolicyModel = new ClientPolicyModel();
-            $PolicyPremium1Model = new PolicyPremium1Model();
-            $PolicyPremium2Model = new PolicyPremium2Model();
+        //     $clientModel = new ClientModel();
+        //     $clientPolicyModel = new ClientPolicyModel();
+        //     $PolicyPremium1Model = new PolicyPremium1Model();
+        //     $PolicyPremium2Model = new PolicyPremium2Model();
 
-            $client_data =$clientModel->where('id', $client_id)->first();
-            $notificationModel = new NotificationModel();
-            $notification_data = $notificationModel->where('client_id' ,$client_id)->where('template_name', $action)->first();
-            $clientRMModel =new ClientRMModel();
+        //     $client_data =$clientModel->where('id', $client_id)->first();
+        //     $notificationModel = new NotificationModel();
+        //     $notification_data = $notificationModel->where('client_id' ,$client_id)->where('template_name', $action)->first();
+        //     $clientRMModel =new ClientRMModel();
 
-            if (isset($notification_data['enabled']) && $notification_data['enabled'] == 1) {    
+        //     if (isset($notification_data['enabled']) && $notification_data['enabled'] == 1) {    
 
-                $client_rm_data=  $clientRMModel->where('client_id', $client_id)->where('is_active',1)->findAll();
-                $user_list= [];
-                foreach ($client_rm_data as $key => $value) {
-                    if($value['level'] == 3){
-                        $userModel = new UserModel();
-                        $user_data = $userModel->where('id', $value['user_id'])->first();
-                        $user_list[]=$user_data;
-                    }
-                }
+        //         $client_rm_data=  $clientRMModel->where('client_id', $client_id)->where('is_active',1)->findAll();
+        //         $user_list= [];
+        //         foreach ($client_rm_data as $key => $value) {
+        //             if($value['level'] == 3){
+        //                 $userModel = new UserModel();
+        //                 $user_data = $userModel->where('id', $value['user_id'])->first();
+        //                 $user_list[]=$user_data;
+        //             }
+        //         }
     
                 
 
-                $mail_content = $notification_data['mail_content'];
-                $subject = $notification_data['subject'];
-                $app_link = $_ENV['App_Url'];
-                $nhance_logo = $_ENV['NHANCE_LOGO'];
+        //         $mail_content = $notification_data['mail_content'];
+        //         $subject = $notification_data['subject'];
+        //         $app_link = $_ENV['App_Url'];
+        //         $nhance_logo = $_ENV['NHANCE_LOGO'];
                 
-                $client_logo = base_url() . "public/uploads/logo/" . $client_data['client_logo'];
-                // $client_logo = $nhance_logo;
+        //         $client_logo = base_url() . "public/uploads/logo/" . $client_data['client_logo'];
+        //         // $client_logo = $nhance_logo;
                 
-                $mail_content = str_replace("[[nhance_logo]]", "<img src='$nhance_logo' alt='Nhance Logo' width='20'>", $mail_content);
-                $mail_content = str_replace("[[client_logo]]", "<img src='$client_logo' alt='Client Logo' width='20'>", $mail_content);
-                $mail_content = str_replace("[[client_name]]", $client_data['client_name'], $mail_content);
+        //         $mail_content = str_replace(["[[nhance_logo]]", "{{nhance_logo}}"], "<img src='$nhance_logo' alt='Nhance Logo' width='20'>", $mail_content);
+        //         $mail_content = str_replace(["[[client_logo]]", "{{client_logo}}"], "<img src='$client_logo' alt='Client Logo' width='20'>", $mail_content);
+        //         $mail_content = str_replace(["[[client_name]]", "{{client_name}}"], $client_data['client_name'], $mail_content);
 
-                $mail_content = str_replace("[[app_link]]", "<a href='$app_link'>Review Details</a>", $mail_content);
+        //         $mail_content = str_replace(["[[app_link]]", "{{app_link}}"], "<a href='$app_link'>Review Details</a>", $mail_content);
 
-                // Step 1: Replace the placeholder with an HTML table structure
-                $mail = '';
-                $table_content = '';
-                $addtional_premium = 0;
-                $gst = 0;
-                $array_list = $params['array_list'];
-                $Addon_list = [];
+        //         // Step 1: Replace the placeholder with an HTML table structure
+        //         $mail = '';
+        //         $table_content = '';
+        //         $addtional_premium = 0;
+        //         $gst = 0;
+        //         $array_list = $params['array_list'];
+        //         $Addon_list = [];
                 
-                foreach ($array_list as $item) {
+        //         foreach ($array_list as $item) {
 
-                    $payable_employee_array = [];
+        //             $payable_employee_array = [];
 
-                    if (count($item) != 0) {
-                        $table_content .= '<div style="text-align: left; font-size: 12px;"><div style="text-align:left;"><h4>Policy Type :';
-                        $temp_data = '';
-                        $policy_name = '';
-                        $is_addon = '';
+        //             if (count($item) != 0) {
+        //                 $table_content .= '<div style="text-align: left; font-size: 12px;"><div style="text-align:left;"><h4>Policy Type :';
+        //                 $temp_data = '';
+        //                 $policy_name = '';
+        //                 $is_addon = '';
                         
-                        foreach ($item as $inner_item) {
+        //                 foreach ($item as $inner_item) {
 
-                            //getting policy premium data
-                            $client_policy_data = $clientPolicyModel->where('id', $inner_item['client_policy_id'])->first();
-                            if($client_policy_data['policy_type_id'] == 1 || $client_policy_data['policy_type_id'] == 6 || $client_policy_data['policy_type_id'] == 7 ){
-                                $policy_premium_data = $PolicyPremium1Model->where('client_policy_id',  $inner_item['client_policy_id'])->where('is_active', '1')->first();
-                            }else{
-                                $policy_premium_data = $PolicyPremium2Model->where('client_policy_id',  $inner_item['client_policy_id'])->where('is_active', '1')->first();
-                            }
-                            //end of getting policy premium data
+        //                     //getting policy premium data
+        //                     $client_policy_data = $clientPolicyModel->where('id', $inner_item['client_policy_id'])->first();
+        //                     if($client_policy_data['policy_type_id'] == 1 || $client_policy_data['policy_type_id'] == 6 || $client_policy_data['policy_type_id'] == 7 ){
+        //                         $policy_premium_data = $PolicyPremium1Model->where('client_policy_id',  $inner_item['client_policy_id'])->where('is_active', '1')->first();
+        //                     }else{
+        //                         $policy_premium_data = $PolicyPremium2Model->where('client_policy_id',  $inner_item['client_policy_id'])->where('is_active', '1')->first();
+        //                     }
+        //                     //end of getting policy premium data
 
-                            if($inner_item['payable_employee'] == 1 && $client_policy_data['policy_type_id'] == 2){
-                                $payable_employee_array[] = $inner_item;
-                            }
+        //                     if($inner_item['payable_employee'] == 1 && $client_policy_data['policy_type_id'] == 2){
+        //                         $payable_employee_array[] = $inner_item;
+        //                     }
 
-                            $policy_name = $inner_item['policy_name'];
+        //                     $policy_name = $inner_item['policy_name'];
                             
-                            if ($inner_item['relationship'] == 'Self') {
-                                $emp_code = ' (' . $inner_item['emp_code'] . ')';
-                            } else {
-                                $emp_code = '';
-                            }
+        //                     if ($inner_item['relationship'] == 'Self') {
+        //                         $emp_code = ' (' . $inner_item['emp_code'] . ')';
+        //                     } else {
+        //                         $emp_code = '';
+        //                     }
 
-                            $si = '';
-                            $premium = '';
-                            $gst_forself = '';
+        //                     $si = '';
+        //                     $premium = '';
+        //                     $gst_forself = '';
 
-                            // dd($policy_premium_data, $client_policy_data, $inner_item);
+        //                     // dd($policy_premium_data, $client_policy_data, $inner_item);
 
-                            // if(checkFamilyFloaters($policy_premium_data, $client_policy_data, $inner_item)){
-                                $si = '₹ ' .format_indian_number($inner_item['basic_cover_si']);
-                                $premium = '₹ ' .format_indian_number(round($inner_item['premium']));
-                                $gst_forself = '₹ ' .format_indian_number(round($inner_item['gst']));
-                            // }
+        //                     // if(checkFamilyFloaters($policy_premium_data, $client_policy_data, $inner_item)){
+        //                         $si = '₹ ' .format_indian_number($inner_item['basic_cover_si']);
+        //                         $premium = '₹ ' .format_indian_number(round($inner_item['premium']));
+        //                         $gst_forself = '₹ ' .format_indian_number(round($inner_item['gst']));
+        //                     // }
                     
-                            $temp_data .= '<tr>';
-                            $temp_data .= '<td>' . $inner_item['name'] . $emp_code . '</td>';
-                            $temp_data .= '<td>' . $inner_item['relationship'] . '</td>';
-                            $temp_data .= '<td>' . \DateTime::createFromFormat('Y-m-d', $inner_item['dob'])->format('d-m-Y') . '</td>';
-                            $temp_data .= '<td>' . $si . '</td>';
+        //                     $temp_data .= '<tr>';
+        //                     $temp_data .= '<td>' . $inner_item['name'] . $emp_code . '</td>';
+        //                     $temp_data .= '<td>' . $inner_item['relationship'] . '</td>';
+        //                     $temp_data .= '<td>' . \DateTime::createFromFormat('Y-m-d', $inner_item['dob'])->format('d-m-Y') . '</td>';
+        //                     $temp_data .= '<td>' . $si . '</td>';
                 
-                            // Only Display SI Topup and Dependent Addon 
-                            if ($inner_item['is_addon'] == 2 || $inner_item['is_addon'] == 3) {
-                                $temp_data .= '<td>' . $premium . '</td>';
-                                $temp_data .= '<td>' . $gst_forself . '</td>';
-                            }
+        //                     // Only Display SI Topup and Dependent Addon 
+        //                     if ($inner_item['is_addon'] == 2 || $inner_item['is_addon'] == 3) {
+        //                         $temp_data .= '<td>' . $premium . '</td>';
+        //                         $temp_data .= '<td>' . $gst_forself . '</td>';
+        //                     }
                 
-                            $temp_data .= '</tr>';
+        //                     $temp_data .= '</tr>';
                 
-                            $is_addon = $inner_item['is_addon'];
+        //                     $is_addon = $inner_item['is_addon'];
                 
-                            if ($inner_item['is_addon'] == 2 || $inner_item['is_addon'] == 3) {
-                                $addtional_premium = $inner_item['rata_premimum'] + $addtional_premium;
-                                $gst = $inner_item['gst'] + $gst;
-                            }
-                        }
+        //                     if ($inner_item['is_addon'] == 2 || $inner_item['is_addon'] == 3) {
+        //                         $addtional_premium = $inner_item['rata_premimum'] + $addtional_premium;
+        //                         $gst = $inner_item['gst'] + $gst;
+        //                     }
+        //                 }
                 
-                        $policy_name_for_policy_type = $inner_item['policy_name'];
-                        if($client_policy_data['policy_type_id'] == 3 && $client_policy_data['is_addon'] == 3){
-                            $policy_name_for_policy_type = 'Add-On Group Medical Coverage for Parents';
-                        }
+        //                 $policy_name_for_policy_type = $inner_item['policy_name'];
+        //                 if($client_policy_data['policy_type_id'] == 3 && $client_policy_data['is_addon'] == 3){
+        //                     $policy_name_for_policy_type = 'Add-On Group Medical Coverage for Parents';
+        //                 }
 
-                        $table_content .= $policy_name_for_policy_type . '</h4></div>';
-                        $table_content .= '<table border="1" cellpadding="5" cellspacing="0" style="width:100%; border-collapse: collapse; font-size: 12px;">';
+        //                 $table_content .= $policy_name_for_policy_type . '</h4></div>';
+        //                 $table_content .= '<table border="1" cellpadding="5" cellspacing="0" style="width:100%; border-collapse: collapse; font-size: 12px;">';
                         
-                        // Add text-align: center to the table head
-                        $table_content .= '<thead style="background-color: #02a8b5; color: #ffffff; text-align: center;">';
-                        $table_content .= '<tr>';
-                        $table_content .= '<th>Name</th>';
-                        $table_content .= '<th>Relation</th>';
-                        $table_content .= '<th style="width:15%">Date Of Birth</th>';
-                        $table_content .= '<th>Sum Insured</th>';
+        //                 // Add text-align: center to the table head
+        //                 $table_content .= '<thead style="background-color: #02a8b5; color: #ffffff; text-align: center;">';
+        //                 $table_content .= '<tr>';
+        //                 $table_content .= '<th>Name</th>';
+        //                 $table_content .= '<th>Relation</th>';
+        //                 $table_content .= '<th style="width:15%">Date Of Birth</th>';
+        //                 $table_content .= '<th>Sum Insured</th>';
                 
-                        // Only Display SI Topup and Dependent Addon 
-                        if ($is_addon == 2 || $is_addon == 3) {
-                            $table_content .= '<th>Premium</th>';
-                            $table_content .= '<th>GST</th>';
-                        }
+        //                 // Only Display SI Topup and Dependent Addon 
+        //                 if ($is_addon == 2 || $is_addon == 3) {
+        //                     $table_content .= '<th>Premium</th>';
+        //                     $table_content .= '<th>GST</th>';
+        //                 }
                 
-                        $table_content .= '</tr>';
-                        $table_content .= '</thead>';
+        //                 $table_content .= '</tr>';
+        //                 $table_content .= '</thead>';
                         
-                        // Add text-align: center to the table body
-                        $table_content .= '<tbody style="text-align: center;">' . $temp_data . '</tbody>';
-                        $table_content .= '</table></div>';
+        //                 // Add text-align: center to the table body
+        //                 $table_content .= '<tbody style="text-align: center;">' . $temp_data . '</tbody>';
+        //                 $table_content .= '</table></div>';
                 
-                        if ($is_addon == 2 || $is_addon == 3) {
-                            $addon_list_array = [
-                                'policy_name' => $policy_name_for_policy_type,
-                                'addtional_premium' => round($addtional_premium),
-                                'gst' => round($gst)
-                            ];
-                            $Addon_list[] = $addon_list_array;
-                        }
+        //                 if ($is_addon == 2 || $is_addon == 3) {
+        //                     $addon_list_array = [
+        //                         'policy_name' => $policy_name_for_policy_type,
+        //                         'addtional_premium' => round($addtional_premium),
+        //                         'gst' => round($gst)
+        //                     ];
+        //                     $Addon_list[] = $addon_list_array;
+        //                 }
                 
-                        $temp_data = '';
-                        $addtional_premium = 0;
-                        $gst = 0;
-                    }
+        //                 $temp_data = '';
+        //                 $addtional_premium = 0;
+        //                 $gst = 0;
+        //             }
 
-                    if(count($payable_employee_array) > 0){
+        //             if(count($payable_employee_array) > 0){
 
-                        $table_content .= '<div style="text-align: left; font-size: 12px;"><div style="text-align:left;"><h4>Policy Type :';
-                        $temp_data = '';
-                        $is_addon = '';
+        //                 $table_content .= '<div style="text-align: left; font-size: 12px;"><div style="text-align:left;"><h4>Policy Type :';
+        //                 $temp_data = '';
+        //                 $is_addon = '';
                         
-                        foreach ($payable_employee_array as $inner_item) {
+        //                 foreach ($payable_employee_array as $inner_item) {
 
 
-                            //getting policy premium data
-                            $client_policy_data = $clientPolicyModel->where('id', $inner_item['client_policy_id'])->first();
-                            if($client_policy_data['policy_type_id'] == 1 || $client_policy_data['policy_type_id'] == 6 || $client_policy_data['policy_type_id'] == 7 ){
-                                $policy_premium_data = $PolicyPremium1Model->where('client_policy_id',  $inner_item['client_policy_id'])->where('is_active', '1')->first();
-                            }else{
-                                $policy_premium_data = $PolicyPremium2Model->where('client_policy_id',  $inner_item['client_policy_id'])->where('is_active', '1')->first();
-                            }
-                            //end of getting policy premium data
+        //                     //getting policy premium data
+        //                     $client_policy_data = $clientPolicyModel->where('id', $inner_item['client_policy_id'])->first();
+        //                     if($client_policy_data['policy_type_id'] == 1 || $client_policy_data['policy_type_id'] == 6 || $client_policy_data['policy_type_id'] == 7 ){
+        //                         $policy_premium_data = $PolicyPremium1Model->where('client_policy_id',  $inner_item['client_policy_id'])->where('is_active', '1')->first();
+        //                     }else{
+        //                         $policy_premium_data = $PolicyPremium2Model->where('client_policy_id',  $inner_item['client_policy_id'])->where('is_active', '1')->first();
+        //                     }
+        //                     //end of getting policy premium data
 
 
-                            $si = '';
-                            $premium = '';
-                            $gst_forself = '';
+        //                     $si = '';
+        //                     $premium = '';
+        //                     $gst_forself = '';
                             
-                            $si = '₹ ' .format_indian_number($inner_item['basic_cover_si']);
-                            $premium = '₹ ' .format_indian_number(round($inner_item['rata_premimum']));
-                            $gst_forself = '₹ ' .format_indian_number(round($inner_item['gst']));
+        //                     $si = '₹ ' .format_indian_number($inner_item['basic_cover_si']);
+        //                     $premium = '₹ ' .format_indian_number(round($inner_item['rata_premimum']));
+        //                     $gst_forself = '₹ ' .format_indian_number(round($inner_item['gst']));
                     
-                            $temp_data .= '<tr>';
-                            $temp_data .= '<td>' . $inner_item['name'] . ($inner_item['relationship'] == 'Self' ? ' (' . $inner_item['emp_code'] . ')' : '') . '</td>';
-                            $temp_data .= '<td>' . $inner_item['relationship'] . '</td>';
-                            $temp_data .= '<td>' . \DateTime::createFromFormat('Y-m-d', $inner_item['dob'])->format('d-m-Y') . '</td>';
-                            $temp_data .= '<td>' . $si . '</td>';
-                            $temp_data .= '<td>' . $premium . '</td>';
-                            $temp_data .= '<td>' . $gst_forself . '</td>';
+        //                     $temp_data .= '<tr>';
+        //                     $temp_data .= '<td>' . $inner_item['name'] . ($inner_item['relationship'] == 'Self' ? ' (' . $inner_item['emp_code'] . ')' : '') . '</td>';
+        //                     $temp_data .= '<td>' . $inner_item['relationship'] . '</td>';
+        //                     $temp_data .= '<td>' . \DateTime::createFromFormat('Y-m-d', $inner_item['dob'])->format('d-m-Y') . '</td>';
+        //                     $temp_data .= '<td>' . $si . '</td>';
+        //                     $temp_data .= '<td>' . $premium . '</td>';
+        //                     $temp_data .= '<td>' . $gst_forself . '</td>';
                 
-                            $temp_data .= '</tr>';
+        //                     $temp_data .= '</tr>';
                 
-                            $is_addon = $inner_item['is_addon'];
+        //                     $is_addon = $inner_item['is_addon'];
                 
-                            $addtional_premium = $inner_item['rata_premimum'] + $addtional_premium;
-                            $gst = $inner_item['gst'] + $gst;
-                        }
+        //                     $addtional_premium = $inner_item['rata_premimum'] + $addtional_premium;
+        //                     $gst = $inner_item['gst'] + $gst;
+        //                 }
 
-                        $policy_name_for_policy_type = $inner_item['policy_name'];
-                        if($client_policy_data['policy_type_id'] == 3 && $client_policy_data['is_addon'] == 3){
-                            $policy_name_for_policy_type = 'Add-On Group Medical Coverage for Parents';
-                        }
+        //                 $policy_name_for_policy_type = $inner_item['policy_name'];
+        //                 if($client_policy_data['policy_type_id'] == 3 && $client_policy_data['is_addon'] == 3){
+        //                     $policy_name_for_policy_type = 'Add-On Group Medical Coverage for Parents';
+        //                 }
                 
-                        $table_content .= $policy_name_for_policy_type . ' ( Payable By Employee ) </h4></div>';
-                        $table_content .= '<table border="1" cellpadding="5" cellspacing="0" style="width:100%; border-collapse: collapse; font-size: 12px;">';
+        //                 $table_content .= $policy_name_for_policy_type . ' ( Payable By Employee ) </h4></div>';
+        //                 $table_content .= '<table border="1" cellpadding="5" cellspacing="0" style="width:100%; border-collapse: collapse; font-size: 12px;">';
                         
-                        // Add text-align: center to the table head
-                        $table_content .= '<thead style="background-color: #02a8b5; color: #ffffff; text-align: center;">';
-                        $table_content .= '<tr>';
-                        $table_content .= '<th>Name</th>';
-                        $table_content .= '<th>Relation</th>';
-                        $table_content .= '<th style="width:15%">Date Of Birth</th>';
-                        $table_content .= '<th>Sum Insured</th>';
-                        $table_content .= '<th>Premium</th>';
-                        $table_content .= '<th>GST</th>';
+        //                 // Add text-align: center to the table head
+        //                 $table_content .= '<thead style="background-color: #02a8b5; color: #ffffff; text-align: center;">';
+        //                 $table_content .= '<tr>';
+        //                 $table_content .= '<th>Name</th>';
+        //                 $table_content .= '<th>Relation</th>';
+        //                 $table_content .= '<th style="width:15%">Date Of Birth</th>';
+        //                 $table_content .= '<th>Sum Insured</th>';
+        //                 $table_content .= '<th>Premium</th>';
+        //                 $table_content .= '<th>GST</th>';
                 
-                        $table_content .= '</tr>';
-                        $table_content .= '</thead>';
+        //                 $table_content .= '</tr>';
+        //                 $table_content .= '</thead>';
                         
-                        // Add text-align: center to the table body
-                        $table_content .= '<tbody style="text-align: center;">' . $temp_data . '</tbody>';
-                        $table_content .= '</table></div>';
+        //                 // Add text-align: center to the table body
+        //                 $table_content .= '<tbody style="text-align: center;">' . $temp_data . '</tbody>';
+        //                 $table_content .= '</table></div>';
                 
                        
-                        $addon_list_array = [
-                            'policy_name' => $policy_name_for_policy_type . '( Payable By Employee )',
-                            'addtional_premium' => round($addtional_premium),
-                            'gst' => round($gst)
-                        ];
-                        $Addon_list[] = $addon_list_array;
+        //                 $addon_list_array = [
+        //                     'policy_name' => $policy_name_for_policy_type . '( Payable By Employee )',
+        //                     'addtional_premium' => round($addtional_premium),
+        //                     'gst' => round($gst)
+        //                 ];
+        //                 $Addon_list[] = $addon_list_array;
 
                 
-                        $temp_data = '';
-                        $addtional_premium = 0;
-                        $gst = 0;
+        //                 $temp_data = '';
+        //                 $addtional_premium = 0;
+        //                 $gst = 0;
 
-                    }
-                }
+        //             }
+        //         }
                 
-                if (count($Addon_list) > 0) {
-                    $table_content .= '<br><div style="text-align: left; font-size: 12px;"><div style="text-align:left;">';
-                    $table_content .= '<table border="1" cellpadding="5" cellspacing="0" style="width:100%; border-collapse: collapse; font-size: 12px;">';
+        //         if (count($Addon_list) > 0) {
+        //             $table_content .= '<br><div style="text-align: left; font-size: 12px;"><div style="text-align:left;">';
+        //             $table_content .= '<table border="1" cellpadding="5" cellspacing="0" style="width:100%; border-collapse: collapse; font-size: 12px;">';
                 
-                    // Center align for table header and body
-                    $table_content .= '<thead style="background-color: #02a8b5; color: #ffffff; text-align: center;">';
-                    $table_content .= '<tr>';
-                    $table_content .= '<th>Policy Name</th>';
-                    $table_content .= '<th>Additional Premium</th>';
-                    $table_content .= '<th>GST</th>';
-                    $table_content .= '<th>Total</th>';
-                    $table_content .= '</tr>';
-                    $table_content .= '</thead>';
+        //             // Center align for table header and body
+        //             $table_content .= '<thead style="background-color: #02a8b5; color: #ffffff; text-align: center;">';
+        //             $table_content .= '<tr>';
+        //             $table_content .= '<th>Policy Name</th>';
+        //             $table_content .= '<th>Additional Premium</th>';
+        //             $table_content .= '<th>GST</th>';
+        //             $table_content .= '<th>Total</th>';
+        //             $table_content .= '</tr>';
+        //             $table_content .= '</thead>';
                     
-                    $table_content .= '<tbody style="text-align: center;">';
+        //             $table_content .= '<tbody style="text-align: center;">';
                     
-                    $sum_total = 0;
-                    foreach ($Addon_list as $key => $value) {
-                        $total_addon = $value['gst'] + $value['addtional_premium'];
-                        $sum_total += $total_addon;
+        //             $sum_total = 0;
+        //             foreach ($Addon_list as $key => $value) {
+        //                 $total_addon = $value['gst'] + $value['addtional_premium'];
+        //                 $sum_total += $total_addon;
                 
-                        $table_content .= '<tr>';
-                        $table_content .= '<td>' . $value['policy_name'] . '</td>';
-                        $table_content .= '<td>₹' . format_indian_number($value['addtional_premium']) . '</td>';
-                        $table_content .= '<td>₹' . format_indian_number($value['gst']) . '</td>';
-                        $table_content .= '<td>₹' . format_indian_number($total_addon) . '</td>';
-                        $table_content .= '</tr>';
-                    }
+        //                 $table_content .= '<tr>';
+        //                 $table_content .= '<td>' . $value['policy_name'] . '</td>';
+        //                 $table_content .= '<td>₹' . format_indian_number($value['addtional_premium']) . '</td>';
+        //                 $table_content .= '<td>₹' . format_indian_number($value['gst']) . '</td>';
+        //                 $table_content .= '<td>₹' . format_indian_number($total_addon) . '</td>';
+        //                 $table_content .= '</tr>';
+        //             }
                 
-                    $sum_total_words = numberToWords($sum_total);
-                    $table_content .= '<tr>';
-                    $table_content .= '<td></td><td></td><td><b>Total</b></td>';
-                    $table_content .= '<td>₹' . format_indian_number($sum_total) . '</td>';
-                    $table_content .= '</tr>';
-                    $table_content .= '</tbody>';
-                    $table_content .= '</table></div></div>';
-                    // $table_content .= '<div style="width:100%; text-align:right; font-size: 12px;">' . $sum_total_words . '</div>';
-                }
+        //             $sum_total_words = numberToWords($sum_total);
+        //             $table_content .= '<tr>';
+        //             $table_content .= '<td></td><td></td><td><b>Total</b></td>';
+        //             $table_content .= '<td>₹' . format_indian_number($sum_total) . '</td>';
+        //             $table_content .= '</tr>';
+        //             $table_content .= '</tbody>';
+        //             $table_content .= '</table></div></div>';
+        //             // $table_content .= '<div style="width:100%; text-align:right; font-size: 12px;">' . $sum_total_words . '</div>';
+        //         }
                 
-                $mail_content = str_replace("[[member_summary]]", $table_content , $mail_content);
+        //         $mail_content = str_replace(["[[member_summary]]", "{{member_summary}}"], $table_content , $mail_content);
 
 
-                $hr_mails = $client_data['hr_mails'];
-                $mail_array = explode(',', $hr_mails);
-                $mail_array = array_map('trim', $mail_array);
-                $wholeData = []; 
-                foreach ($mail_array as $key => $value) {
-                    $wholeData[] =  ['mail' => $value, 'subject' => $subject,'message'=> $mail_content, 'reply_to' => $client_data['reply_to'], 'common' => $common];
-                    // $wholeData[] =  ['mail' => $value, 'subject' => $subject,'message'=> $mail_content, 'bcc'=> $client_data['common_mails']];
-                }
+        //         $hr_mails = $client_data['hr_mails'];
+        //         $mail_array = explode(',', $hr_mails);
+        //         $mail_array = array_map('trim', $mail_array);
+        //         $wholeData = []; 
+        //         foreach ($mail_array as $key => $value) {
+        //             $wholeData[] =  ['mail' => $value, 'subject' => $subject,'message'=> $mail_content, 'reply_to' => $client_data['reply_to'], 'common' => $common];
+        //             // $wholeData[] =  ['mail' => $value, 'subject' => $subject,'message'=> $mail_content, 'bcc'=> $client_data['common_mails'}};
+        //         }
 
-                return  $wholeData;
-            }
+        //         return  $wholeData;
+        //     }
 
-        }   
+        // }   
     }  
     
     public static function sendMailNotificationForTesting($action, $params)
@@ -1156,13 +1174,13 @@ class sendMailNotification
 
             $client_logo = base_url() . "public/uploads/logo/" . $client_data['client_logo'];
 
-            $mail_content = str_replace("[[client_logo]]", "<img src='$client_logo' alt='Client Logo' width='20'>", $mail_content);
-            $mail_content = str_replace("[[nhance_logo]]", "<img src='$nhance_logo' alt='Nhance Logo' width='20'>", $mail_content);
-            $mail_content = str_replace("[[member_name]]", $employee_name, $mail_content);
-            $mail_content = str_replace("[[member_mobile]]", $mobile, $mail_content);
-            $mail_content = str_replace("[[client_name]]", $client_data['client_name'], $mail_content);
+            $mail_content = str_replace(["[[client_logo]]", "{{client_logo}}"], "<img src='$client_logo' alt='Client Logo' width='20'>", $mail_content);
+            $mail_content = str_replace(["[[nhance_logo]]", "{{nhance_logo}}"], "<img src='$nhance_logo' alt='Nhance Logo' width='20'>", $mail_content);
+            $mail_content = str_replace(["[[member_name]]", "{{member_name}}"], $employee_name, $mail_content);
+            $mail_content = str_replace(["[[member_mobile]]", "{{member_mobile}}"], $mobile, $mail_content);
+            $mail_content = str_replace(["[[client_name]]", "{{client_name}}"], $client_data['client_name'], $mail_content);
 
-            $mail_content = str_replace("[[app_link]]", "<a href='$app_link'>Review Details</a>", $mail_content);
+            $mail_content = str_replace(["[[app_link]]", "{{app_link}}"], "<a href='$app_link'>Review Details</a>", $mail_content);
             
             if ($mail != null || $mail != '') {
                 $wholeData =  ['mail' => $mail, 'subject' => $subject,'message'=> $mail_content,'bcc'=> $client_data['common_mails'], 'reply_to' => $client_data['reply_to'], 'attachments' => $attachments];
@@ -1187,11 +1205,12 @@ class sendMailNotification
 
             $client_logo = base_url() . "public/uploads/logo/" . $client_data['client_logo'];
 
-            $mail_content = str_replace("[[client_name]]", $client_data['client_name'], $mail_content);
-            $mail_content = str_replace("[[nhance_logo]]", "<img src='$nhance_logo' alt='Nhance Logo' width='20'>", $mail_content);
-            $mail_content = str_replace("[[client_logo]]", "<img src='$client_logo' alt='Client Logo' width='20'>", $mail_content);
-            $mail_content = str_replace("[[app_link]]", "<a href='$app_link'>Review Details</a>", $mail_content);
-            $mail_content = str_replace("[[member_mobile]]", $mobile, $mail_content);
+            $mail_content = str_replace(["[[client_name]]", "{{client_name}}"], $client_data['client_name'], $mail_content);
+            $mail_content = str_replace(["[[nhance_logo]]", "{{nhance_logo}}"], "<img src='$nhance_logo' alt='Nhance Logo' width='20'>", $mail_content);
+            $mail_content = str_replace(["[[client_logo]]", "{{client_logo}}"], "<img src='$client_logo' alt='Client Logo' width='20'>", $mail_content);
+            $mail_content = str_replace(["[[app_link]]", "{{app_link}}"], "<a href='$app_link'>Review Details</a>", $mail_content);
+            $mail_content = str_replace(["[[member_name]]", "{{member_name}}"], $employee_name, $mail_content);
+            $mail_content = str_replace(["[[member_mobile]]", "{{member_mobile}}"], $mobile, $mail_content);
 
             if ((isset($notification_data) && $notification_data['enabled'] == 1)) {
 
@@ -1209,6 +1228,20 @@ class sendMailNotification
             $notification = $params['notification_data'];
             $client_data = $params['client_data'];
             $mail = $params['test_mail'];
+            $mailAttachmentModel = new MailAttachmentModel();
+            $attachment_data = $mailAttachmentModel
+                                ->select('file_path, file_name')
+                                ->where('notification_id', $notification['id'])
+                                ->where('is_active', 1)
+                                ->findAll();
+            
+            $attachments = [];
+            foreach ($attachment_data as $data) {
+                $attachments[] = [
+                    "filePath" => WRITEPATH . $data['file_path'],
+                    "fileName" => $data['file_name']
+                ];
+            }
 
             $mail_content = $notification['mail_content'];
             $subject = $notification['subject'];
@@ -1225,17 +1258,17 @@ class sendMailNotification
             
             $client_logo = base_url() . "public/uploads/logo/" . $client_data['client_logo'];
             
-            $mail_content = str_replace("[[nhance_logo]]", "<img src='$nhance_logo' alt='Nhance Logo' width='20'>", $mail_content);
-            $mail_content = str_replace("[[client_logo]]", "<img src='$client_logo' alt='Client Logo' width='20'>", $mail_content);
+            $mail_content = str_replace(["[[nhance_logo]]", "{{nhance_logo}}"], "<img src='$nhance_logo' alt='Nhance Logo' width='20'>", $mail_content);
+            $mail_content = str_replace(["[[client_logo]]", "{{client_logo}}"], "<img src='$client_logo' alt='Client Logo' width='20'>", $mail_content);
 
-            $mail_content = str_replace("[[member_name]]", $name, $mail_content);
-            $mail_content = str_replace("[[member_mobile]]", $mobile, $mail_content);
-            $mail_content = str_replace("[[app_link]]", "<a href='$app_link'>Review Details</a>", $mail_content);
-            $mail_content = str_replace("[[post_enrollment_app_link]]", "<a href='$post_enrollment_app_link'>Review Details</a>", $mail_content);
-            $mail_content = str_replace("[[ecard_download_link]]", "<a href='$link/1'>Download Insurance Card</a>", $mail_content);
-            $mail_content = str_replace("[[client_name]]", $client_data['client_name'], $mail_content);
+            $mail_content = str_replace(["[[member_name]]", "{{member_name}}"], $name, $mail_content);
+            $mail_content = str_replace(["[[member_mobile]]", "{{member_mobile}}"], $mobile, $mail_content);
+            $mail_content = str_replace(["[[app_link]]", "{{app_link}}"], "<a href='$app_link'>Review Details</a>", $mail_content);
+            $mail_content = str_replace(["[[post_enrollment_app_link]]", "{{post_enrollment_app_link}}"], "<a href='$post_enrollment_app_link'>Review Details</a>", $mail_content);
+            $mail_content = str_replace(["[[ecard_download_link]]", "{{ecard_download_link}}"], "<a href='$link/1'>Download Insurance Card</a>", $mail_content);
+            $mail_content = str_replace(["[[client_name]]", "{{client_name}}"], $client_data['client_name'], $mail_content);
 
-            $wholeData =  ['mail' => $mail, 'subject' => $subject,'message'=> $mail_content,'bcc'=> $client_data['common_mails'], 'reply_to' => $client_data['reply_to']];
+            $wholeData =  ['mail' => $mail, 'subject' => $subject,'message'=> $mail_content,'bcc'=> $client_data['common_mails'],'attachments' => $attachments, 'reply_to' => $client_data['reply_to']];
 
             return $wholeData;
 
@@ -1270,11 +1303,11 @@ class sendMailNotification
                 
                 $client_logo = base_url() . "public/uploads/logo/" . $client_data['client_logo'];
 
-                $mail_content = str_replace("[[client_name]]", $client_data['client_name'], $mail_content);
-                $mail_content = str_replace("[[nhance_logo]]", "<img src='$nhance_logo' alt='Nhance Logo' width='20'>", $mail_content);
-                $mail_content = str_replace("[[client_logo]]", "<img src='$client_logo' alt='Client Logo' width='20'>", $mail_content);
+                $mail_content = str_replace(["[[client_name]]", "{{client_name}}"], $client_data['client_name'], $mail_content);
+                $mail_content = str_replace(["[[nhance_logo]]", "{{nhance_logo}}"], "<img src='$nhance_logo' alt='Nhance Logo' width='20'>", $mail_content);
+                $mail_content = str_replace(["[[client_logo]]", "{{client_logo}}"], "<img src='$client_logo' alt='Client Logo' width='20'>", $mail_content);
 
-                $mail_content = str_replace("[[app_link]]", "<a href='$app_link'>Review Details</a>", $mail_content);
+                $mail_content = str_replace(["[[app_link]]", "{{app_link}}"], "<a href='$app_link'>Review Details</a>", $mail_content);
 
                 // Step 1: Replace the placeholder with an HTML table structure
                 $table_content = '';
@@ -1382,9 +1415,9 @@ class sendMailNotification
                     }
                 }            
                 
-                $mail_content = str_replace("[[member_name]]", $name . ' (' . $emp_code . ')' , $mail_content);
-                $mail_content = str_replace("[[member_mobile]]", $mobile, $mail_content);
-                $mail_content = str_replace("[[member_summary]]", $table_content , $mail_content);
+                $mail_content = str_replace(["[[member_name]]", "{{member_name}}"], $name . ' (' . $emp_code . ')' , $mail_content);
+                $mail_content = str_replace(["[[member_mobile]]", "{{member_mobile}}"], $mobile, $mail_content);
+                $mail_content = str_replace(["[[member_summary]]", "{{member_summary}}"], $table_content , $mail_content);
 
 
                 $wholeData =  ['mail' => $mail, 'subject' => $subject,'message'=> $mail_content, 'bcc'=> $client_data['common_mails'], 'reply_to' => $client_data['reply_to']];
@@ -1422,11 +1455,11 @@ class sendMailNotification
                 
                 $client_logo = base_url() . "public/uploads/logo/" . $client_data['client_logo'];
 
-                $mail_content = str_replace("[[client_name]]", $client_data['client_name'], $mail_content);
-                $mail_content = str_replace("[[nhance_logo]]", "<img src='$nhance_logo' alt='Nhance Logo' width='20'>", $mail_content);
-                $mail_content = str_replace("[[client_logo]]", "<img src='$client_logo' alt='Client Logo' width='20'>", $mail_content);
+                $mail_content = str_replace(["[[client_name]]", "{{client_name}}"], $client_data['client_name'], $mail_content);
+                $mail_content = str_replace(["[[nhance_logo]]", "{{nhance_logo}}"], "<img src='$nhance_logo' alt='Nhance Logo' width='20'>", $mail_content);
+                $mail_content = str_replace(["[[client_logo]]", "{{client_logo}}"], "<img src='$client_logo' alt='Client Logo' width='20'>", $mail_content);
 
-                $mail_content = str_replace("[[app_link]]", "<a href='$app_link'>Review Details</a>", $mail_content);
+                $mail_content = str_replace(["[[app_link]]", "{{app_link}}"], "<a href='$app_link'>Review Details</a>", $mail_content);
 
                 // Step 1: Replace the placeholder with an HTML table structure
                 $table_content = '';
@@ -1532,8 +1565,8 @@ class sendMailNotification
                     }
                 }   
 
-                $mail_content = str_replace("[[member_name]]", $name . ' (' . $emp_code . ')' , $mail_content);
-                $mail_content = str_replace("[[member_summary]]", $table_content , $mail_content);
+                $mail_content = str_replace(["[[member_name]]", "{{member_name}}"], $name . ' (' . $emp_code . ')' , $mail_content);
+                $mail_content = str_replace(["[[member_summary]]", "{{member_summary}}"], $table_content , $mail_content);
 
                 $wholeData =  ['mail' => $mail, 'subject' => $subject,'message'=> $mail_content, 'reply_to' => $client_data['reply_to']];
                 
@@ -1569,11 +1602,11 @@ class sendMailNotification
                 
                 $client_logo = base_url() . "public/uploads/logo/" . $client_data['client_logo'];
                 
-                $mail_content = str_replace("[[nhance_logo]]", "<img src='$nhance_logo' alt='Nhance Logo' width='20'>", $mail_content);
-                $mail_content = str_replace("[[client_logo]]", "<img src='$client_logo' alt='Client Logo' width='20'>", $mail_content);
-                $mail_content = str_replace("[[client_name]]", $client_data['client_name'], $mail_content);
+                $mail_content = str_replace(["[[nhance_logo]]", "{{nhance_logo}}"], "<img src='$nhance_logo' alt='Nhance Logo' width='20'>", $mail_content);
+                $mail_content = str_replace(["[[client_logo]]", "{{client_logo}}"], "<img src='$client_logo' alt='Client Logo' width='20'>", $mail_content);
+                $mail_content = str_replace(["[[client_name]]", "{{client_name}}"], $client_data['client_name'], $mail_content);
 
-                $mail_content = str_replace("[[app_link]]", "<a href='$app_link'>Review Details</a>", $mail_content);
+                $mail_content = str_replace(["[[app_link]]", "{{app_link}}"], "<a href='$app_link'>Review Details</a>", $mail_content);
 
                 // Step 1: Replace the placeholder with an HTML table structure
                 $table_content = '';
@@ -1681,8 +1714,8 @@ class sendMailNotification
                     }
                 }   
                 
-                $mail_content = str_replace("[[member_name]]", $name . ' (' . $emp_code . ')' , $mail_content);
-                $mail_content = str_replace("[[member_summary]]", $table_content , $mail_content);
+                $mail_content = str_replace(["[[member_name]]", "{{member_name}}"], $name . ' (' . $emp_code . ')' , $mail_content);
+                $mail_content = str_replace(["[[member_summary]]", "{{member_summary}}"], $table_content , $mail_content);
 
                 
                 $wholeData =  ['mail' => $mail, 'subject' => $subject,'message'=> $mail_content, 'reply_to' => $client_data['reply_to']];
diff --git a/app/Models/NotificationModel.php b/app/Models/NotificationModel.php
index d78d2a6..9f27687 100755
--- a/app/Models/NotificationModel.php
+++ b/app/Models/NotificationModel.php
@@ -8,5 +8,5 @@ class NotificationModel extends Model
 {
     protected $table            = 'notifications';
     protected $primaryKey       = 'id';
-    protected $allowedFields    = ["id","client_id","template_name","subject","mail_content","enabled","created_by","updated_by","is_active",];
+    protected $allowedFields    = ["id","client_id","template_name","subject","mail_content","enabled","created_by","updated_by","is_active",'mail_content_json','mail_content_copy'];
 }
\ No newline at end of file
diff --git a/app/Views/layout/header.php b/app/Views/layout/header.php
index 355699b..be4b592 100755
--- a/app/Views/layout/header.php
+++ b/app/Views/layout/header.php
@@ -79,6 +79,10 @@
 <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css" />
 <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
 <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>
+    <!-- srinivas -->
+    <script src="https://editor.unlayer.com/embed.js"></script>
+    <!-- <script src="<?= base_url('public/unlayer/js/embed.js') . '' ?>"></script> -->
+    <!-- srinivas -->
 
     <style>
 
diff --git a/app/Views/notification.php b/app/Views/notification.php
index f68c5fe..460b054 100755
--- a/app/Views/notification.php
+++ b/app/Views/notification.php
@@ -9,180 +9,202 @@
     .scrollb {
         overflow-y: auto !important;
     }
+    #editor-container {
+    width: 100%;
+    min-height: 600px;
+}
+
+.modal-dialog {
+    max-width: 90% !important;
+    width: 90% !important;
+}
+
+/* Also ensure the modal body has proper height */
+
+.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'] : '' ?>"/>
+    <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 Maneger 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 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" <?php //echo "$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" <?php // $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" <?php // $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>
 
@@ -194,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>
@@ -205,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">
 
@@ -223,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>
 
@@ -289,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">
@@ -326,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>
 
@@ -351,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>
@@ -363,6 +385,7 @@
 </div><!-- /.modal -->
 
 <!--  Modal content for the Large example -->
+  <?php /*
 <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">
@@ -376,7 +399,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">
@@ -401,33 +424,47 @@
                         </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>
 
 
                         <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" 
+                        <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>
@@ -436,7 +473,8 @@
             </div>
         </div><!-- /.modal-content -->
     </div><!-- /.modal-dialog -->
-</div><!-- /.modal -->
+</div>
+*/ ?>
 
 <!--  Modal content for the Large example -->
 <div class="modal fade" id="member_review_and_summary_mail_modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"
@@ -452,7 +490,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">
@@ -489,22 +527,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>
 
@@ -524,8 +567,8 @@
         </div><!-- /.modal-content -->
     </div><!-- /.modal-dialog -->
 </div><!-- /.modal -->
+<?php /*
 
-<!--  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">
@@ -535,13 +578,9 @@
                 <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>
@@ -550,7 +589,6 @@
                                 <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>
@@ -562,49 +600,34 @@
                                 <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>
+                                <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>
-                        </div> 
-
-                        <div id="account_maneger_summary_mail_snow_editor" style="height: 300px;">
-                                            
+                        <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>
+                            <button type="submit" class="btn btn-primary waves-effect waves-light mr-1"
+                                id="btnGridSubmit_2">Submit</button>
                         </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>
@@ -626,7 +649,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">
@@ -658,27 +681,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>
 
@@ -697,7 +727,8 @@
             </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">
@@ -710,432 +741,1244 @@
             <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() 
-                        {
+    })
+
+    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');
-                            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() });
+                            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').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.");
+
+                            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');
             }
-        })
 
-        $('#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() });
+        } else {
 
-                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, '');
-                    }
-                });
+            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;
+    let template_name = '';
+    $(document).ready(function() {
+        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 = '';
+        });
 
 
-                $('.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() 
-                        {
+    })
+
+    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');
-                            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() });
+                            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').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);
+
+                            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);
+            }
+        });
+
+    }
+    // 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;
+        }
+
+        // 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: `${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
+                        }
                     }
                 });
-            }
-            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() });
+                // Verify editor initialization
+                if (!editor || typeof editor.loadDesign !== 'function') {
+                    throw new Error("Editor initialization failed - editor instance is invalid");
+                }
 
-                $('.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();
+                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 = [
+             "member_reminder_mail", "member_welcome_mail","member_review_and_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: "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 && template_name == 'member_welcome_mail') {
+                        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);
+    //             }
+    //         });
+    //     });
+    // });
+
+    $('#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');
-                    },
-                    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.");
-            }
-        })
+                        toastr.warning('Something Went Wrong!', 'warning');
+                    }, 1000);
+                }
+            });
+        });
+    });
 
-        $('#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() });
+    $('#member_reminder_mail_form').submit(function(event) {
+        event.preventDefault();
 
-                $('.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();
+        // 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');
-                    },
-                    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.");
-            }
-        })
+                        toastr.warning('Something Went Wrong!', 'warning');
+                    }, 1000);
+                }
+            });
+        });
+    });
 
-        $(document).on('click', '#notification_enable_form_submit', function() 
-        {
+    // $('#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
+            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);
+                });
+        }
+    }
+    $(document).on('click', '#notification_enable_form_submit', function()  {
             var formData = [];
-            console.log($('#hr_mail_id').val());
+            // 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() });
@@ -1144,11 +1987,11 @@
             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_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') });
-
+            // 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') });
+            console.log("form data",formData);
             var form_action = '<?= base_url("client/notification/update_enable") ?>'; 
             $('.loader').fadeIn();
             $('.loader-mask').fadeIn();
@@ -1179,383 +2022,5 @@
                     }, 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(' ');
-    }
-
-    function getMailTemplateData(element)
-    {
-        var 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 == "account_maneger_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();
-                            $('.setid').attr('data-id', res.id);
-                        }else{
-                            $('.testmail').hide();
-                            $('#attachment_table').hide();
-                            $('.setid').attr('data-id', '');
-                        }
-
-                    }else{
-                        $('.testmail').hide();
-                        $('#attachment_table').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');
-
-        const container = document.getElementById('attachment_tbody');
-
-        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) {
-        const container = document.getElementById('attachment_tbody');
-        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 = $('#member_welcome_mail_template_name').val();
-        var client_id = $('#general_PrimaryKey').val();
-
-        const formData = new FormData(form);
-        formData.append('template_name', template_name);
-        formData.append('client_id', client_id);
-
-        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 = $('#member_welcome_mail_template_name').val();
-        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>
\ No newline at end of file