From 3661ac99edfab241fd93a0f44fb265d9304ffd3d Mon Sep 17 00:00:00 2001
From: venba-Inspriron-3558 <venba2026@gmail.com>
Date: Fri, 5 Sep 2025 15:30:53 +0530
Subject: [PATCH 1/3] LIVE_Thz Fixes

---
 app/Views/thz_list.php  | 6 +++---
 app/Views/thz_notes.php | 9 ++++++++-
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/app/Views/thz_list.php b/app/Views/thz_list.php
index e493cfc5..8441c85f 100644
--- a/app/Views/thz_list.php
+++ b/app/Views/thz_list.php
@@ -379,9 +379,9 @@ table.dataTable td.wrap {
         var form = document.getElementById("ticketForm"); // your form ID
         var formData = new FormData(form);
 
-        var btn = document.querySelector("button[onclick='submitTicket()']");
-        btn.disabled = true;
-        btn.innerText = "Saving...";
+            var btn = event.target;
+            btn.disabled = true;
+            btn.innerText = "Saving...";
 
         $.ajax({
             url: "<?= base_url('ticketSave') ?>",
diff --git a/app/Views/thz_notes.php b/app/Views/thz_notes.php
index c7a23bb8..98443f8f 100644
--- a/app/Views/thz_notes.php
+++ b/app/Views/thz_notes.php
@@ -533,10 +533,17 @@ hr{
         var form = document.getElementById("ticketForm");
         var id = form.querySelector("[name='thz_id']").value;
         var formData = new FormData(form);
-
+        form.classList.remove('was-validated');
         var btn = document.querySelector("button[onclick='submitTicket()']");
         btn.disabled = true;
         btn.innerText = "Saving...";
+
+        var ticketType = document.getElementById('ticket_type').value.trim();
+        if (ticketType === "") {
+            toastr.warning('Please fill all required fields.', 'Warning');
+            form.classList.add('was-validated');
+            return;
+        }
     
         $.ajax({
             url: "<?= base_url('ticketSave') ?>",

From 88edf67aa15c6cdb0b91d49af2f2f9d432f705f5 Mon Sep 17 00:00:00 2001
From: venba-Inspriron-3558 <venba2026@gmail.com>
Date: Fri, 5 Sep 2025 17:17:32 +0530
Subject: [PATCH 2/3] CHANGE_Motor Cliams

---
 app/Config/Routes.php                |    2 +
 app/Controllers/TicketController.php |   78 +-
 app/Models/PartnerPolicyModel.php    |   42 +
 app/Views/ticket_form_handler.php    |    2 +
 app/Views/ticket_form_motor.php      | 1146 ++++++++++++++++++++++++++
 app/Views/ticket_type_modal.php      |    1 +
 6 files changed, 1270 insertions(+), 1 deletion(-)
 create mode 100755 app/Models/PartnerPolicyModel.php
 create mode 100644 app/Views/ticket_form_motor.php

diff --git a/app/Config/Routes.php b/app/Config/Routes.php
index 9a762179..8240c1c1 100755
--- a/app/Config/Routes.php
+++ b/app/Config/Routes.php
@@ -628,6 +628,8 @@ $routes->group("/ticket", ["filter" => "authMVC"], function ($routes) {
    $routes->post('upload_url',"TicketController::upload_url");
    $routes->post('getUrlDataByTicketId',"TicketController::getUrlDataByTicketId");
    $routes->get('remove_url',"TicketController::remove_url");
+   $routes->get('fetchVehiclePolicy/(:any)','TicketController::fetchVehiclePolicy/$1');
+   
 });
 
 $routes->group("clientApi",["filter" => "AuthClientApi"], function ($routes){
diff --git a/app/Controllers/TicketController.php b/app/Controllers/TicketController.php
index 0fe8752b..c9548469 100644
--- a/app/Controllers/TicketController.php
+++ b/app/Controllers/TicketController.php
@@ -22,6 +22,8 @@ use App\Models\EmployeeModel;
 use App\Models\TPAModel;
 use App\Models\ClaimFilesModel;
 use App\Models\ClaimDumpFileModel;
+use App\Models\VehicleModel;
+use App\Models\PartnerPolicyModel;
 
 use DOMDocument;
 use Psr\Log\LoggerInterface;
@@ -62,6 +64,8 @@ class TicketController extends BaseController
     protected $TPAModel;
     protected $claimFilesModel;
     protected $claimDumpFileModel;
+    protected $vehicleModel;
+    protected $partnerPolicyModel;
 
     public function __construct()
     {
@@ -71,7 +75,7 @@ class TicketController extends BaseController
 
         $this->ticketMasterModel = new TicketMasterModel();
 
-        $this->ticketType = [1 => "Claim-GMC", 2 => "Claim-GPA", 3 => "EDLI", 4 => "GTLI"];
+        $this->ticketType = [1 => "Claim-GMC", 2 => "Claim-GPA", 3 => "EDLI", 4 => "GTLI",  8 => "Motor"];
         $this->priorityType = [
             1 => "Low",
             2 => "Medium",
@@ -348,6 +352,8 @@ class TicketController extends BaseController
         $this->TPAModel = new TPAModel();
         $this->claimFilesModel = new ClaimFilesModel();
         $this->claimDumpFileModel = new ClaimDumpFileModel();
+        $this->vehicleModel = new VehicleModel();
+        $this->partnerPolicyModel = new PartnerPolicyModel();
     }
 
     public function ticketList()
@@ -684,6 +690,9 @@ class TicketController extends BaseController
             case 4:
                 $data['ticket_form'] = 'GTLI';
                 break;
+            case 8:
+                $data['ticket_form'] = 'Motor';
+                break;
         }
 
         // Fetch ACM Users
@@ -719,11 +728,78 @@ class TicketController extends BaseController
             $data['claim_type'] = $this->claimType[2];
         }
 
+        $data['client_for_motor'] = $this->clientModel->select('id,client_name')->where('client_type', 2)->where('is_active', 1)->findAll();
+
         $this->myLogger->logme('error', "Ticket form data fetched successfully for Ticket Type: $ticket_type");
 
         return $data;
     }
 
+            public function fetchVehiclePolicy($id)
+            {
+                $method = $this->request->getMethod();
+                
+                try {
+                    if (!$id) {
+                        throw new \Exception('Invalid ID', 400);
+                    }
+
+                    if ($method === 'get') {
+                        $data['vehicle_list'] = $this->vehicleModel
+                            ->where('is_active', 1)
+                            ->where('owner', $id)
+                            ->findAll();
+
+                        $data['partner_policy_list'] = $this->partnerPolicyModel
+                            ->where('is_active', 1)
+                            ->findAll();
+
+                        $client = $this->clientModel
+                            ->where('is_active', 1)
+                            ->where('id', $id)
+                            ->first();
+                     
+                        $data['email']   = !empty($client) ? $client['email'] : null;
+                        $data['phone'] = !empty($client) ? $client['phone'] : null;
+                     
+                        if (empty($data['vehicle_list']) && empty($data['partner_policy_list'])) {
+                            throw new \Exception('No Records found', 404);
+                        }
+
+                        return $this->response
+                            ->setJSON(['status' => 'success', 'data' => $data])
+                            ->setStatusCode(200);
+                    }
+
+                    throw new \Exception('Invalid request method', 405);
+
+                } catch (\Throwable $e) {
+                    $code = ($e->getCode() && $e->getCode() >= 100 && $e->getCode() < 600) ? $e->getCode() : 500;
+
+                    $isDbError = $e instanceof \CodeIgniter\Database\Exceptions\DatabaseException 
+                        || $e instanceof \mysqli_sql_exception 
+                        || $e instanceof \PDOException;
+
+                    $context = [
+                        'title'   => get_class($e),
+                        'type'    => get_class($e),
+                        'code'    => $code,
+                        'message' => $e->getMessage(),
+                        'file'    => $e->getFile(),
+                        'line'    => $e->getLine()
+                    ];
+
+                    $this->myLogger->logme('error', "Exception: {message} in {file} on line {line}", $context, 0);
+
+                    return $this->response->setJSON([
+                        'status'  => 'error',
+                        'message' => $isDbError ? 'Data Access Error' : $e->getMessage(),
+                        'ref'     => ($isDbError ? 'database - ' : 'application - ') . $code . ' - ' . $e->getLine()
+                    ])->setStatusCode($code);
+                }
+            }
+
+
     //transform the claim status
     public function transFormClaimStatus($claimStatusId, $ticket_type)
     {
diff --git a/app/Models/PartnerPolicyModel.php b/app/Models/PartnerPolicyModel.php
new file mode 100755
index 00000000..8c14ba06
--- /dev/null
+++ b/app/Models/PartnerPolicyModel.php
@@ -0,0 +1,42 @@
+<?php
+namespace App\Models;
+
+use CodeIgniter\Model;
+
+class PartnerPolicyModel extends Model
+{
+    protected $table            = 'partner_policy';
+    protected $primaryKey       = 'id';
+    protected $useAutoIncrement = true;
+
+    // Allowed fields (make sure to include only updatable/insertable ones)
+    protected $allowedFields    = [
+        'quotation_id',
+        'insured_name',
+        'rc_no',
+        'premium_amount',
+        'policy_number',
+        'payment_mode',
+        'policy_pdf_file_name',
+        'policy_payment_receipt_file_name',
+        'is_active',
+        'issued_date',
+        'start_date',
+        'end_date',
+        'manager_id',
+        'client_id',
+        'client_policy_id',
+        'vehicle_id',
+        'policy_transaction_id',
+        'pt_oc_share_details_id',
+        'created_by',
+        'updated_by'
+    ];
+
+    // Optional settings
+    protected $useTimestamps = true;   // enables auto timestamp
+    protected $createdField  = 'created_on';
+    protected $updatedField  = 'updated_on';
+    protected $dateFormat    = 'datetime';
+    
+}
diff --git a/app/Views/ticket_form_handler.php b/app/Views/ticket_form_handler.php
index 804639af..a1d3db7f 100644
--- a/app/Views/ticket_form_handler.php
+++ b/app/Views/ticket_form_handler.php
@@ -46,6 +46,8 @@
     if (!isset($view_ticket_page)) {
         if ($selected_ticket_type == 1) {
             include('ticket_form_gmc.php');
+        } else if ($selected_ticket_type == 8) {
+            include('ticket_form_motor.php');
         } else {
             include('ticket_form_gpa.php');
         }
diff --git a/app/Views/ticket_form_motor.php b/app/Views/ticket_form_motor.php
new file mode 100644
index 00000000..6e2a6573
--- /dev/null
+++ b/app/Views/ticket_form_motor.php
@@ -0,0 +1,1146 @@
+<style>
+    .readonly-select {
+        pointer-events: none;
+        background-color: #e0e0e0;
+        color: #666;
+    }
+
+    .info-icon {
+        color: #007bff;
+        font-size: 15px;
+        transition: 0.3s ease;
+        cursor: pointer;
+    }
+
+    .info-icon:hover {
+        color: #0056b3;
+        font-size: 24px;
+    }
+
+    .label-font-size{
+        font-size:0.875rem;
+    }
+
+</style>
+
+<div class="row">
+    <div class="col-12">
+        <div class="<?= !isset($ticket_data) ? "card" : "" ?>" style="margin-right: 23px;">
+            <div class="card-body">
+                <?php if (!isset($ticket_data)) { ?>
+                    <!-- Header Section -->
+                    <div class="row mb-3">
+                        <div class="col-6 d-flex align-items-center">
+                            <h4 class="mb-0"> Motor </h4>
+                        </div>
+                        <div class="col-6 text-right">
+                            <a href="<?= base_url('ticket/list'); ?>" aria-label="Back to ticket list">
+                                <i class="mdi mdi-arrow-left" style="font-size: 17px;"></i>
+                            </a>
+                        </div>
+                    </div>
+                <?php } ?>
+                <form role="form" class="parsley-examples" method="post" id="ticket_form_data" onsubmit="submitClaimForm(event, this)"
+                    enctype="multipart/form-data">
+
+                    <input type="hidden" id="ticket_master_id" name="ticket_master_id" value="8">
+                    <input type="hidden" id="is_head_approved" name="is_head_approved" value="<?= isset($ticket_data['is_head_approved']) ? $ticket_data['is_head_approved'] : '' ?>">
+                    <input type="hidden" id="extra_fields_array_for_validate" name="extra_fields_array_for_validate" value='<?= isset($extra_fields_array_for_validate) && !empty($extra_fields_array_for_validate) ? json_encode($extra_fields_array_for_validate) : "[]" ?>'>
+
+                    <div class="form-group">
+                        <hr>
+                        <!-- first_data_points -->
+                        <div class="form-row">
+
+                            <!-- <div class="form-group col-md-3">
+                                <label class="label-font-size" for="emp_code">Employee ID <span class="text-danger">*</span> &nbsp; &nbsp; <i class="mdi mdi-magnify text-danger"
+                                        aria-hidden="true" onclick="openFetchEmpDataodal(this)"></i> <span class="text-danger"></span></label>
+                                <input type="text" class="form-control" id="emp_code" placeholder="Enter Employee ID"
+                                    value="<?= isset($ticket_data['emp_code']) ? $ticket_data['emp_code'] : '' ?>"
+                                    name="emp_code" required>
+                            </div> -->
+
+                            <!-- <div class="form-group col-md-3">
+                                <label class="label-font-size" for="emp_name">Employee Name <span class="text-danger">*</span></label>
+                                <input type=hidden id="emp_id" name="emp_id" value="<?= isset($ticket_data['emp_id']) ? $ticket_data['emp_id'] : '' ?>">
+                                <input type="text" class="form-control" id="emp_name" placeholder="Enter Employee Name"
+                                    value="<?= isset($ticket_data['emp_name']) ? $ticket_data['emp_name'] : '' ?>"
+                                    name="emp_name" required>
+                            </div> -->
+
+                            <div class="form-group col-md-3">
+                                <label class="label-font-size" for="client_name">Client Name <span class="text-danger">*</span></label>
+                                        <select class="form-control" id="client_name" name="client_name" required onchange="fetchotherdetails(this,1)">
+                                            <option value="0">Select Client</option>
+                                            <?php
+                                            if (isset($client_for_motor) && count($client_for_motor)) {
+                                                foreach ($client_for_motor as $value) {
+                                                    $selected = (isset($ticket_data) && $ticket_data['client_name'] == $value['name']) ? 'selected' : '';
+                                                    echo '<option data-cid="'.$value['id'].'" data-cname="'.$value['client_name'].'" value="'.$value['client_name'].'" '.$selected.'>'.$value['client_name'].'</option>';
+                                                }
+                                            }
+                                            ?> 
+                                        </select>
+
+                                        <input type="hidden" id="client_id" name="client_id" value="<?= isset($ticket_data['client_id']) ? $ticket_data['client_id'] : '' ?>">
+                                        <input type="hidden" id="emp_id" name="emp_id" value="<?= isset($ticket_data['emp_id']) ? $ticket_data['emp_id'] : '' ?>">
+                                        <input type="hidden" id="emp_name" name="emp_name" value="<?= isset($ticket_data['emp_name']) ? $ticket_data['emp_name'] : '' ?>">
+
+                            </div>
+
+                            <div class="form-group col-md-3">
+                                <label class="label-font-size" for="vehicle">Vehicle <span class="text-danger">*</span></label>
+                                       <select class="form-control" id="vehicle" name="vehicle" required>
+                                        <option value="0">Select Vehicle Number</option>
+                                       </select>
+                            </div>
+
+                            <div class="col-md-3">
+                                <div class="form-group">
+                                    <label class="label-font-size">Policy <span class="text-danger">*</span></label>
+                                    <select id="emp_client_policy" name="client_policy_id" onchange="fetchotherdetails(this,2)">
+                                            <option value="" data-policynumber="" data-insuredname="" >Select Policy Number</option>
+                                    </select>
+                                </div>
+                            </div>
+
+                            <div class="form-group col-md-3">
+                                <label class="label-font-size" for="insurer_name">Insurer </label>
+                                <input type=hidden id="insurer_id" name="insurer_id" value="<?= isset($ticket_data['insurer_id']) ? $ticket_data['insurer_id'] : '' ?>">
+                                <input type=text class="form-control" id="insurer_name" placeholder="Insurer" value="<?= isset($ticket_data['insurer_name']) ? $ticket_data['insurer_name'] : '' ?>" readonly>
+                            </div>
+
+                            <div class="form-group col-md-3">
+                                <label class="label-font-size" for="emp_mobile"> Mobile No </label>
+                                <input type="text" class="form-control" id="emp_mobile" placeholder="Enter EMP Mobile"
+                                    value="<?= isset($ticket_data['emp_mobile']) ? $ticket_data['emp_mobile'] : '' ?>"
+                                    name="emp_mobile" readonly>
+                            </div>
+
+                            <div class="form-group col-md-3">
+                                <label class="label-font-size" for="emp_mail"> Mail ID </label>
+                                <input type="text" class="form-control" id="emp_mail" placeholder="Enter EMP Mail"
+                                    value="<?= isset($ticket_data['emp_mail']) ? $ticket_data['emp_mail'] : '' ?>"
+                                    name="emp_mail" readonly>
+                            </div>
+
+                            <!-- <div class="form-group col-md-3">
+                                <label class="label-font-size" for="emp_personal_mail">Employee Personal Mail ID</label>
+                                <input type="text" class="form-control" id="emp_personal_mail" placeholder="Enter EMP Personal Mail"
+                                    value="<?= isset($ticket_data['emp_personal_mail']) ? $ticket_data['emp_personal_mail'] : '' ?>"
+                                    name="emp_personal_mail">
+                            </div> -->
+
+                            <div class="form-group col-md-3">
+                                <label class="label-font-size" for="policy_no">Policy No </label>
+                                <input type="text" class="form-control" id="policy_no" placeholder="Enter Policy Number"
+                                    value="<?= isset($ticket_data['policy_no']) ? $ticket_data['policy_no'] : '' ?>"
+                                    name="policy_no" readonly>
+                            </div>
+
+                            
+                            <input type="hidden" id="empIDHidden" onchange="getClientPolicy()">
+
+                            
+
+                            <!-- <div class="form-group col-md-3">
+                                <label class="label-font-size" for="acm_id">Account Manager <span class="text-danger">*</span></label>
+                                <select class="form-control" id="acm_id" name="acm_id" required>
+                                    <option value="0">Select Account Manager</option>
+                                    <?php
+                                    if (isset($acms) && count($acms)) {
+                                        foreach ($acms as $key => $value) {
+                                            $selected = (isset($ticket_data) && $ticket_data['acm_id'] == $value['id']) ? 'selected' : '';
+                                            echo "<option value=" . $value['id'] . " $selected>" . $value['first_name'] . "</option>";
+                                        }
+                                    }
+                                    ?> 
+                                </select>
+                            </div> -->
+
+                        </div>
+                        <!-- end first_data_points -->
+
+                        <br><br>
+                        <h5>Claim Details <span><i id="infoIcon" class="mdi mdi-information-outline info-icon" title="Click for more details"></i></span></h5>
+                        <hr>
+
+                        <!-- second_data_points -->
+                        <div class="form-row">
+                            <div class="form-group col-md-3">
+                                <label class="label-font-size" for="ticket_type_id"> Policy Type <span class="text-danger"></span></label>
+                                <select class="form-control readonly-select" id="ticket_type_id" name="ticket_type_id" readonly>
+                                    <?php
+                                    if (isset($ticket_type) && count($ticket_type)) {
+                                        foreach ($ticket_type as $key => $value) {
+                                            if ($key == 8) {
+                                                $selected = (isset($ticket_data) && $ticket_data['ticket_type_id'] == $key) ? 'selected' : ((isset($selected_ticket_type) && $selected_ticket_type == $key) ? 'selected' : '');
+                                                echo "<option value='" . $key . "' $selected>" . $value . "</option>";
+                                            }
+                                        }
+                                    }
+                                    ?>
+                                </select>
+                            </div>
+
+                            <div class="form-group col-md-3">
+                                <label class="label-font-size" for="claim_status">Status <span class="text-danger">*</span></label>
+                                <select class="form-control" id="claim_status_id" name="claim_status_id" required>
+                                        <option value="1" <?= (isset($ticket_data) && $ticket_data['claim_status_id'] == 1 ? 'selected' : '') ?>>Open</option>
+                                        <option value="2" <?= (isset($ticket_data) && $ticket_data['claim_status_id'] == 2 ? 'selected' : '') ?>>Inprogress</option>
+                                        <option value="3" <?= (isset($ticket_data) && $ticket_data['claim_status_id'] == 3 ? 'selected' : '') ?>>Rejected</option>
+                                        <option value="4" <?= (isset($ticket_data) && $ticket_data['claim_status_id'] == 4 ? 'selected' : '') ?>>Closed</option>
+
+                                    <!-- because - in ticket_claim_status table no ticket type 8 in to him-->
+                                    <!-- <option value="0">Select status</option> -->
+                                    <!-- <?php
+                                    if (isset($claim_status) && count($claim_status)) {
+                                        foreach ($claim_status as $key => $value) {
+                                            $selected = (isset($ticket_data) && $ticket_data['claim_status_id'] == $value['id']) ? 'selected' : '';
+                                            echo "<option value=" . $value['id'] . " $selected>" . $value['claim_status'] . "</option>";
+                                        }
+                                    }
+                                    ?> -->
+                                </select>
+                            </div>
+
+                            <!-- <div class="form-group col-md-3">
+                                <label class="label-font-size" for="claim_type"> Claim Type <span class="text-danger">*</span></label>
+                                <select class="form-control" id="claim_type" name="claim_type" required>
+                                    !-- <option value="0">Select claim Type</option> --
+                                    <?php
+                                    if (isset($claim_type) && count($claim_type)) {
+                                        foreach ($claim_type as $key => $value) {
+                                            $selected = (isset($ticket_data) && $ticket_data['claim_type'] == $key) ? 'selected' : '';
+                                            echo "<option value='" . $key . "' $selected>" . $value . "</option>";
+                                        }
+                                    }
+                                    ?>
+                                </select>
+                            </div> -->
+
+                            <!-- <div class="form-group col-md-3">
+                                <label class="label-font-size" for="date_of_join">Date of joining<span class="text-danger"></span></label>
+                                <input type="text" class="form-control" id="date_of_join"
+                                    placeholder="Enter Joining Date"
+                                    value="<?= isset($ticket_data['date_of_join']) ? $ticket_data['date_of_join'] : '' ?>"
+                                    name="date_of_join">
+                            </div> -->
+
+                            <!-- <div class="form-group col-md-3">
+                                <label class="label-font-size" for="date_of_incep">Date of Inception<span class="text-danger"></span></label>
+                                <input type="text" class="form-control" id="date_of_incep"
+                                    placeholder="Enter Inception Date"
+                                    value="<?= isset($ticket_data['date_of_incep']) ? $ticket_data['date_of_incep'] : '' ?>"
+                                    name="date_of_incep">
+                            </div> -->
+
+                            <!-- <div class="form-group col-md-3">
+                                <label class="label-font-size" for="dob">Date of Birth <span class="text-danger">*</span></label>
+                                <input type="text" class="form-control" id="dob" placeholder="Enter Birth Date"
+                                    value="<?= isset($ticket_data['dob']) ? $ticket_data['dob'] : '' ?>" name="dob" required>
+                            </div> -->
+
+                            <!-- <div class="form-group col-md-3">
+                                <label class="label-font-size" for="date_of_accident">Date of Accident <span class="text-danger"></span></label>
+                                <input type="text" class="form-control" id="date_of_accident"
+                                    placeholder="Enter Accident Date"
+                                    value="<?= isset($ticket_data['date_of_accident']) ? $ticket_data['date_of_accident'] : '' ?>"
+                                    name="date_of_accident">
+                            </div> -->
+
+                            <!-- <div class="form-group col-md-3">
+                                <label class="label-font-size" for="date_of_death">Date of Death <span class="text-danger"></span></label>
+                                <input type="date_of_death" class="form-control" id="date_of_death"
+                                    placeholder="Enter Death Date"
+                                    value="<?= isset($ticket_data['date_of_death']) ? $ticket_data['date_of_death'] : '' ?>"
+                                    name="date_of_death">
+                            </div> -->
+
+                            <!-- <div class="form-group col-md-3">
+                                <label class="label-font-size" for="date_of_intimat">Date of Intimation <span class="text-danger">*</span></label>
+                                <input type="text" class="form-control" id="date_of_intimat"
+                                    placeholder="Enter Intimation Date"
+                                    value="<?= isset($ticket_data['date_of_intimat']) ? $ticket_data['date_of_intimat'] : '' ?>"
+                                    name="date_of_intimat" required>
+                            </div> -->
+
+                            <!-- <div class="form-group col-md-3">
+                                <label class="label-font-size" for="si_amt">Sum insured <span class="text-danger">*</span></label>
+                                <input type="text" class="form-control" id="si_amt" placeholder="Enter SI"
+                                    value="<?= isset($ticket_data['si_amt']) ? $ticket_data['si_amt'] : '' ?>"
+                                    name="si_amt" required>
+                            </div> -->
+                        </div>
+                        <!-- end second_data_points -->
+
+                        <!-- <br><br>
+                        <h5>Additional Details</h5>
+                        <hr> -->
+
+                        <!-- third_data_points -->
+                        <!-- <div class="form-row approved" style="display: none;">
+
+                            <div class="form-group col-md-3 approved" style="display: none;">
+                                <label class="label-font-size" for="approved_amount">Approved Amount</label>
+                                <input type="text" class="form-control" id="approved_amount" placeholder="Enter Approved Amount"
+                                    value="<?= isset($ticket_data['approved_amount']) ? $ticket_data['approved_amount'] : '' ?>" name="approved_amount">
+                            </div>
+
+                            <div class="form-group col-md-3 approved" style="display: none;">
+                                <label class="label-font-size" for="approved_date">Approved Date</label>
+                                <input type="text" class="form-control datepicker" id="approved_date" placeholder="Select Approved Date"
+                                    value="<?= isset($ticket_data['approved_date']) ? $ticket_data['approved_date'] : '' ?>" name="approved_date">
+                            </div>
+
+                            <div class="form-group col-md-6 approved" style="display: none;">
+                                <label class="label-font-size" for="approved_letter">Approved Letter</label>
+                                <input type="text" class="form-control" id="approved_letter" placeholder="Enter Approved Letter"
+                                    value="<?= isset($ticket_data['approved_letter']) ? $ticket_data['approved_letter'] : '' ?>" name="approved_letter">
+                            </div>
+
+                            <div class="form-group col-md-6 approved" style="display: none;">
+                                <label class="label-font-size" for="approved_description">Approved Description</label>
+                                <input type="text" class="form-control" id="approved_description" placeholder="Enter Approved Description"
+                                    value="<?= isset($ticket_data['approved_description']) ? $ticket_data['approved_description'] : '' ?>" name="approved_description">
+                            </div>
+
+                            <div class="form-group col-md-3 settled" style="display: none;">
+                                <label class="label-font-size" for="utr_details">UTR Details</label>
+                                <input type="text" class="form-control" id="utr_details" placeholder="Enter UTR Details"
+                                    value="<?= isset($ticket_data['utr_details']) ? $ticket_data['utr_details'] : '' ?>" name="utr_details">
+                            </div>
+
+                            <div class="form-group col-md-3 settled" style="display: none;">
+                                <label class="label-font-size" for="settled_date">Settled Date</label>
+                                <input type="text" class="form-control datepicker" id="settled_date" placeholder="Select Settled Date"
+                                    value="<?= isset($ticket_data['settled_date']) ? $ticket_data['settled_date'] : '' ?>" name="settled_date">
+                            </div>
+
+                            <div class="form-group col-md-6 settled" style="display: none;">
+                                <label class="label-font-size" for="settle_letter">Settle Letter</label>
+                                <input type="text" class="form-control" id="settle_letter" placeholder="Enter Settle Letter"
+                                    value="<?= isset($ticket_data['settle_letter']) ? $ticket_data['settle_letter'] : '' ?>" name="settle_letter">
+                            </div>
+
+                            <div class="form-group col-md-3 canceled" style="display: none;">
+                                <label class="label-font-size" for="cancel_remark">Cancel Remark</label>
+                                <textarea class="form-control" id="cancel_remark" rows="1" placeholder="Enter Cancel Remark" name="cancel_remark"><?= isset($ticket_data['cancel_remark']) ? $ticket_data['cancel_remark'] : '' ?></textarea>
+                            </div>
+
+                            <div class="form-group col-md-3 returned" style="display: none;">
+                                <label class="label-font-size" for="return_remark">Return Remark</label>
+                                <textarea class="form-control" id="return_remark" rows="1" placeholder="Enter Return Remark" name="return_remark"><?= isset($ticket_data['return_remark']) ? $ticket_data['return_remark'] : '' ?></textarea>
+                            </div>
+
+                            <div class="form-group col-md-6 returned" style="display: none;">
+                                <label class="label-font-size" for="awb_no_courier_name">AWB No with Courier Name</label>
+                                <input type="text" class="form-control" id="awb_no_courier_name" placeholder="eg : 0001/ST Courier"
+                                    value="<?= isset($ticket_data['awb_no_courier_name']) ? $ticket_data['awb_no_courier_name'] : '' ?>" name="awb_no_courier_name">
+                            </div>
+
+
+                        </div> -->
+                        <!-- end third_data_points -->
+
+                    </div>
+                    <div class="form-group col-md-12 text-right m-b-0" style="margin-top: 29px;">
+                        <button type="submit" class="btn btn-primary waves-effect waves-light mr-1"
+                            id="btnSubmit">Submit</button>
+                        <?php if (get_role_id() == 5 && isset($ticket_data) && in_array($ticket_data['claim_status_id'], [23, 33, 43])) { ?>
+                            <a class="btn btn-secondary waves-effect waves-light mr-1" onclick="showConfirmationModal(event)">Rejected Approve</a>
+                        <?php } ?>
+                    </div>
+            </div>
+            </form>
+        </div>
+    </div>
+</div>
+
+<!-- Info Modal -->
+<div class="modal fade" id="moreInfoModal" tabindex="-1" role="dialog" aria-labelledby="fullWidthModalLabel" aria-hidden="true">
+    <div class="modal-dialog modal-xl" role="document">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h4 class="modal-title" id="fullWidthModalLabel">More Information</h4>
+                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                    <span aria-hidden="true">&times;</span>
+                </button>
+            </div>
+            <div class="modal-body">
+                <div id="dynamicDivFillInfo"></div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<script>
+    let GlobelExtraFields = [];
+
+    var date_of_join;
+    var dob;
+    var date_of_accident;
+    var date_of_death;
+    var date_of_intimat;
+
+
+    $(document).ready(function() {
+
+        $("#emp_client_policy").select2();
+        $("#client_name").select2();
+        date_of_join = flatpickr("#date_of_join", {
+            dateFormat: "d/m/Y",
+            maxDate: "today",
+            allowInput: false
+        });
+
+        dob = flatpickr("#dob", {
+            dateFormat: "d/m/Y",
+            maxDate: "today",
+            allowInput: false
+        });
+
+        var date_of_incep = flatpickr("#date_of_incep", {
+            dateFormat: "d/m/Y",
+            maxDate: "today",
+            allowInput: false
+        });
+
+        date_of_accident = flatpickr("#date_of_accident", {
+            dateFormat: "d/m/Y",
+            maxDate: "today",
+            allowInput: false,
+            onChange: function(selectedDates) {
+                let selectedDOA = selectedDates[0]; // Get selected DOA date
+                date_of_death.set("minDate", selectedDOA); // Set DOD minDate to DOA
+                date_of_intimat.set("minDate",selectedDOA);
+            }
+        });
+
+        date_of_death = flatpickr("#date_of_death", {
+            dateFormat: "d/m/Y",
+            maxDate: "today",
+            allowInput: false
+        });
+
+        date_of_intimat = flatpickr("#date_of_intimat", {
+            dateFormat: "d/m/Y",
+            maxDate: "today",
+            allowInput: false
+        });
+
+        flatpickr("#approved_date", {
+            dateFormat: "d/m/Y",
+            maxDate: "today",
+            allowInput: false
+        });
+        flatpickr("#settled_date", {
+            dateFormat: "d/m/Y",
+            maxDate: "today",
+            allowInput: false
+        });
+
+        // updateClaimStatusDisplay("<?= isset($ticket_data['claim_status_id']) ? $ticket_data['claim_status_id'] : 0 ?>")
+        var extraFields = <?= json_encode(isset($extra_fields) ? $extra_fields : []); ?>;
+        GlobelExtraFields = extraFields;
+        console.log("extraFields", extraFields);
+        claimStatusFieldChanges(extraFields);
+
+
+    })
+
+    function updateClaimStatusDisplay(value) {
+
+        console.log('value', value);
+
+        // Hide all sections first
+        $('.settled, .approved, .canceled, .returned').hide();
+
+        // Show relevant section based on value
+        if (value == 20 || value == 30 || value == 40) { // APPROVED
+            $('.approved').show();
+        } else if (value == 24 || value == 34 || value == 44) { // SETTLED
+            $('.settled').show();
+        } else if (value == 47 || value == 53 || value == 58) { // CANCELLED
+            $('.canceled').show();
+        } else if (value == 48 || value == 54 || value == 59) { // RETURNED
+            $('.returned').show();
+        }
+
+        $field = $('#approved_description')
+        $field.prop('required', false);
+        var $parentDiv = $field.closest("div");
+        $parentDiv.find("label[for='approved_description'] .text-danger").remove();
+
+    }
+
+    $('#claim_status_id').on('change', function() {
+        updateClaimStatusDisplay($(this).val());
+    });
+
+    function claimStatusFieldChanges(fields) {
+        console.log('fields', fields);
+        fields.forEach(function(fieldId) {
+            var $field = $("#" + fieldId);
+
+            if ($field.length) {
+                // $field.prop('required', true);
+
+                var $parentDiv = $field.closest("div");
+                $parentDiv.show();
+
+                var $label = $parentDiv.find("label[for='" + fieldId + "']");
+                if ($label.length && !$label.find(".text-danger").length) {
+                    // $label.append(' <span class="text-danger">*</span>');
+                }
+            }
+        });
+    }
+
+    function claimStatusFieldRemoveREquired(fields, remove_or_add, thirdClass) {
+
+        console.log('--------------------------- claimStatusFieldRemoveREquired ---------------------------');
+        console.log('fields', fields);
+        console.log('remove_or_add', remove_or_add);
+
+        fields.forEach(function(fieldId) {
+            var $field = $("#" + fieldId);
+
+            if ($field.length) {
+                $field.prop('required', remove_or_add);
+                var $parentDiv = $field.closest("div");
+                console.log('parentDiv', $parentDiv);
+                var $label = $parentDiv.find("label[for='" + fieldId + "']");
+                // if(remove_or_add == false){
+                //     $parentDiv.find("label[for='" + fieldId + "'] .text-danger").remove();
+                //     console.log('one', remove_or_add);
+                // }else{
+                //     if ($label.length && !$label.find(".text-danger").length) {
+                //         $label.append(' <span class="text-danger">*</span>');
+                //     }
+                // }
+
+            }
+        });
+
+        // $('.'+thirdClass).find('input, textarea').attr('required', true);
+        let extrafieldsArray = $('#extra_fields_array_for_validate').val();
+        try {
+            extrafieldsArray = JSON.parse(extrafieldsArray); // Convert string to object
+        } catch (error) {
+            console.error("Invalid JSON format in extra_fields_array_for_validate:", error);
+            return;
+        }
+
+        var selectedClaimStatus = $('#claim_status_id').val();
+        var $thirdClass = $(`.${thirdClass}`);
+        var hasValue = $thirdClass.find('input, textarea, select').filter(function() {
+            return $(this).val().trim() !== ''; // Check if at least one field is not empty
+        }).length > 0;
+        console.log("has value ", hasValue);
+        $thirdClass.each(function() {
+            var id = $(this).find('[id]').first().attr('id');
+            var $label = $(this).find('label');
+            var $thisDiv = $(this);
+            var $inputs = $thisDiv.find('input, textarea, select');
+
+
+            // ✅ Condition 1: Check if this ID is in extraFieldsArray (required by status)
+            var shouldAddRequired = extrafieldsArray[selectedClaimStatus] && extrafieldsArray[selectedClaimStatus].includes(id);
+            console.log("shouldAddRequired ", shouldAddRequired);
+
+            // ✅ Condition 2: If any field in the class has a value, make all required
+            if (shouldAddRequired || hasValue) {
+                if ($label.length && !$label.find('.text-danger').length) {
+                    $label.append(' <span class="text-danger">*</span>');
+                }
+                // console.log("input from if ", $inputs);
+                // $inputs.attr('required', true);
+                $('.' + thirdClass).find('input, textarea,select').attr('required', true);
+                console.log(`class ${thirdClass} added required label and added required field`);
+            } else {
+                $label.find('.text-danger').remove();
+                console.log("input ", $inputs);
+                // $inputs.prop('required', false);
+                $('.' + thirdClass).find('input, textarea,select').attr('required', false);
+                console.log(`class ${thirdClass} removed required label and removed required field`);
+            }
+        });
+
+
+    }
+
+    $(document).on("input", function(event) {
+
+        let fields = GlobelExtraFields;
+        console.log('fields', fields);
+        let targetId = event.target.id;
+        console.log('targetId', targetId);
+        console.log('fields.includes(targetId)', fields.includes(targetId));
+
+        if (fields.includes(targetId)) {
+
+            let $field = $("#" + targetId);
+            console.log('$field id', $field);
+            let $parentDiv = $field.closest("div");
+            console.log('$parentDiv', $parentDiv);
+            // addRequiredFieldSymbol(targetId);
+            if ($parentDiv.length) {
+                let thirdClass = $parentDiv.attr("class").split(" ")[2] || "";
+                // addRequiredFieldSymbolByClass(thirdClass);
+                console.log('thirdClass', thirdClass);
+
+                if (thirdClass) {
+                    claimStatusFieldRemoveREquired(fields, false, thirdClass);
+                    let $label = $(thirdClass).find("label");
+                    if ($label.length && !$label.find(".text-danger").length) {
+                        $label.append(' <span class="text-danger">*</span>');
+                    }
+                } else {
+                    claimStatusFieldRemoveREquired($field, false, '');
+                }
+            }
+        }
+
+        $field = $('#approved_description')
+        $field.prop('required', false);
+        var $parentDiv = $field.closest("div");
+        $parentDiv.find("label[for='approved_description'] .text-danger").remove();
+        
+    });
+    // function addRequiredFieldSymbol(field_name) {
+    //     // Find the field with the given name
+    //     var $field = $(`[name="${field_name}"]`);
+
+    //     if ($field.length) {
+    //         // Find the parent div of this field
+    //         var $parentDiv = $field.closest('div');
+
+    //         if ($parentDiv.length) {
+    //             // Get the classes as an array
+    //             var classes = $parentDiv.attr('class') ? $parentDiv.attr('class').split(/\s+/) : [];
+
+    //             if (classes.length > 0) {
+    //                 // Get the last class in the array
+    //                 var lastClass = classes[classes.length - 1];
+
+    //                 // Find all divs with this last class
+    //                 var $allDivsWithClass = $(`.${lastClass}`);
+
+    //                 // Add asterisk to all labels within these divs
+    //                 $allDivsWithClass.each(function() {
+    //                     var $label = $(this).find('label');
+    //                     if ($label.length && !$label.find('.text-danger').length) {
+    //                         $label.append(' <span class="text-danger">*</span>');
+    //                     }
+    //                 });
+
+    //                 console.log(`Added required symbol to ${$allDivsWithClass.length} labels with class "${lastClass}"`);
+    //             } else {
+    //                 console.warn(`Parent div for field "${field_name}" has no classes`);
+    //             }
+    //         } else {
+    //             console.warn(`No parent div found for field name="${field_name}"`);
+    //         }
+    //     } else {
+    //         console.warn(`No field found with name="${field_name}"`);
+    //     }
+    // }
+    // function addRequiredFieldSymbolByClass(className) {
+    //     // Find all divs with the specified class
+    //     var $divsWithClass = $(`.${className}`);
+
+    //     if ($divsWithClass.length) {
+    //         // Add asterisk to all labels within these divs
+    //         $divsWithClass.each(function() {
+    //             var $label = $(this).find('label');
+    //             if ($label.length && !$label.find('.text-danger').length) {
+    //                 $label.append(' <span class="text-danger">*</span>');
+    //             }
+    //         });
+
+    //         console.log(`Added required symbol to ${$divsWithClass.length} labels with class "${className}"`);
+    //     } else {
+    //         console.warn(`No divs found with class="${className}"`);
+    //     }
+    // }
+
+    $("#empIDHidden").change(function() {
+        console.log("change is detected in hidden branch id");
+        getClientPolicy();
+    })
+
+    var employeeId = "";
+
+    function getClientPolicy() {
+        console.log("get policy function called");
+        hiddenData = $("#empIDHidden").val();
+        hiddenData = JSON.parse(hiddenData);
+        console.log('employee id ', hiddenData['emp_id']);
+        employeeId = hiddenData['emp_id'];
+        data = {
+            emp_id: hiddenData['emp_id']
+        }
+        $.ajax({
+            url: '<?= base_url("/ticket/getPoliciesbyEmpID") ?>',
+            type: "POST",
+            data: data,
+            dataType: 'json',
+            success: function(res) {
+
+                console.log('getClientAndBranchAndPolicy', res);
+                if (res.status == true) {
+                    console.log("data is received2");
+                    policyList = res.policy_data;
+                    // appendClients(res.client_data);
+                    // appendClientsFoerMobileSearch(res.client_data);
+                    appendPolicyDropdown(policyList);
+                    console.log("after function");
+                } else {
+                    console.log('No data found');
+                }
+
+            },
+            error: function(xhr, status, error) {
+                console.error(xhr.responseText);
+                console.error(status, error);
+            }
+        });
+    }
+
+    function appendPolicyDropdown(data) {
+
+        // var ticket_type = $('#ticket_type').val();
+        hiddenData = $("#empIDHidden").val();
+        hiddenData = JSON.parse(hiddenData);
+
+        console.log("second function is called : ", data);
+        let ticket_type = $('#ticket_type_id').val();
+        $('#emp_client_policy').empty();
+        $('#emp_client_policy').append($('<option>', {
+            value: '',
+            text: 'Select Client Policy'
+        }));
+
+        var policyAppendCount = 0;
+        console.log("got data from backend ",data);
+        let policyCount = 1;
+        $.each(data, function(index, item) {
+            // console.log("item len",item.length);
+
+            if (ticket_type != 1 && item.policy_type_id != 2) {
+                $('#emp_client_policy').append($('<option>', {
+                    value: item.client_policy_value,
+                    text: item.client_policy_name,
+                    'data-insurerid' : item.insurer_id ?? "",
+                    'data-tpaid' : item.tpa_id ?? "",
+                    'data-insurername' : item.insurer_name ?? "",
+                    'data-tpaname' : item.tpa_name ?? "",
+                }));
+                console.log("policy count from loop","");
+                $("#policy_no").val("");
+                if (policyCount == 1){
+                    console.log("policy count from if",item.policy_no);
+                    $("#policy_no").val(item.policy_no);
+                }else{
+                    console.log("policy count from greter if ","");
+                    $("#policy_no").val("");
+                }
+                policyCount++;
+                policyAppendCount++;
+                if (hiddenData['searchType'] != null && hiddenData['searchType'] != "" && hiddenData['policy_id'] != null && hiddenData['policy_id'] != "") {
+                    // $('#emp_client_policy').select2();
+                    $("#emp_client_policy").select2();
+                    $('#emp_client_policy').val(hiddenData['policy_id']).addClass('readonly-select').select2('destroy').trigger("change");
+                } else {
+                    // $('#emp_client_policy').append($('<option>', {
+                    //     value: item.client_policy_value,
+                    //     text: item.client_policy_name
+                    // }));
+                }
+            }
+        })
+
+        if (policyAppendCount == 0) {
+            toastr.warning("No Policies found for the Employee", "Warning");
+        }
+    }
+    // $('#emp_client_policy').select2();
+    $("#emp_client_policy").on('change', function() {
+        console.log("change function called ");
+        policy_id = $("#emp_client_policy").val();    
+        // setMinDateDOA(policy_id);
+        setDateValidation(policy_id, true);
+    })
+
+    function setPolicyNo(){
+        var policy_name = $("#emp_client_policy option:selected").text();
+        var policy_no = policy_name.split("-")[1];
+        $("#policy_no").val(policy_no);
+        console.log("after text split",policy_no);
+    }
+
+    function setDateValidation(policy_id, memberset = null) {
+        setPolicyNo();
+        $.ajax({
+            url: '<?= base_url("ticket/getPolicyStartDate") ?>',
+            method: "POST",
+            data: {
+                policy_id: policy_id,
+                employeeId: employeeId ?? null
+            },
+            success: function(response) {
+                console.log(response);
+                if (response.status) {
+                    if (memberset) {
+                        var dateOfInception = response.empData[0].date_of_inception;
+                        var dobValue = response.empData[0].dob;
+                        var doj = response.empData[0].doj;
+                        var basicCoverSI = response.empData[0].basic_cover_si
+                        console.log('data received fro controller ', dob, doj);
+                        if (dobValue) {
+                            $("#dob").val(dobValue);
+                            $("#dob").addClass('readonly-select');
+                        }
+                        if (dateOfInception){
+                            $("#date_of_incep").val(dateOfInception);
+                            $("#date_of_incep").addClass('readonly-select');
+                        }
+                        if (doj) {
+                            $("#date_of_join").val(doj);
+                            $("#date_of_join").addClass('readonly-select');
+                        }
+
+                        $("#si_amt").val(basicCoverSI);
+                        $("#si_amt").addClass('readonly-select');
+                       
+                    }else{
+                        if ($("#dob").hasClass('readonly-select')){
+                            $("#dob").removeClass('readonly-select')
+                            $("#dob").val("");
+                        }
+                        if ($("#date_of_join").hasClass('readonly-select')){
+                            $("#date_of_join").removeClass('readonly-select')
+                            $("#date_of_join").val("");
+                        }
+
+                    }
+
+                    if (response.minDate) {
+                        // var formatMinDate = response.minDate;
+                        var formatMinDate = new Date(response.minDate);
+                        date_of_accident.set("minDate", formatMinDate)
+                        date_of_death.set("minDate", formatMinDate)
+                        date_of_intimat.set("minDate", formatMinDate)
+                    }
+
+
+                } else {
+                    console.error(response.message);
+                }
+
+            }
+        });
+    }
+
+    function fetchotherdetails(input,flag){
+        let selectedOption = $(input).find('option:selected');
+        if(flag == "1"){
+            
+            let id = selectedOption.data('cid');
+            let name = selectedOption.data('cname');
+            
+            $('#client_id').val(id);   
+            $('#emp_id').val(id);      
+            $('#emp_name').val(name);  
+
+            fetchVehiclePolicy(id);
+        }else if(flag == "2"){ 
+            let policyId = selectedOption.val();
+            let insuredName = selectedOption.data('insuredname');
+            let policyNumber = selectedOption.data('policynumber');
+
+                    $('#insurer_id').val(policyId);   
+                    $('#policy_no').val(policyNumber);  
+                    if (policyNumber && policyNumber.trim() !== "") {
+                        $("#policy_no").val(policyNumber).prop("readonly", true).prop("required", false);
+                        $('label[for="policy_no"]').html('Policy No');
+                    } else {
+                        $("#policy_no").val("").prop("readonly", false).prop("required", true);
+                        $('label[for="policy_no"]').html('Policy No <span class="text-danger">*</span>');
+                    }
+                    
+
+                    $('#insurer_name').val(policyNumber); 
+                    
+                    if (policyNumber && policyNumber.trim() !== "") {
+                        $("#insurer_name").val(policyNumber).prop("readonly", true).prop("required", false);
+                        $('label[for="insurer_name"]').html('Insurer');
+                    } else {
+                        $("#insurer_name").val("").prop("readonly", false).prop("required", true);
+                        $('label[for="insurer_name"]').html('Insurer <span class="text-danger">*</span>');
+                    }
+                    
+            
+            
+        }
+
+    }
+
+    function fetchVehiclePolicy(id) {
+            $.ajax({
+                url: '<?php echo base_url('ticket/fetchVehiclePolicy/');?>' + id,
+                method: "GET",
+                success: function (res) {
+                    console.log(res);
+
+                    // Vehicle dropdown
+                    let $vehicleSelect = $('#vehicle');
+                    $vehicleSelect.empty();
+                    $vehicleSelect.append('<option value="0">Select vehicle</option>');
+
+$.each(res.data.vehicle_list, function(index, item) {
+    $vehicleSelect.append('<option value="'+ item.id +'">'+ item.vehicle_no +'</option>');
+});
+
+                    if ($vehicleSelect.hasClass("select2-hidden-accessible")) {
+                        $vehicleSelect.trigger('change.select2');
+                    } else {
+                        $vehicleSelect.select2();
+                    }
+
+                    // Policy dropdown
+                    let $policySelect = $('#emp_client_policy'); // match your real ID
+                    $policySelect.empty();
+                    $policySelect.append('<option value="0">Select policy</option>');
+
+                    $.each(res.data.partner_policy_list, function(index, item) {
+                        $policySelect.append(
+                            '<option value="'+ item.id +'" data-policynumber="'+ item.policy_number +'" data-insuredname="'+ item.insuredname +'">'+ item.policy_number +'</option>'
+                        );
+                    });
+
+                    if ($policySelect.hasClass("select2-hidden-accessible")) {
+                        $policySelect.trigger('change.select2');
+                    } else {
+                        $policySelect.select2();
+                    }
+
+
+                    // Email & Mobile
+                    //  "email": "sdfghj@dfghj.com",
+                    //  "phone": "8855663366"
+                    if (res.data.email && res.data.email.trim() !== "") {
+                        // Case: Email exists
+                        $("#emp_mail").val(res.data.email).prop("readonly", true).prop("required", false);
+                        $('label[for="emp_mail"]').html('Mail ID');
+                    } else {
+                        // Case: Email missing
+                        $("#emp_mail").val("").prop("readonly", false).prop("required", true);
+                        $('label[for="emp_mail"]').html('Mail ID <span class="text-danger">*</span>');
+                    }
+
+                    $("#emp_mail").val(res.data.email ?? "");
+
+                    if (res.data.phone && res.data.phone.trim() !== "") {
+                        $("#emp_mobile").val(res.data.phone).prop("readonly", true).prop("required", false);
+                        $('label[for="emp_mobile"]').html('Mobile No');
+                    } else {
+                        $("#emp_mobile").val("").prop("readonly", false).prop("required", true);
+                        $('label[for="emp_mobile"]').html('Mobile No <span class="text-danger">*</span>');
+                    }
+                    $("#emp_mobile").val(res.data.phone ?? "");
+
+                },
+                error: function (xhr, status, error) {
+                    console.error("Error Details:");
+                    console.error("Status Code:", xhr.status);
+                    console.error("Status Text:", xhr.statusText);
+                    console.error("Response Text:", xhr.responseText);
+                    console.error("Ready State:", xhr.readyState);
+                    console.error("Response Headers:", xhr.getAllResponseHeaders());
+                    console.error("Error Thrown:", error);
+                    console.error("Status:", status);
+                }
+            });
+    }
+
+
+
+    function setInsurerAndTPAData(input) {
+        let selectedOption = $(input).find('option:selected');
+
+        let insurer_id = selectedOption.data('insurerid');
+        let insurer_name = selectedOption.data('insurername');
+        let tap_name = selectedOption.data('tpaname');
+        let tap_id = selectedOption.data('tpaid');
+
+        console.log('Insurer ID:', insurer_id);
+        console.log('Insurer Name:', insurer_name);
+        console.log('TPA Name:', tap_name);
+        console.log('TPA ID:', tap_id);
+
+        $('#insurer_id').val(insurer_id);
+        $('#tpa_id').val(tap_id);
+        $('#insurer_name').val(insurer_name);
+        $('#tpa_name').val(tap_name);
+    }
+
+    // function setMinDateDOA(policy_id) {
+    //     console.log("Function set min date called ");
+    //     console.log("Existing DOA instance: ", doa);
+
+    //     $.ajax({
+    //         url: '<?= base_url("ticket/getPolicyStartDate") ?>',
+    //         method: "POST",
+    //         data: {
+    //             policy_id: policy_id
+    //         },
+    //         success: function(response) {
+    //             console.log("mindate response ", response);
+
+    //             if (response.status) {
+    //                 let minDate = new Date(response.minDate);
+    //                 // If doa is not initialized, create the instance
+    //                 if (!doa) {
+    //                     console.log("doa not found, initializing");
+    //                     doa = flatpickr("#doa", {
+    //                         dateFormat: "d/m/Y",
+    //                         allowInput: false,
+    //                         onChange: function(selectedDates) {
+    //                             let selectedDOA = selectedDates[0]; // Get selected DOA date
+    //                             dod.set("minDate", selectedDOA); // Set DOD minDate to DOA
+    //                         },
+    //                         minDate: minDate
+    //                     });
+    //                     var dod = flatpickr("#dod", {
+    //                         dateFormat: "d/m/Y",
+    //                         allowInput: false
+    //                     });
+    //                 } else {
+    //                     // If already initialized, just set the minDate
+    //                     doa.set("minDate", minDate);
+    //                 }
+    //             } else {
+    //                 console.error(response.message);
+    //             }
+    //         },
+    //         error: function(xhr, status, error) {
+    //             console.error(xhr.responseText);
+    //             console.error(status, error);
+    //         }
+    //     });
+    // }
+</script>
+<script>
+    $("#infoIcon").click(function() {
+        var ticket_id = $('#ticket_master_id').val();
+        getDataForInfo(ticket_id, function(data) {
+            console.log("data: ", data);
+            if (data && Object.keys(data).length) {
+                // openModal();
+                var myModal = new bootstrap.Modal(document.getElementById('moreInfoModal'));
+                myModal.show();
+
+                appendHtmlToModal(data);
+            } else {
+                // toastr.warning("No Data Found");
+            }
+        });
+    });
+
+
+    function getDataForInfo(ticketId, callback) {
+        $.ajax({
+            url: "<?= base_url('ticket/getMoreInfo') ?>",
+            type: "POST",
+            data: {
+                ticket_id: ticketId
+            },
+            success: function(response) {
+                if (response.status) {
+                    console.log("Info Response: ", response);
+                    callback(response.data); // pass data to the callback
+                } else {
+                    toastr.warning("No Data Found");
+                    callback(null);
+                }
+            },
+            error: function(xhr, status, error) {
+                console.error(xhr.responseText);
+                console.error(status, error);
+                callback(null);
+            }
+        });
+    }
+
+    function appendHtmlToModal(data) {
+        var container = document.getElementById('dynamicDivFillInfo');
+
+        // Clear any previous content inside the container
+        container.innerHTML = '';
+
+        // Iterate over each status in the data
+        for (let status in data) {
+            console.log('status', status)
+            console.log('data[status]', data[status])
+            console.log('data[status].length', data[status].length)
+
+            let length = Object.keys(data[status]).length;
+            console.log('length', length);
+
+
+            if (data.hasOwnProperty(status)  && length > 0) {
+                // Create the status subheading
+                var statusHeading = document.createElement('h5');
+                statusHeading.textContent = status;
+                container.appendChild(statusHeading);
+
+                // Create a row container to group the fields in a row
+                var rowContainer = document.createElement('div');
+                rowContainer.classList.add('row'); // Add Bootstrap row class to group fields
+
+                // Iterate over each field within the current status
+                for (let field in data[status]) {
+                    if (data[status].hasOwnProperty(field)) {
+                        // Create a container for each field with col-md-4 class
+                        var fieldContainer = document.createElement('div');
+                        fieldContainer.classList.add('form-group', 'col-md-4'); // Apply col-md-4 to each field
+
+                        // Create a label for the field
+                        var fieldLabel = document.createElement('label');
+                        // fieldLabel.textContent = field.replace(/_/g, ' ').toUpperCase(); // Convert underscores to spaces and capitalize
+                        fieldLabel.textContent = field.display_name;
+                        fieldContainer.appendChild(fieldLabel);
+
+                        // Create either an input field or a textarea based on the field name
+                        var fieldInput;
+                        if (field === 'approved_letter' || field == "settle_letter") {
+                            // Create a textarea for 'approved_letter'
+                            fieldInput = document.createElement('textarea');
+                            fieldInput.classList.add('form-control');
+                            fieldInput.textContent = data[status][field].display_value; // Set the value to the field content
+                        } else {
+                            // Create an input field for other fields
+                            fieldInput = document.createElement('input');
+                            fieldInput.type = 'text';
+                            fieldInput.classList.add('form-control');
+                            fieldInput.value = data[status][field].display_value;
+                        }
+
+                        fieldInput.setAttribute('readonly', 'readonly'); // Set field as readonly
+
+                        // Append the input (or textarea) to the container
+                        fieldContainer.appendChild(fieldInput);
+
+                        // Append the field container to the row container
+                        rowContainer.appendChild(fieldContainer);
+                    }
+                }
+
+                // Append the row container to the main container
+                container.appendChild(rowContainer);
+            }
+        }
+    }
+</script>
\ No newline at end of file
diff --git a/app/Views/ticket_type_modal.php b/app/Views/ticket_type_modal.php
index d16b53a9..4a4728b1 100644
--- a/app/Views/ticket_type_modal.php
+++ b/app/Views/ticket_type_modal.php
@@ -14,6 +14,7 @@
                             <option value="2">Claim-GPA</option>
                             <option value="3">EDLI</option>
                             <option value="4">GTLI</option>
+                            <option value="8">Motor</option>
                         </select>
                     </div>
                 </div>

From 9f043dcf080d5751d8002a860dda9a5ed175ce12 Mon Sep 17 00:00:00 2001
From: vadivelJ96 <jvadivel.1996@gmail.com>
Date: Fri, 5 Sep 2025 18:30:49 +0530
Subject: [PATCH 3/3] CHANGE_UI_FIX - VADIVEL J 2025-09-05

---
 app/Views/client_basic_info.php     |  35 ++-
 app/Views/client_info.php           |  79 ++----
 app/Views/client_kyc.php            |  47 +++-
 app/Views/client_list.php           |  53 ++--
 app/Views/client_onboarding.php     |  59 +++-
 app/Views/client_policy.php         |  10 +-
 app/Views/client_rm.php             |   6 +-
 app/Views/hr_access_controll.php    |   4 +-
 app/Views/hr_activity_history.php   |   1 -
 app/Views/layout/header.php         | 106 ++++++--
 app/Views/notification.php          |  48 +---
 app/Views/policy_gpa_terms.php      | 399 ++++++++++++----------------
 app/Views/policy_grid.php           |  11 +-
 app/Views/ticket_edit_onbording.php |   2 +-
 app/Views/ticket_form_handler.php   |   2 +-
 app/Views/view_deposit.php          | 227 ++++++++--------
 public/assets/images/avatar_2x.png  | Bin 626 -> 787 bytes
 17 files changed, 595 insertions(+), 494 deletions(-)

diff --git a/app/Views/client_basic_info.php b/app/Views/client_basic_info.php
index 335b55eb..0cf659a3 100755
--- a/app/Views/client_basic_info.php
+++ b/app/Views/client_basic_info.php
@@ -64,6 +64,28 @@ input:checked + .slider:before {
     <div class="row">
         <div class="col-12">
             <div class="card-body">
+                    <div class="form-row">
+                        
+                        <div class="form-group">
+                            <label for="">Upload Your Logo</label> <br>
+                            <img 
+                            src="<?=  isset($client['client_logo']) && !empty($client['client_logo']) ? base_url() . "public/uploads/logo/" . $client['client_logo'] : base_url()."public/assets/images/avatar_2x.png" ?>" 
+                            width="75" height="75" 
+                            id="uploadPreview" 
+                            class="avatar img-circle img-thumbnail" 
+                            style="border-radius:25px; border:1px solid #00999E;padding:10px;color:#00999E;" 
+                            alt="avatar"/>
+                          <span style="margin-bottom:5px;">
+                            <input type="file" name="client_logo" id="client_logo" accept="image/*" onchange="PreviewImage();"><br>
+                            <i class="text">( Image dimensions 100 x 100 pixels and size of 200KB. )</i> 
+                          </span>
+                          <br>
+
+                        </div>
+                    </div>
+
+
+
                 <form role="form" class="parsley-examples" method="post" id="general_form" enctype="multipart/form-data">
                 <input type="hidden"  value="<?= csrf_hash() ?>" name="<?= csrf_token() ?>" />    
                 <input type="hidden" name="PrimaryKey" id="general_PrimaryKey" value="<?= isset($client['id']) ? $client['id'] : '' ?>"/>
@@ -125,16 +147,7 @@ input:checked + .slider:before {
                         </div>
                         <hr>
                     </div>
-                    <div class="form-row">
-                        <div class="form-group col-md-6">
-                            <label for="gst">Logo</label>                           
-                            <input type="file" name="client_logo" id="client_logo" accept="image/*" onchange="PreviewImage();"><br>
-                            <i class="text">( Image dimensions 100 x 100 pixels and size of 200KB. )</i> 
-                        </div>                            
-                        <div class="form-group col-md-6 float-right" style="position: relative;top: 20px;">
-                            <img src="<?= isset($client['client_logo']) && !empty($client['client_logo']) ? base_url() . "public/uploads/logo/" . $client['client_logo'] : base_url()."public/assets/images/avatar_2x.png" ?>" width="100" height="100" id="uploadPreview" class="avatar img-circle img-thumbnail" alt="avatar"/>
-                        </div>
-                    </div>
+
 
                     <!-- <div>
                         <label class="switch">
@@ -346,7 +359,7 @@ input:checked + .slider:before {
             if (!allowedExtensions.includes(fileExtension) || file.size > 200 * 1024) {
                 toastr.warning('Maximum file size allowed is 200KB.', 'File size exceeds limit.');
                 fileInput.value = ""; // Clear the file input
-                document.getElementById("uploadPreview").src = "http://ssl.gstatic.com/accounts/ui/avatar_2x.png"; // Remove the preview image
+                document.getElementById("uploadPreview").src = "<?= base_url()?>/public/assets/images/avatar_2x.png"; // Remove the preview image
             } else {
                 var reader = new FileReader();
                 reader.readAsDataURL(file);
diff --git a/app/Views/client_info.php b/app/Views/client_info.php
index b4c286d3..04aad017 100755
--- a/app/Views/client_info.php
+++ b/app/Views/client_info.php
@@ -1,3 +1,11 @@
+<style>
+    #relationship_manager {
+        border-collapse: separate;   /* important */
+        border-spacing: 20px 0;      /* 20px horizontal, 0 vertical */
+    }
+</style>
+
+
 <div id="client_info">
 
     <div class="row">
@@ -34,62 +42,25 @@
                     <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
 
                         <div class="card-body" style="position: relative;bottom: 25px;">
-
+                                <h2>Relationship Manager</h2>
+                                <br>
                             <div class="row">
-<!-- 
-                                <div class="col-6">
-
-                                    <table data-custom-table-css="table">
-                                        <tr>
-                                            <td style="font-size: 18px;"></td>
-                                        </tr>
+                                    <table id="relationship_manager">
+                                        <thead>
+                                            <tr style="color:black;">
+                                                <th>Account Manager</th>
+                                                <th>Manager</th>
+                                                <th>Head</th>
+                                            </tr>
+                                        </thead>
+                                        <tbody>
+                                            <tr style="color:black;">
+                                                <td><?= implode(', ', $account_managers) ?></td>
+                                                <td><?= implode(', ', $managers) ?></td>
+                                                <td><?= implode(', ', $heads) ?></td>
+                                            </tr>
+                                        </tbody>
                                     </table>
-                                </div> -->
-
-                                <div class="col-6">
-
-                                    <table data-custom-table-css="table">
-                                        <tr>
-                                            <td style="font-size: 18px;"> <strong> Relationship Manager </strong></td>
-                                        </tr>
-                                    </table>
-
-                                </div>
-
-                            </div>
-
-                            <br>
-
-                            <div class="row">
-
-                                <!-- <div class="col-6">
-                                    <table data-custom-table-css="table">
-                                        <tr>
-                                            <td style="padding: 3px;"></td>
-                                        </tr>
-                                        <tr>
-                                            <td style="padding: 3px;"></td>
-                                        </tr>
-                                    </table>
-                                </div> -->
-
-                                <div class="col-6">
-                                    <table data-custom-table-css="table">
-                                        <tr>
-                                            <td style="padding: 3px;"><label> Account Manager :
-                                                </label> <?= implode(', ', $account_managers) ?></td>
-                                        </tr>
-                                        <tr>
-                                            <td style="padding: 3px;"><label> Manager :
-                                                </label> <?= implode(', ', $managers) ?></td>
-                                        </tr>
-                                        <tr>
-                                            <td style="padding: 3px;"><label> Head : </label>
-                                                <?= implode(', ', $heads) ?>
-                                            </td>
-                                        </tr>
-                                    </table>
-                                </div>
 
                             </div>
 
diff --git a/app/Views/client_kyc.php b/app/Views/client_kyc.php
index aff9953a..0c3e8b40 100755
--- a/app/Views/client_kyc.php
+++ b/app/Views/client_kyc.php
@@ -1,4 +1,35 @@
 <style>
+    #kyc_table #tbody td,
+    #other_docs_table tbody td
+    {
+        background-color: white !important;
+    }
+
+    #kyc_table #tbody tr ,
+    #other_docs_table tbody tr
+    {
+        box-shadow: 0px 2px 4px 0px #00000024;
+        background-color: white;
+        border-radius: 10px;
+    }
+
+    #kyc_table #tbody tr:hover td  ,
+    #other_docs_table tr:hover td
+    {
+        background-color: #e0e0e0 !important;
+    }
+
+    #KYC-DOC-tab .card-body ,
+    #other_docs_table .card-body
+    {
+        background-color: #F5FFFF !important;
+        border-radius: 10px;
+        box-shadow: 0px 4px 4px 0px #00000040;
+    }
+
+    #KYC-DOC-tab thead{
+         padding: 15px !important;
+    }
 
 </style>
 
@@ -12,19 +43,19 @@
                     <table data-custom-table-css="table" id="kyc_table" class="table table-sm mb-0">
                         <thead>
                             <tr>
+                                <th>S.no</th>
                                 <th>Document Name</th>
                                 <th>Status</th>
                                 <th>Action</th>
                             </tr>
                         </thead>
                         <tbody id="tbody">
+                            
                         </tbody>
                     </table>
                 </div> <!-- end table-responsive-->
 
-                <hr>
-
-                <button  class="btn btn-primary waves-effect waves-light btn-sm" id="btn_other_docs">Other Documents</button>                
+                <!-- <button  class="btn btn-primary waves-effect waves-light btn-sm" id="btn_other_docs">Other Documents</button>                 -->
 
             </div>
         </div> <!-- end card -->
@@ -34,6 +65,7 @@
         <div class="col-12">
             <div class="card" style="margin-left: 12px;margin-right: -12px;">
                 <div class="card-body">
+                    <h3>Additional Documents</h3>
                     <form role="form" class="parsley-examples" method="post" id="kyc_form" 
                         enctype="multipart/form-data">
                         <input type="hidden" class="form-control" value="<?= csrf_hash() ?>" name="<?= csrf_token() ?>" />
@@ -44,18 +76,20 @@
 
                             <div class="form-row">
                                 <div class="form-group col-md-4">
-                                    <label for="emp_code">Other Documents<span
+                                    <label for="emp_code">Document Name<span
                                             class="text-danger">*</span></label>
                                     <input type="text" class="form-control" id="other_docs_name" placeholder="Document Name" name="other_docs_name" required>
                                 </div>
                                 <div class="form-group col-md-4">
                                     <label for="kyc_docs">File<span
                                             class="text-danger">*</span></label>
-                                            <input class="form-control" type="file" name="file_name" id="kyc_docs_file" required accept=".pdf, .jpeg, .jpg, .png">
+                                            <input class="form-control" type="file" name="file_name"
+                                            id="kyc_docs_file" 
+                                            required accept=".pdf, .jpeg, .jpg, .png">
                                 </div>
                                 <!-- <div class="form-group col-md-4 align-self-end"> -->
                                 <div class="form-group col-md-4" style="<?= isset($client['id']) ? 'margin-top: 41px;' : 'margin-top: 30px;' ?>">
-                                        <button type="submit" class="btn btn-primary waves-effect waves-light mr-1"id="btnSubmit">Upload</button>
+                                        <button type="submit" class="btn btn-primary waves-effect waves-light mr-1"id="btnSubmit">Save</button>
                                 </div>
                             </div>
 
@@ -412,6 +446,7 @@
 
                 $.each(res.data, function(index, item) {
                     var row = `<tr>
+                                <td>${index+1}</td>
                                 <td>${item.file_name}</td>
                                 <td id="form_${item.id}">
                                     <form class="ajax">
diff --git a/app/Views/client_list.php b/app/Views/client_list.php
index 8275c156..b46846e3 100755
--- a/app/Views/client_list.php
+++ b/app/Views/client_list.php
@@ -48,6 +48,26 @@ table.dataTable thead th {
     color: #16181b !important;
     cursor: pointer !important;
 }   
+
+
+
+.add-from-lead{
+    color:#E26828;
+    border : 0px solid white ;
+    background-color: white;
+    text-decoration: underline ;
+}
+
+.add-from-lead:hover{
+    color:#E26828;
+    border : 0px solid white ;
+    background-color: white;
+    text-decoration: underline ;
+}
+
+
+
+
 </style>
 
 <div class="row" id="client_list">
@@ -69,6 +89,7 @@ table.dataTable thead th {
                     id="tickets-table">
                     <thead class="bg-light">
                         <tr>
+                            <th class="font-weight-medium">S.No</th>
                             <th class="font-weight-medium">Client Name</th>
                             <th class="font-weight-medium">Account Manager</th>
                             <th class="font-weight-medium">Action</th>
@@ -76,8 +97,9 @@ table.dataTable thead th {
                     </thead>
 
                     <tbody>
-                     <?php foreach($clientList as $row){ ?>
+                     <?php foreach($clientList as $index => $row){ ?>
                         <tr >
+                            <td><?=$index+1?></td>
                             <td class="client_info" data-id="<?php echo $row->id; ?>"><?php echo $row->client_name; ?> ( <?php echo $row->short_name; ?> ) </td>
                             <td>
                                 <?php $account_managers = ''; ?>
@@ -278,6 +300,21 @@ $(document).ready(function()
             "<'row'<'col-sm-12'tr>>" + 
             "<'row'<'col-sm-5'i><'col-sm-7'p>>", 
         buttons: [
+ 
+            {
+                text: 'Add From Lead',
+                className: 'btn-filter add-from-lead', // custom class
+                action: function(e, dt, node, config) {
+                    showModal();
+                }
+            },
+            {
+                text: '+ create New Client',
+                className: 'btn-filter buttons-html5', // custom class
+                action: function(e, dt, node, config) {
+                    addClient();
+                }
+            },
             {
                 extend: 'csv',
                 text: 'CSV',
@@ -286,20 +323,6 @@ $(document).ready(function()
                 exportOptions: {
                     columns: ':not(:last-child)'
                 },
-            }, 
-            {
-                text: 'Add From Lead',
-                className: 'btn-filter', // custom class
-                action: function(e, dt, node, config) {
-                    showModal();
-                }
-            },
-            {
-                text: 'Add',
-                className: 'btn-filter', // custom class
-                action: function(e, dt, node, config) {
-                    addClient();
-                }
             }
         ],
 
diff --git a/app/Views/client_onboarding.php b/app/Views/client_onboarding.php
index 059e07fa..5366d1a8 100755
--- a/app/Views/client_onboarding.php
+++ b/app/Views/client_onboarding.php
@@ -258,6 +258,49 @@ body {
         border-radius: 4px;
         border: 1px solid #dee2e6;
     }
+
+    #client_add .nav-pills ,
+    #client_add .nav-link    
+    {
+        background-color: #F5FFFF !important;
+        color : #00999E !important;
+        border-radius:10px;
+        
+    }
+
+    #client_add .nav-pills 
+    {
+        background-color: #F5FFFF !important;
+        color : #00999E !important;
+        box-shadow: 0px 2px 4px 0px #00000040;
+        padding-top: 5px ;
+    }
+
+
+    #client_add .nav-link.active-tab {
+        color: white !important;
+        background-color: #00999E !important;
+        font-size: small !important;
+        padding:8px 16px;
+        border-radius: 10px !important; 
+        box-shadow: 0px 2px 4px 0px #00000040;
+    
+    }
+
+    #hr_activity_history_append_area{
+        padding-top:0; 
+        margin-top:0; 
+        background-color: #F5FFFF !important;
+        border: 2px solid #F5FFFF;
+        border-radius: 10px;
+        box-shadow: 0px 4px 4px 0px #00000040;
+    }
+
+    #hr_activity_history_append_area tbody tr{
+        background-color: white !important;
+    }
+
+
 </style>
 
 
@@ -277,7 +320,7 @@ body {
                 
                 <br>
 
-                <ul class="nav nav-pills navtab-bg">
+                <ul class="nav nav-pills navtab-bg" >
                     <li class="nav-item">
                         <a href="#general-q-tab" data-toggle="tab" aria-expanded="false"
                             class="nav-link px-3 py-2 active" id="general_tab">
@@ -357,7 +400,7 @@ body {
                         <div class="row">
                             <div class="col-12">
                                 <div class="card">
-                                    <div class="card-body" id="hr_activity_history_append_area" style="padding-top:0; margin-top:0;">
+                                    <div class="card-body" id="hr_activity_history_append_area">
                                     </div>
                                 </div>
                             </div> <!-- end col -->
@@ -932,4 +975,16 @@ body {
 
 </script>
 
+<script>
+    $(document).ready(function(){
+    $('#client_add .nav-link').click(function(){
 
+    // change bg color of tab
+        $('#client_add .nav-link').removeClass('active-tab');
+        $(this).addClass('active-tab');
+    
+
+
+    });
+});
+</script>
diff --git a/app/Views/client_policy.php b/app/Views/client_policy.php
index 726deab6..90a5a4bf 100755
--- a/app/Views/client_policy.php
+++ b/app/Views/client_policy.php
@@ -17,6 +17,14 @@
         opacity: 1;
     }
 
+    #lead_modal .modal-dialog{
+        width:600px !important;
+    }
+
+    #lead_modal .modal-body{
+        min-height: 200px !important;
+    }
+
 </style>
 
 <div class="save-indicator" id="saveIndicator">Saved</div>
@@ -231,7 +239,7 @@
 
 <!-- Center modal content -->
 <div class="modal fade" id="lead_modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="false">
-    <div class="modal-dialog modal-dialog-centered">
+    <div class="modal-dialog modal-dialog-centered modal-lg">
         <div class="modal-content">
             <div class="modal-header">
                 <h4 class="modal-title" id="myCenterModalLabel">Lead List</h4>
diff --git a/app/Views/client_rm.php b/app/Views/client_rm.php
index 7611c2d0..4d3dd823 100755
--- a/app/Views/client_rm.php
+++ b/app/Views/client_rm.php
@@ -1,13 +1,11 @@
-<div class="tab-pane fade" id="RM-tab">
+<div class="tab-pane fade card " id="RM-tab">
     <div class="row">
-        <div class="col-12">
+        <div class="col-12" id="collapseOne">
             <div class="card-body">
 
                 <div class="row float-right" style="position: relative; bottom: 20px; right:13px;">
                         <button class="btn btn-primary btn-sm" id="client_rm_edit" ><span id="rm_icons" class="mdi mdi-lead-pencil"></span> Edit</button>                
                 </div>
-                
-                <hr>
 
                 <form role="form" class="parsley-examples" method="post" id="relation_form" enctype="multipart/form-data">
                     <input type="hidden" class="form-control" value="<?= csrf_hash() ?>" name="<?= csrf_token() ?>" />
diff --git a/app/Views/hr_access_controll.php b/app/Views/hr_access_controll.php
index f3c3a5e4..b7038e53 100644
--- a/app/Views/hr_access_controll.php
+++ b/app/Views/hr_access_controll.php
@@ -16,7 +16,7 @@
                             <input type="hidden" name="<?= 'user' . $key ?>_post_hr_id" value="<?= $value['post_hr_id'] ?>">
                             <input type="hidden" name="<?= 'user' . $key ?>_post_client_id" value="<?= $value['post_client_id'] ?>">
 
-                            <div class="card-header" onclick="toggleAccordion(this)">
+                            <div class="card-header" onclick="toggleAccordion(this)" style="background-color: #F5FFFF;">
                                 <div class="user-info">
                                     <h5 class="mb-0"><?= $value['hr_name'] ?> 
                                         <!-- <i class="mdi mdi-information-outline" aria-hidden="true" data-id="<?= (!empty($value['pre_hr_id']) ? $value['pre_hr_id'] : 0) . '-' . (!empty($value['post_hr_id']) ? $value['post_hr_id'] : 0) ?>"></i> -->
@@ -28,7 +28,7 @@
                                 </div>
                             </div>
                             <div class="card-content">
-                                <div class="content-inner">
+                                <div class="content-inner" style="background-color: #F5FFFF;">
                                     <div class="row">
                                         <div class="col-md-6 col-lg-3">
                                             <div class="section">
diff --git a/app/Views/hr_activity_history.php b/app/Views/hr_activity_history.php
index a6da3ad8..83a6d27b 100644
--- a/app/Views/hr_activity_history.php
+++ b/app/Views/hr_activity_history.php
@@ -25,7 +25,6 @@ table.dataTable tbody td {
 
 <div class="row" style="position: relative;left: 250px;top: 55px;">
     <div class="form-group col-md-3" id="date_div">
-        <!-- <label>ActivityDate<span class="text-danger"></span></label> -->
         <div id="reportrange" class="form-control" style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc; width: 100%">
             <i class="mdi mdi-calendar-blank"></i>&nbsp;
             <span></span> <i class="mdi mdi-menu-down"></i>
diff --git a/app/Views/layout/header.php b/app/Views/layout/header.php
index 03a3050f..b2ffbf25 100755
--- a/app/Views/layout/header.php
+++ b/app/Views/layout/header.php
@@ -66,6 +66,9 @@
 
     <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap" rel="stylesheet">
 
+    <!-- google icons -->
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0&icon_names=image" />
+
 
     <script>
         if ('serviceWorker' in navigator) {
@@ -595,13 +598,16 @@ a.app-badge-secondary:focus, a.app-badge-secondary.focus {
         border-top: 0px solid #fff !important;
         border-bottom: 0px solid #fff !important;
         vertical-align: middle;
+        font-weight: 600 !important;
     }
+    
 
     table[data-custom-table-css="table"] tbody td {
         background: #F5FFFF;   
         padding: 12px;
         border-top: 0px solid #fff !important;
         border-bottom: 2px solid #C3EDEE !important;
+        font-weight: 400 !important;
     }
 
     table[data-custom-table-css="table"] thead th:first-child {
@@ -627,9 +633,13 @@ a.app-badge-secondary:focus, a.app-badge-secondary.focus {
     }
 
     table[data-custom-table-css="table"] {
-    border-collapse: separate !important;
-    border-spacing: 0 8px !important;
-    width: 100% !important;
+        border-collapse: separate !important;
+        border-spacing: 0 8px !important;
+        width: 100% !important;
+    }
+
+    table[data-custom-table-css="table"].dataTable thead th {
+        padding: 15px !important;
     }
 
 
@@ -708,6 +718,9 @@ a.app-badge-secondary:focus, a.app-badge-secondary.focus {
             margin-right:10px !important;
         }
 
+
+
+
     </style>
 
 
@@ -899,31 +912,43 @@ a.app-badge-secondary:focus, a.app-badge-secondary.focus {
         input,
         select,
         textarea {
+            background-color: #F5FFFF !important;
             border-radius: 10px !important;
             box-shadow: 0px 2px 4px 0px #00000024 !important;
-            border-color: #ffff !important;
+            border-color: #F5FFFF !important;
         }
 
-        input[type='file'] {
-            padding:10px !important;
-            background-color: white !important;
+
+
+        /* Chrome, Edge, Safari */
+        input[type="file"]::file-selector-button {
+            background-color: #00999E;   /* button color */
+            color:#000 !important;                /* text color */
+            border: none;                /* remove border */
+            border-radius: 10px;          /* rounded corners */
+            padding: 6px 20px;           /* space inside */
+            cursor: pointer;             /* pointer cursor */
+            font-size: 14px;
         }
 
+
         /* Apply to Select2 (single select) */
         .select2-container .select2-selection--single {
+            background-color: #F5FFFF !important;
             border-radius: 10px !important;
             box-shadow: 0px 2px 4px 0px #00000024 !important;
             height: 38px; /* match bootstrap input height */
             display: flex;
             align-items: center;
-            border-color: #ffff !important;
+            border-color: #F5FFFF !important;
         }
 
         /* Apply to Select2 (multiple select) */
         .select2-container .select2-selection--multiple {
+            background-color: #F5FFFF !important;
             border-radius: 10px !important;
             box-shadow: 0px 2px 4px 0px #00000024 !important;
-            border-color: #ffff !important;
+            border-color: #F5FFFF !important;
         }
 
 
@@ -964,16 +989,68 @@ a.app-badge-secondary:focus, a.app-badge-secondary.focus {
     <!-- accordian -->
     <style>
 
-        .card #collapseOne .card-body  ,
-        .card #collapseTwo .card-body 
+        .card #collapseOne   .card-body  ,
+        .card #collapseTwo   .card-body  ,
+        .card #collapseThree .card-body  
         {
             background-color: #F5FFFF !important;
             border: 2px solid #F5FFFF;
             border-radius: 10px;
-            /* box-shadow: 2px 2px 2px; */
-            box-shadow: 0px 1px 1px 0px #00000040;
-
+            box-shadow: 0px 4px 4px 0px #00000040;
         }
+
+        /* Apply to normal inputs and selects */
+        .card #collapseOne .card-body input,
+        .card #collapseOne .card-body select,
+        .card #collapseOne .card-body textarea ,
+
+        .card #collapseTwo .card-body input,            
+        .card #collapseTwo .card-body select,
+        .card #collapseTwo .card-body textarea ,
+
+        .card #collapseThree .card-body input,
+        .card #collapseThree .card-body select,
+        .card #collapseThree .card-body textarea {
+            background-color: #ffff !important;
+            border-radius: 10px !important;
+            box-shadow: 0px 2px 4px 0px #00000024 !important;
+            border-color: #ffff !important;
+        }
+
+          .card #collapseOne .card-body input[type='file']
+        , .card #collapseTwo .card-body input[type='file']
+        , .card #collapseThree .card-body input[type='file']
+        {
+            padding:10px !important;
+            background-color: white !important;
+            color:black !important;
+        }
+
+                /* Apply to Select2 (single select) */
+        .card #collapseOne .card-body .select2-container .select2-selection--single ,
+        .card #collapseTwo .card-body .select2-container .select2-selection--single ,
+        .card #collapseThree .card-body .select2-container .select2-selection--single 
+        {
+            background-color: #ffff !important;
+            border-radius: 10px !important;
+            box-shadow: 0px 2px 4px 0px #00000024 !important;
+            height: 38px; /* match bootstrap input height */
+            display: flex;
+            align-items: center;
+            border-color: #ffff !important;
+        }
+
+        /* Apply to Select2 (multiple select) */
+        .card #collapseOne .card-body .select2-container .select2-selection--multiple 
+        ,.card #collapseTwo .card-body .select2-container .select2-selection--multiple
+        ,.card #collapseThree .card-body .select2-container .select2-selection--multiple 
+        {
+            background-color: #ffff !important;
+            border-radius: 10px !important;
+            box-shadow: 0px 2px 4px 0px #00000024 !important;
+            border-color: #ffff !important;
+        }
+
     </style>
 
     <!-- legacy styles of random style applied -->
@@ -986,7 +1063,6 @@ a.app-badge-secondary:focus, a.app-badge-secondary.focus {
 
         .content-page{
             background-color: white !important;
-            color:white !important;
             padding: 0px !important;
         }
 
diff --git a/app/Views/notification.php b/app/Views/notification.php
index 7ab83ccb..005a3d56 100755
--- a/app/Views/notification.php
+++ b/app/Views/notification.php
@@ -31,6 +31,12 @@
     margin: 1.75rem auto;
 }
 
+ .mail-section{
+    border: 1px solid #00999E;
+    border-radius:10px;
+    padding:5px !important;
+ }
+
 
 </style>
 <div class="tab-pane fade" id="notification-tab">
@@ -106,8 +112,10 @@
                 </div>
             </div>
 
+            <!-- mail section -->
+
             <div class="form-row">
-                <div class="form-group col-md-6">
+                <div class="form-group col-md-6 mail-section">
                     <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' : '' ?>>
@@ -116,14 +124,7 @@
                     &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">
+                <div class="form-group col-md-6 mail-section">
                     <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' : '' ?>>
@@ -132,13 +133,10 @@
                     &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">
+                <div class="form-group col-md-6 mail-section">
                     <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' : '' ?>>
@@ -147,13 +145,7 @@
                     &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">
+                <div class="form-group col-md-6 mail-section">
                     <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' : '' ?>>
@@ -162,13 +154,10 @@
                     &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">
+                <div class="form-group col-md-6 mail-section">
                     <label for="branch_name">Account Manager summary mail</label>
                     <label class="switch">
                         <input id="account_maneger_summary_mail_btn" type="checkbox" name="account_maneger_summary_mail_btn" <?= $account_maneger_summary_mail ? 'checked' : '' ?>>
@@ -177,13 +166,7 @@
                     &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">
+                <div class="form-group col-md-6 mail-section">
                     <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' : '' ?>>
@@ -192,9 +175,6 @@
                     &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">
diff --git a/app/Views/policy_gpa_terms.php b/app/Views/policy_gpa_terms.php
index 77168662..2eb565aa 100755
--- a/app/Views/policy_gpa_terms.php
+++ b/app/Views/policy_gpa_terms.php
@@ -96,358 +96,307 @@
 
             <div class="row" style="margin-bottom: 10px;">
 
-                <div class="col-md-6">
-                    <label for="sumInsured">Sum Insured</label>
-                </div>
-                <div class="col-md-4">
-                    <input style="width: 128%;" class="form-control" type="text" name="sumInsured2" id="sumInsured2"
-                        onkeypress="return onlyNumbers(event)" onkeyup="formatNumber(this)"
-                        style="width: 100% !important;">
-                </div>
-                <div class="col-md-2" style="position: relative;left: 88px;">
-                    <button type="button" class="btn btn-primary si-add-more" onclick="appendGPASIAddMore()">+</button>
-                </div>
-                <div class="col-md-6">
-                </div>
-                <div class="col-md-6">
-                    <div id='numberToWordSumInsured' class="text-danger-2"></div>
+                <div class="col">
+                    <div class="d-flex align-items-center gap-2">
+                        <label for="sumInsured" class="form-label" >Sum Insured</label>
+                        <input class="form-control mr-2" type="text" name="sumInsured2" id="sumInsured2" style="max-width:200px;"
+                            onkeypress="return onlyNumbers(event)" onkeyup="formatNumber(this)">
+                        <button type="button" class="btn btn-primary si-add-more mr-2" onclick="appendGPASIAddMore()">+</button>
+                        <div id='numberToWordSumInsured' class="text-danger-2 mr-2"></div>
+                    </div>
+                    
+                    <div id="gpa_si_add_more"></div>
                 </div>
             </div>
 
-            <div id="gpa_si_add_more"></div>
 
             <div class="row" style="margin-bottom: 10px;">
-                <div class="col-md-6">
-                    <label for="totalSumInsured">Total Sum Assured</label>
-                </div>
-                <div class="col-md-6">
-                    <input type="text" style="width: 100% !important;" class="form-control" name="totalSumInsured"
-                        id="totalSumInsured" onkeypress="return onlyNumbers(event)" onkeyup="formatNumber(this)">
-                </div>
-                <div class="col-md-6">
-                </div>
-                <div class="col-md-6">
-                    <div id='numberToWordTotalSumInsured' class="text-danger-2"></div>
+
+                <div class="col">
+                    <div class="d-flex align-items-center gap-2">
+                        <label for="totalSumInsured">Total Sum Assured</label>
+                        <input type="text" style="max-width: 200px !important;" class="form-control mr-2" name="totalSumInsured"
+                               id="totalSumInsured" onkeypress="return onlyNumbers(event)" onkeyup="formatNumber(this)">
+                        <div id='numberToWordTotalSumInsured' class="text-danger-2 mr-2"></div>
+                    </div>
                 </div>
             </div>
 
             <div class="row" style="margin-bottom: 10px;">
-                <div class="col-md-6">
-                    <label for=""></label>
-                </div>
-                <div class="col-md-6">
+                <div class="col">
                     <table data-custom-table-css="table">
                         <tbody>
                             <tr>
-                                <td></td>
-                            </tr>
-                            <tr>
-                                <td></td>
-                            </tr>
-                            <tr>
-                                <td></td>
-                            </tr>
-                            <tr>
-                                <td style="width: 5%;">
-                                    <span style="margin-right: 20px;">Self:</span>
-                                </td>
-                                <td style="width: 11%;">
-                                    <input disabled type="checkbox" style="margin-right: 70px;" name="family_floaters[]"
+                                <td>
+                                    <input disabled type="checkbox" style="color:black;" name="family_floaters[]"
                                         value="self" id="self" checked>
                                 </td>
-                                <td style="width: 20%;">
+                                <td >
+                                    <span style="margin-right: 20px;color:black;">Self</span>
+                                </td>
+                                <td >
                                     <div class="self-age">
-                                        <span style="margin-right: 20px;">Min Age:</span>
+                                        <span style="margin-right: 20px;color:black;">Min Age:</span>
                                         <input class="underline-input min_age"
+                                            style="background-color: white !important;"
                                             value="<?php echo  isset($self_min_age) ? $self_min_age : '18'; ?>"
-                                            style="width: 65%;" type="number" name="self_min_age" id="self_min_age_gpa"
+                                             type="number" name="self_min_age" id="self_min_age_gpa"
                                             onchange="lowerIsEighteen(this)">
                                     </div>
                                 </td>
-                                <td style="width: 20%;">
+                                <td >
                                     <div class="self-age">
-                                        <span style="margin-right: 20px;">Max Age:</span>
+                                        <span style="margin-right: 20px;color:black;">Max Age:</span>
                                         <input class="underline-input max_age"
+                                            style="background-color:white !important"
                                             value="<?php echo  isset($self_max_age) ? $self_max_age : '60'; ?>"
-                                            style="width: 65%;" type="number" name="self_max_age" id="self_max_age_gpa"
+                                             type="number" name="self_max_age" id="self_max_age_gpa"
                                             onchange="lowerIsEighteen(this)">
                                     </div>
                                 </td>
-                                <td></td>
-                            </tr>
-                            <tr>
-                                <td></td>
-                            </tr>
-                            <tr>
-                                <td></td>
-                            </tr>
-                            <tr>
-                                <td></td>
                             </tr>
+
                         </tbody>
                     </table>
                 </div>
-                <div class="col-md-6">
-                </div>
-                <div class="col-md-6">
-                </div>
+
             </div>
 
-            <hr>
-
-            <div class="row" style="margin-bottom: 10px;">
-                <div class="col-md-1">
-                    <input type="checkbox" style="margin-top: 12px" class="unchecked" name="accidentalDeathBenefit_display" id="accidentalDeathBenefit_display"  checked>
+            <div class="row mb-2">
+                <div class="col-md-2">
+                    <div class="form-check d-flex align-items-center">
+                        <input class="form-check-input me-2" type="checkbox" id="accidentalDeathBenefit_display" name="accidentalDeathBenefit_display" checked>
+                        <label class="form-check-label mb-0" for="accidentalDeathBenefit_display">
+                            Accidental Death Benefit
+                        </label>
+                    </div>
                 </div>
                 <div class="col-md-4">
-                    <label for="totalSumInsured">Accidental Death Benefit</label>
-                </div>
-                <div class="col-md-6">
                     <input type="text" name="accidentalDeathBenefit" class="form-control">
                 </div>
-            </div>
 
-            <div class="row" style="margin-bottom: 10px;">
-                <div class="col-md-1">
-                    <input type="checkbox" style="margin-top: 12px" class="unchecked" name="permanentTotalDisablement_display" id="permanentTotalDisablement_display"  checked>
+                <div class="col-md-2">
+                    <div class="form-check d-flex align-items-center">
+                        <input class="form-check-input me-2" type="checkbox" id="permanentTotalDisablement_display" name="permanentTotalDisablement_display" checked>
+                        <label class="form-check-label mb-0" for="permanentTotalDisablement_display">
+                            Permanent Total Disablement
+                        </label>
+                    </div>
                 </div>
                 <div class="col-md-4">
-                    <label for="permanentTotalDisablement">Permanent Total Disablement</label>
-                </div>
-                <div class="col-md-6">
-                    <input type="text" name="permanentTotalDisablement" id="permanentTotalDisablement"
-                        class="form-control">
+                    <input type="text" name="permanentTotalDisablement" id="permanentTotalDisablement" class="form-control">
                 </div>
             </div>
 
-            <div class="row" style="margin-bottom: 10px;">
 
-                <div class="col-md-1">
-                    <input type="checkbox" style="margin-top: 12px" class="unchecked" name="permanentPartialDisablement_display" id="permanentPartialDisablement_display"  checked>
+            <div class="row mb-2">
+
+                <div class="col-md-2">
+                    <div class="form-check d-flex align-items-center">
+                        <input type="checkbox" class="form-check-input me-2" name="permanentPartialDisablement_display" id="permanentPartialDisablement_display"  checked>
+                        <label class="form-check-label mb-0" for="permanentPartialDisablement">Permanent Partial Disablement</label>
+                    </div>
                 </div>
                 <div class="col-md-4">
-                    <label for="permanentPartialDisablement">Permanent Partial Disablement</label>
-                </div>
-                <div class="col-md-6">
                     <input type="text" name="permanentPartialDisablement" id="permanentPartialDisablement"
                         class="form-control">
                 </div>
-            </div>
 
-            <div class="row" style="margin-bottom: 10px;">
-                <div class="col-md-1">
-                    <input type="checkbox" style="margin-top: 12px" class="unchecked" name="temporaryTotalDisablementBenefit_display" id="temporaryTotalDisablementBenefit_display"  checked>
+                <div class="col-md-2">
+                    <div class="form-check d-flex align-items-center">
+                        <input type="checkbox" class="form-check-input me-2" name="temporaryTotalDisablementBenefit_display" id="temporaryTotalDisablementBenefit_display"  checked>
+                        <label class="form-check-label mb-0" for="temporaryTotalDisablementBenefit">Temporary Total Disablement Benefit</label>
+                    </div>
                 </div>
                 <div class="col-md-4">
-                    <label for="temporaryTotalDisablementBenefit">Temporary Total Disablement Benefit</label>
-                </div>
-                <div class="col-md-6">
                     <input type="text" name="temporaryTotalDisablementBenefit" id="temporaryTotalDisablementBenefit"
                         class="form-control">
                 </div>
             </div>
 
-            <div class="row" style="margin-bottom: 10px;">
-                <div class="col-md-1">
-                    <input type="checkbox" style="margin-top: 12px" class="unchecked" name="medical_expenses_medical_extension_display" id="medical_expenses_medical_extension_display"  checked>
+            <div class="row mb-2">
+                <div class="col-md-2">
+                    <div class="form-check d-flex align-items-center">
+                        <input type="checkbox" class="form-check-input me-2" name="medical_expenses_medical_extension_display" id="medical_expenses_medical_extension_display"  checked>
+                        <label class="form-check-label mb-0" for="medical_expenses_medical_extension">Medical Expenses / Medical Extension (IPD)</label>
+                    </div>
                 </div>
                 <div class="col-md-4">
-                    <label for="medical_expenses_medical_extension">Medical Expenses / Medical Extension (IPD)</label>
-                </div>
-                <div class="col-md-6">
                     <input type="text" name="medical_expenses_medical_extension" id="medical_expenses_medical_extension"
                         class="form-control">   
                 </div>
-            </div>
+         
+                <div class="col-md-2">
+                    <div class="form-check d-flex align-items-center">
+                        <input type="checkbox" class="form-check-input me-2" name="opd_treatment_cover_display" id="opd_treatment_cover_display"  checked>
+                        <label class="form-check-label mb-0" for="opd_treatment_cover">OPD Treatment Cover</label>
+                    </div>
 
-            <div class="row" style="margin-bottom: 10px;">
-                <div class="col-md-1">
-                    <input type="checkbox" style="margin-top: 12px" class="unchecked" name="opd_treatment_cover_display" id="opd_treatment_cover_display"  checked>
                 </div>
                 <div class="col-md-4">
-                    <label for="opd_treatment_cover">OPD Treatment Cover</label>
-                </div>
-                <div class="col-md-6">
                     <input type="text" name="opd_treatment_cover" id="opd_treatment_cover" class="form-control">
                 </div>
             </div>
 
-            <div class="row" style="margin-bottom: 10px;">
-                <div class="col-md-1">
-                    <input type="checkbox" style="margin-top: 12px" class="unchecked" name="ambulanceCharges_display" id="ambulanceCharges_display"  checked>
+            <div class="row mb-2">
+                <div class="col-md-2">
+                    <div class="form-check d-flex align-items-center">
+                            <input type="checkbox" class="form-check-input me-2" name="ambulanceCharges_display" id="ambulanceCharges_display"  checked>
+                            <label class="form-check-label mb-0" for="ambulanceCharges"> Ambulance Charges</label>
+                    </div>
                 </div>
                 <div class="col-md-4">
-                    <label for="ambulanceCharges"> Ambulance Charges</label>
-                </div>
-                <div class="col-md-6">
                     <input type="text" name="ambulanceCharges" class="form-control">
                 </div>
-            </div>
 
-            <div class="row" style="margin-bottom: 10px;">
-                <div class="col-md-1">
-                    <input type="checkbox" style="margin-top: 12px" class="unchecked" name="repatriation_of_mortal_remains_display" id="repatriation_of_mortal_remains_display"  checked>
+                <div class="col-md-2">
+                    <div class="form-check d-flex align-items-center">
+                        <input type="checkbox"class="form-check-input me-2" name="repatriation_of_mortal_remains_display" id="repatriation_of_mortal_remains_display"  checked>
+                        <label class="form-check-label mb-0" for="repatriation_of_mortal_remains">Repatriation of Mortal Remains</label>
+                    </div>
                 </div>
                 <div class="col-md-4">
-                    <label for="repatriation_of_mortal_remains">Repatriation of Mortal Remains</label>
-                </div>
-                <div class="col-md-6">
                     <input type="text" name="repatriation_of_mortal_remains" id="repatriation_of_mortal_remains" class="form-control">
                 </div>
             </div>
 
-            <div class="row" style="margin-bottom: 10px;">
-                <div class="col-md-1">
-                    <input type="checkbox" style="margin-top: 12px" class="unchecked" name="childrenEducationWelfareFund_display" id="childrenEducationWelfareFund_display"  checked>
+            <div class="row mb-2">
+                <div class="col-md-2">
+                    <div class="form-check d-flex align-items-center">
+                        <input type="checkbox" class="form-check-input me-2" name="childrenEducationWelfareFund_display" id="childrenEducationWelfareFund_display"  checked>
+                        <label class="form-check-label mb-0" for="childrenEducationWelfareFund">Children Education Welfare Fund</label>
+                    </div>
                 </div>
                 <div class="col-md-4">
-                    <label for="childrenEducationWelfareFund">Children Education Welfare Fund</label>
-                </div>
-                <div class="col-md-6">
                     <input type="text" name="childrenEducationWelfareFund" id="childrenEducationWelfareFund" class="form-control">
                 </div>
-            </div>
 
-            <div class="row" style="margin-bottom: 10px;">
-                <div class="col-md-1">
-                    <input type="checkbox" style="margin-top: 12px" class="unchecked" name="terrorism_display" id="gpa_terrorism_display"  checked>
+                <div class="col-md-2">
+                    <div class="form-check align-items-center">
+                        <input type="checkbox" class="form-check-input me-2" name="terrorism_display" id="gpa_terrorism_display"  checked>
+                        <label class="form-check-label mb-0"for="terrorism">Terrorism</label>
+                    </div>
                 </div>
                 <div class="col-md-4">
-                    <label for="terrorism">Terrorism</label>
-                </div>
-                <div class="col-md-6">
                     <input type="text" name="terrorism" class="form-control"> 
                 </div>
             </div>
 
-            <div class="row" style="margin-bottom: 10px;">
-                <div class="col-md-1">
-                    <input type="checkbox" style="margin-top: 12px" class="unchecked" name="worldwideCover_display" id="worldwideCover_display"  checked>
+            <div class="row mb-2">
+                <div class="col-md-2">
+                    <div class="form-check d-flex align-items-center">
+                        <input type="checkbox" class="form-check-input" name="worldwideCover_display" id="worldwideCover_display"  checked>
+                        <label class="form-check-label" for="worldwideCover">Worldwide Cover</label>
+                    </div>
                 </div>
                 <div class="col-md-4">
-                    <label for="worldwideCover">Worldwide Cover</label>
-                </div>
-                <div class="col-md-6">
                     <input type="text" name="worldwideCover" class="form-control">
                 </div>
-            </div>
 
-            <div class="row" style="margin-bottom: 10px;">
-                <div class="col-md-1">
-                    <input type="checkbox" style="margin-top: 12px" class="unchecked" name="family_transportation_benefits_display" id="family_transportation_benefits_display"  checked>
+                <div class="col-md-2">
+                    <div class="form-check d-flex align-items-center">
+                        <input type="checkbox" class="form-check-input" name="family_transportation_benefits_display" id="family_transportation_benefits_display"  checked>
+                        <label class="form-check-label" for="family_transportation_benefits">Family Transportation Benefits</label>
+                    </div>
                 </div>
                 <div class="col-md-4">
-                    <label for="family_transportation_benefits">Family Transportation Benefits</label>
-                </div>
-                <div class="col-md-6">
                     <input type="text" name="family_transportation_benefits" id="family_transportation_benefits" class="form-control">
                 </div>
             </div>
 
-            <div class="row" style="margin-bottom: 10px;">
-                <div class="col-md-1">
-                    <input type="checkbox" style="margin-top: 12px" class="unchecked" name="fractures_dislocation_burns_display" id="fractures_dislocation_burns_display"  checked>
+            <div class="row mb-2">
+                <div class="col-md-2">
+                    <div class="form-check d-flex align-items-center">
+                        <input type="checkbox" class="form-check-input" name="fractures_dislocation_burns_display" id="fractures_dislocation_burns_display"  checked>
+                        <label class="form-check-label"for="fractures_dislocation_burns">Fractures / Dislocation / Burns</label>
+                    </div>
                 </div>
                 <div class="col-md-4">
-                    <label for="fractures_dislocation_burns">Fractures / Dislocation / Burns</label>
-                </div>
-                <div class="col-md-6">
                     <input type="text" name="fractures_dislocation_burns" id="fractures_dislocation_burns" class="form-control">
                 </div>
-            </div>
-
-            <div class="row" style="margin-bottom: 10px;">
-                <div class="col-md-1">
-                    <input type="checkbox" style="margin-top: 12px" class="unchecked" name="coma_display" id="coma_display"  checked>
+                <div class="col-md-2">
+                    <div class="form-check d-flex align-items-center">
+                        <input type="checkbox" class="form-check-input" name="coma_display" id="coma_display"  checked>
+                         <label class="form-check-label" for="coma">Coma</label>
+                    </div>
                 </div>
                 <div class="col-md-4">
-                    <label for="coma">Coma</label>
-                </div>
-                <div class="col-md-6">
                     <input type="text" name="coma" id="coma" class="form-control"> 
                 </div>
             </div>
 
-            <div class="row" style="margin-bottom: 10px;">
-                <div class="col-md-1">
-                    <input type="checkbox" style="margin-top: 12px" class="unchecked" name="carriageofDeadBody_display" id="carriageofDeadBody_display"  checked>
+            <div class="row mb-2">
+                <div class="col-md-2">
+                    <div class="form-check d-flex-align-items-center">
+                        <input type="checkbox" class="form-check-input" name="carriageofDeadBody_display" id="carriageofDeadBody_display"  checked>
+                        <label class="form-check-label" for="carriageOfDeadBody">Carriage of Dead Body</label>
+                    </div>
                 </div>
                 <div class="col-md-4">
-                    <label for="carriageOfDeadBody">Carriage of Dead Body</label>
-                </div>
-                <div class="col-md-6">
                     <input type="text" name="carriageOfDeadBody" class="form-control">
                 </div>
-            </div>
-
-            <div class="row" style="margin-bottom: 10px;">
-                <div class="col-md-1">
-                    <input type="checkbox" style="margin-top: 12px" class="unchecked" name="compassionateVisitExpenses_display" id="compassionateVisitExpenses_display"  checked>
+                <div class="col-md-2">
+                    <div class="form-check d-flex-align-items-center">
+                        <input type="checkbox" class="form-check-input" name="compassionateVisitExpenses_display" id="compassionateVisitExpenses_display"  checked>
+                        <label class="form-check-label" for="compassionateVisitExpenses">Compassionate Visit Expenses</label>
+                    </div>
                 </div>
                 <div class="col-md-4">
-                    <label for="compassionateVisitExpenses">Compassionate Visit Expenses</label>
-                </div>
-                <div class="col-md-6">
                     <input type="text" name="compassionateVisitExpenses" class="form-control">
                 </div>
             </div>
 
-            <div class="row" style="margin-bottom: 10px;">
-                <div class="col-md-1">
-                    <input type="checkbox" style="margin-top: 12px" class="unchecked" name="travel_expenses_for_medical_treatment_display" id="travel_expenses_for_medical_treatment_display"  checked>
+            <div class="row mb-2">
+                <div class="col-md-2">
+                    <div class="form-check d-flex align-items-center">
+                        <input type="checkbox" class="form-check-input" name="travel_expenses_for_medical_treatment_display" id="travel_expenses_for_medical_treatment_display"  checked>
+                        <label class="form-check-label" for="travel_expenses_for_medical_treatment">Travel expenses for Medical Treatment</label>
+                    </div>
                 </div>
                 <div class="col-md-4">
-                    <label for="travel_expenses_for_medical_treatment">Travel expenses for Medical Treatment</label>
-                </div>
-                <div class="col-md-6">
                     <input type="text" name="travel_expenses_for_medical_treatment" id="travel_expenses_for_medical_treatment" class="form-control">
                 </div>
-            </div>
-
-            <div class="row" style="margin-bottom: 10px;">
-                <div class="col-md-1">
-                    <input type="checkbox" style="margin-top: 12px" class="unchecked" name="daily_cash_allowance_display" id="daily_cash_allowance_display"  checked>
+                <div class="col-md-2">
+                    <div class="form-check d-flex align-items-center">
+                        <input type="checkbox" class="form-check-input" name="daily_cash_allowance_display" id="daily_cash_allowance_display"  checked>
+                        <label class="form-check-label" for="daily_cash_allowance">Daily cash Allowance</label>
+                    </div>
                 </div>
                 <div class="col-md-4">
-                    <label for="daily_cash_allowance">Daily cash Allowance</label>
-                </div>
-                <div class="col-md-6">
                     <input type="text" name="daily_cash_allowance" id="daily_cash_allowance" class="form-control">
                 </div>
             </div>
 
-            <div class="row" style="margin-bottom: 10px;">
-                <div class="col-md-1">
-                    <input type="checkbox" style="margin-top: 12px" class="unchecked" name="artifical_limb_and_prosthesis_display" id="artifical_limb_and_prosthesis_display"  checked>
+            <div class="row mb-2">
+                <div class="col-md-2">
+                    <div class="form-check d-flex align-items-center">
+                        <input type="checkbox" class="form-check-input" name="artifical_limb_and_prosthesis_display" id="artifical_limb_and_prosthesis_display"  checked>
+                        <label class="form-check-label" for="artifical_limb_and_prosthesis">Artifical Limb and Prosthesis</label>
+                    </div>
                 </div>
                 <div class="col-md-4">
-                    <label for="artifical_limb_and_prosthesis">Artifical Limb and Prosthesis</label>
-                </div>
-                <div class="col-md-6">
                     <input type="text" name="artifical_limb_and_prosthesis" id="artifical_limb_and_prosthesis" class="form-control">
                 </div>
-            </div>
-
-            <div class="row" style="margin-bottom: 10px;">
-                <div class="col-md-1">
-                    <input type="checkbox" style="margin-top: 12px" class="unchecked" name="animalSnakeInsectBite_display" id="animalSnakeInsectBite_display"  checked>
+                <div class="col-md-2">
+                    <div class="form-check d-flex align-items-center">
+                         <input type="checkbox" class="form-check-input" name="animalSnakeInsectBite_display" id="animalSnakeInsectBite_display"  checked>
+                         <label class="form-check-label" for="animalSnakeInsectBite">Animal/Snake/Insect bite</label>  
+                    </div>
+                    
                 </div>
                 <div class="col-md-4">
-                    <label for="animalSnakeInsectBite">Animal/Snake/Insect bite</label>
-                </div>
-                <div class="col-md-6">
                     <input type="text" name="animalSnakeInsectBite" id="animalSnakeInsectBite" class="form-control">
                 </div>
             </div>
 
-            <div class="row" style="margin-bottom: 10px;">
-                <div class="col-md-1">
-                    <input type="checkbox" style="margin-top: 12px" class="unchecked" name="air_ambulance_display" id="air_ambulance_display"  checked>
+            <div class="row mb-2">
+                <div class="col-md-2">
+                    <div class="form-check d-flex align-items-center">
+                        <input type="checkbox" class="form-check-input" name="air_ambulance_display" id="air_ambulance_display"  checked>
+                        <label class="form-check-label" for="air_ambulance">Air Ambulance</label>
+                    </div>
                 </div>
                 <div class="col-md-4">
-                    <label for="air_ambulance">Air Ambulance</label>
-                </div>
-                <div class="col-md-6">
                     <input type="text" name="air_ambulance" id="air_ambulance" class="form-control">
                 </div>
             </div>
@@ -937,22 +886,22 @@
 
         var html = `
             <div class="row" style="margin-bottom: 10px;">                        
-                <div class="col-md-6"> 
-                    <label for="sumInsured">Additional Sum Insured</label>                          
-                </div>
-                <div class="col-md-4">
-                    <input style="width: 128%;" value="${data == null || data == undefined || data == "" ? '' : data}" type="text" name="multiple_sum_insured[]" class="form-control multiple_sum_insured" onkeypress="return onlyNumbers(event)" onkeyup="formatNumber(this); numtowordinkeyup(this)">
-                </div>   
-                <div class="col-md-2" style="position: relative;left: 88px;">
-                    <button type="button" class="btn btn-danger si-remove-multi" onclick="removeGMCAdditionalSI(this)">x</button>
-                    <button type="button" class="btn btn-primary si-add-more" onclick="appendGPASIAddMore()">+</button>            
-                </div>
-                <div class="col-md-6">
-                </div>
-                <div class="col-md-6">
-                    <div class="text-danger-2 numberToWordSumInsured"></div>                           
-                </div>    
-            </div>`;
+                <div class="col">
+                    <div class="d-flex align-items-center gap-2">
+                        <label for="sumInsured" class="form-label" >Additional Sum Insured</label>
+                        <input 
+                        style="max-width:200px;" 
+                        value="${data == null || data == undefined || data == "" ? '' : data}" type="text" name="multiple_sum_insured[]" 
+                        class="form-control multiple_sum_insured mr-2" onkeypress="return onlyNumbers(event)" onkeyup="formatNumber(this); numtowordinkeyup(this)">
+                        <button type="button" class="btn btn-danger si-remove-multi mr-2" onclick="removeGMCAdditionalSI(this)">x</button>
+                        <button type="button" class="btn btn-primary si-add-more    mr-2" onclick="appendGPASIAddMore()">+</button>
+                        <div id='numberToWordSumInsured' class="text-danger-2 "></div>
+                    </div>
+                </div> 
+            </div>
+            
+
+            `;
 
         $('#gpa_si_add_more').append(html);
     }
diff --git a/app/Views/policy_grid.php b/app/Views/policy_grid.php
index 546ff2ab..9f4e8436 100755
--- a/app/Views/policy_grid.php
+++ b/app/Views/policy_grid.php
@@ -26,9 +26,10 @@
     border: 2px solid red; /* or any other style you prefer */
 }
 
-/* .unitDiv{
-    display: none;
-} */
+    #bs-example-modal-lg  .modal-dialog{
+        width:1080px !important;
+    }
+
 </style>
 
 <style>
@@ -60,7 +61,7 @@
 <!--  Modal content for the Large example -->
 <div class="modal fade" id="bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"
     aria-hidden="true" aria-modal="true" data-backdrop="static" style="padding-right: 15px">
-    <div class="modal-dialog modal-full-width">
+    <div class="modal-dialog modal-lg">
         <div class="modal-content">
             <div class="modal-header">
                 <div class="col-md-6">
@@ -3391,7 +3392,7 @@ function appendNewTab(tabNameData = null, data = null)
                     <a href="#" id="copyfromexcel_${tabId}" onclick="copyFromExcel(this, '${tabId}')">Copy from excel</a>
                     <hr>
 
-                    <div class="form-row" id="grid_content_input_for_additional_${tabId}" style="display: true;">
+                    <div class="form-row" id="grid_content_input_for_additional_${tabId}" style="display: block;">
                     </div>
 
 
diff --git a/app/Views/ticket_edit_onbording.php b/app/Views/ticket_edit_onbording.php
index e505c714..dab23823 100644
--- a/app/Views/ticket_edit_onbording.php
+++ b/app/Views/ticket_edit_onbording.php
@@ -146,7 +146,7 @@
                 </div>
             </div>
             <div class="modal-footer">
-                <a class="btn btn-primary close" data-dismiss="modal" aria-label="Close">Submit</a>
+                <a class="btn btn-primary" data-dismiss="modal" aria-label="Close">Submit</a>
             </div>
         </div>
     </div>
diff --git a/app/Views/ticket_form_handler.php b/app/Views/ticket_form_handler.php
index e066d030..e2dadcfc 100644
--- a/app/Views/ticket_form_handler.php
+++ b/app/Views/ticket_form_handler.php
@@ -193,7 +193,7 @@
                 </div>
             </div>
             <div class="modal-footer">
-                <a class="btn btn-primary close" data-dismiss="modal" aria-label="Close"
+                <a class="btn btn-primary" data-dismiss="modal" aria-label="Close"
                     onclick="toResetTheModelFields()">Submit</a>
             </div>
         </div>
diff --git a/app/Views/view_deposit.php b/app/Views/view_deposit.php
index f60a5e8a..bf25aeac 100755
--- a/app/Views/view_deposit.php
+++ b/app/Views/view_deposit.php
@@ -1,62 +1,59 @@
+
+<style>
+    .metrics{
+        border:1px solid lightgrey;border-radius:10px;box-shadow: 0px 4px 4px 0px #00000040;
+        min-width: none;
+        max-width: 350px;
+    }
+
+
+</style>
+
 <div class="row">
     <div class="col-12">
         <div class="card">
             <div class="card-body">
 
-                <div class="text-center">
-                    <div class="row">
-                        <div class="col-md-4"></div>
-                        <div class="col-md-4">
-                            <i class="font-24"></i>
-                            <h4>CD Account No :  <?php echo isset($insurerName->cd_master_account_no) && !empty($insurerName->cd_master_account_no) ? $insurerName->cd_master_account_no : 'N/A' ?></h4>
-                        </div>
-                    </div>
+                <div style="display: flex; align-items: center;">
+                    <a href="<?= base_url("client/deposit/$clientData->id"); ?>" style="color:black; font-size: 40px; margin-right: 10px;">
+                        <i class="mdi mdi-chevron-left"></i>
+                    </a>
+                    <h3 style="margin: 0;">Transaction Details - <?php echo $insurerName->name; ?></h3>
                 </div>
 
-                <div class="text-center">
-                    <div class="row">
+                <br>
 
-                        <div class="col-md-6 col-xl-5">
-                            <div class="py-1">
-                                <i class="font-24"></i>
-                                <h4>Deposit Summary Of <?php echo $clientData->short_name?></h4>
-                            </div>
-                        </div> 
-                        <div class="col-md-6 col-xl-5">
-                            <div class="py-1">
-                                <i class=" font-24"></i>
-                                <h4><?php echo $insurerName->name; ?></h4>
-                            </div>
-                        </div>
+                <div class="d-flex justify-content-between">
+                    <div><h4>CD Account No :  <?php echo isset($insurerName->cd_master_account_no) && !empty($insurerName->cd_master_account_no) ? $insurerName->cd_master_account_no : 'N/A' ?></h4></div>
+                    <div> <h4>Deposit Summary Of <?php echo $clientData->short_name?></h4></div>
+                </div>
+                <div>
+                    <div class="row text-center">
 
-                    </div>
-
-                    <div class="row mt-3 text-center">
-
-                        <div class="col-3">
-                            <p class="text-muted font-15 mb-1 text-truncate">Deposits</p>
-                            <h4 style="font-size: 26px;"><i
-                                    class="fe-arrow-up text-success mr-1"></i>₹<?php echo $deposiamount->total_credit?>
+                        <div class="col-3 d-flex justify-content-between align-items-center metrics mr-2 mt-2">
+                            <span class="text-muted font-15 mb-1 text-truncate">Deposits</span>
+                            <h4 style="font-size: 18px;display:inline;"><i
+                                    class="fe-arrow-up text-success mr-1" ></i>₹<?php echo $deposiamount->total_credit?>
                             </h4>
                         </div>
 
-                        <div class="col-3">
-                            <p class="text-muted font-15 mb-1 text-truncate">Consumed</p>
-                            <h4 style="font-size: 26px;"><i
+                        <div class="col-3 d-flex justify-content-between align-items-center metrics mr-2 mt-2">
+                            <span class="text-muted font-15 mb-1 text-truncate">Consumed</span>
+                            <h4 style="font-size: 20px;display:inline;"><i
                                     class="fe-arrow-down text-danger mr-1"></i>₹<?php echo $deposiamount->total_withdraw?>
                             </h4>
                         </div>
 
-                        <div class="col-3">
-                            <p class="text-muted font-15 mb-1 text-truncate">Refund</p>
-                            <h4 style="font-size: 26px;"><i
+                        <div class="col-3 d-flex justify-content-between align-items-center metrics mr-2 mt-2">
+                            <span class="text-muted font-15 mb-1 text-truncate">Refund</span>
+                            <h4 style="font-size: 20px;display:inline;"><i
                                     class="fe-arrow-up text-success mr-1"></i>₹<?php echo $deposiamount->total_refund?>
                             </h4>
                         </div>
 
-                        <div class="col-3">
-                            <p class="text-muted font-15 mb-1 text-truncate">Current Balance</p>
-                            <h4 style="font-size: 26px;"><i
+                        <div class="col-3 d-flex justify-content-between align-items-center metrics mr-2 mt-2">
+                            <span class="text-muted font-15 mb-1 text-truncate">Current Balance</span>
+                            <h4 style="font-size: 20px;display:inline;"><i
                                     class="fe-credit-card text-sucess mr-1"></i>₹<?php echo $deposiamount->balance?>
                             </h4>
                         </div>
@@ -68,39 +65,20 @@
         </div>
     </div>
 </div>
-<!-- start page title -->
-<!-- <div class="row">
-    <div class="col-12">
-        <div class="page-title-box page-title-box-alt">
-            <h4 class="page-title"></h4>
-            <div class="page-title-right">
-            </div>
-        </div>
-    </div>
-</div> -->
-<!-- end page title -->
+
+
+
+
 <div class="row" id="List-page">
     <div class="col-12">
         <div class="card">
             <div class="card-body">
 
-                <div class="row">
-                    <div class="col-12" style="text-align: right;">
-                        <a href="<?= base_url("client/deposit/$clientData->id"); ?>"><i class="mdi mdi-arrow-left"
-                                style="font-size: 17px;"></i></a>
+                <!-- <div class="row" style="margin-bottom:1rem;">
+                    <div class="col-6" style="text-align: right; position: relative;top: 56px; z-index:999">
+                        <button type="button" id="btnAdd" class="btn btn-primary waves-effect waves-light" data-toggle="modal" data-target="#addTransactionModal"> + Add</button>
                     </div>
-                </div>
-
-                <div class="row" style="margin-bottom:1rem;">
-                    <div class="col-6" style="align-self: center;">
-                        <h4 style="position: relative;">Transaction Details</h4>
-                    </div>
-
-                    <div class="col-6" style="text-align: right; position: relative;top: 56px;">
-                        <button type="button" id="btnAdd" class="btn btn-primary waves-effect waves-light"
-                            data-toggle="modal" data-target="#addTransactionModal">New</button>
-                    </div>
-                </div>
+                </div> -->
 
                 <table data-custom-table-css="table" class="table table-sm table-hover m-0 table-centered dt-responsive w-100" cellspacing="0"
                     id="tickets-table">
@@ -172,46 +150,48 @@
                 </button>
             </div>
             <div class="modal-body">
-
+                <h3>Transaction Mode</h3>
                 <div class="row">
                     <div class="col-md-6">
                         <div class="form-group">
-                            <label for="transactionMode" class="control-label">Transaction Mode</label>
-                            <div class="form-check">
+                           
+                            <div class="form-check mt-2">
                                 <input class="form-check-input" type="radio" name="transactionMode" id="addMode"value="1" checked>
                                 <label class="form-check-label" for="addMode">Replenishment by Client</label>
                             </div>
-                            <div class="form-check">
+                            <div class="form-check mt-2">
                                 <input class="form-check-input" type="radio" name="transactionMode" id="refund_by_insurer"value="6">
                                 <label class="form-check-label" for="addMode">Refund by Insurer</label>
                             </div>
-                            <!-- <div class="form-check">
-                                <input class="form-check-input" type="radio" name="transactionMode" id="adjustmentModeadd"value="2">
-                                <label class="form-check-label" for="adjustmentMode">Adjustment Add</label>
-                            </div>
-                            <div class="form-check">
-                                <input class="form-check-input" type="radio" name="transactionMode" id="adjustmentModereduce"value="3">
-                                <label class="form-check-label" for="adjustmentMode">Adjustment Reduce</label>
-                            </div> -->
-                            <div class="form-check">
+                        </div>
+                    </div>
+                    <div class="col-md-6">
+                        <div class="form-group">
+                            <div class="form-check mt-2">
                                 <input class="form-check-input" type="radio" name="transactionMode" id="assetpolicyadd"value="4">
                                 <label class="form-check-label" for="adjustmentMode">Non EB Credit</label>
                             </div> 
-                            <div class="form-check">
+                            <div class="form-check mt-2">
                                 <input class="form-check-input" type="radio" name="transactionMode" id="assetpolicyreduce"value="5">
                                 <label class="form-check-label" for="adjustmentMode">No EB Debit</label>
                             </div>
                         </div>
                     </div>
+                </div>
+                <div class="row">
                     <div class="col-md-6">
                         <div class="form-group">
                             <label for="field-1" class="control-label">Amount<span class="text-danger">*</span></label>
                             <input type="number" class="form-control" id="amount" placeholder="Amount" required>
-                            <br><label for="record_date">Record Date <span class="text-danger"></span></label>
-                            <input type="text" class="form-control policy_start_date" id="record_date" name="record_date" placeholder="Record Date">
                         </div>
                     </div>
 
+                    <div class="col-md-6">
+                        <div class="form-group">
+                            <label for="record_date">Record Date <span class="text-danger"></span></label>
+                            <input type="text" class="form-control policy_start_date" id="record_date" name="record_date" placeholder="Record Date">
+                        </div>
+                    </div>
                 </div>
 
                 <!-- <div class="row" id="transactionTypeRow" style="display:none;">
@@ -275,45 +255,58 @@
 
         });
         $('#tickets-table').DataTable({
-            dom: "<'row'<'col-sm-0'f><'col-sm-7 text-right'B>>" +
-                "<'row'<'col-sm-12'tr>>" +
-                "<'row'<'col-sm-5'i><'col-sm-7'p>>",
-            buttons: [{
-                    extend: 'csv',
-                    text: 'CSV',
-                    title: 'CD TransactionDetails',
-                    exportOptions: {
-                        columns: ''
+                dom: "<'row'<'col-sm-2'f><'col-sm-10 text-right'B>>" + 
+                    "<'row'<'col-sm-12'tr>>" + 
+                    "<'row'<'col-sm-5'i><'col-sm-7'p>>", 
+
+                buttons: [
+                    {
+                        text: '+ add',
+                        className: 'btn btn-primary buttons-html5',
+                        action: function () {
+                            var myModal = new bootstrap.Modal(document.getElementById('addTransactionModal'));
+                            myModal.show();
+                        }
                     }
-                },
-                {
-                    extend: 'pdf',
-                    text: 'PDF',
-                    title: 'TransactionDetails',
-                    exportOptions: {
-                        columns: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
-                        format: {
-                            body: function(data, row, column, node) {
-                                return data.replace(/<.*?>/g, '');
-                            }
+                    ,
+                    {
+                        extend: 'csv',
+                        text: 'CSV',
+                        title: 'CD TransactionDetails',
+                        exportOptions: {
+                            columns: ''
                         }
                     },
-                    customize: function(doc) {
-                        doc.pageOrientation = 'landscape';
-                        doc.styles.tableHeader.alignment = 'left';
-                        doc.defaultStyle.alignment = 'left';
-                        doc.content[1].table.widths = ['9%', '9%', '8%', '9%', '10%', '9%', '9%', '9%', '9%', '11%', '8%'];
+                    {
+                        extend: 'pdf',
+                        text: 'PDF',
+                        title: 'TransactionDetails',
+                        exportOptions: {
+                            columns: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
+                            format: {
+                                body: function (data, row, column, node) {
+                                    return data.replace(/<.*?>/g, '');
+                                }
+                            }
+                        },
+                        customize: function (doc) {
+                            doc.pageOrientation = 'landscape';
+                            doc.styles.tableHeader.alignment = 'left';
+                            doc.defaultStyle.alignment = 'left';
+                            doc.content[1].table.widths = [
+                                '9%', '9%', '8%', '9%', '10%',
+                                '9%', '9%', '9%', '9%', '11%', '8%'
+                            ];
+                        }
                     }
-                }
-
-            ],
-            language: {
-                search: "_INPUT_",
-                searchPlaceholder: "Search..."
-            },
-            ordering: false,
-            paging: true,
-        });
+                ],
+                language: {
+                    search: "_INPUT_",
+                    searchPlaceholder: "Search..."
+                },
+                ordering: false,
+                paging: true
+            });    
     });
 </script>
 
diff --git a/public/assets/images/avatar_2x.png b/public/assets/images/avatar_2x.png
index 0f498b7068f3dc01c83a2f9167201477460ba394..07acf2ee99cf58cf7602beeab7b618e3085cb086 100755
GIT binary patch
literal 787
zcmV+u1MK{XP)<h;3K|Lk000e1NJLTq002M$002M;1^@s6s%dfF0008WNkl<ZcmeF1
zy^0h;5P+-q4lz(P5EP6Q10zi|I5qPDd;m>$70y5e1K&YRL`0pQ+vz=jBBOf%GvN+2
z(a1nF5)4cZ6-4y5?H<9~>6zK?VtVd+rfZm*>8h^juKKEWmt}VVkskyg@&*9v0P29q
z3D8R*@&-V>339OxT*!{dx@%$GUIIFCfF;*O1MpkQ3*``q9e}R9!$Lv2IK*xT(5=dw
zb+C4=3xMLH%OeIMOEFrjh6i9>vRe)Wpj-879<8|ob%04EHk~>kwu+niQU{nsV$-Pu
zVyn2BFLi)PBsQHoAhwE|`BDd%L}Jsa1NvTZTYlkoK(cbl7QB!7FabP%aunFY8YI~n
zA4$$zBTN8;t<QPTjJ?V4EneCMz{O2;>^$2nJd;j-6?D%^djQ7c6DrpGkc=;?yW7b{
z2EY!$>>=eI^)uJAS(DFkdjPfuAM!xi;AMWdU6Smyav3S9I<EkqoUEE?YHJ4o7e5Pu
zaq+vLS1F9Wtuk-h<ooThzmb0csaR9t?Nu^+E&>-~)=(J#`}MhCs#Li6R%vfw^b3Gz
z7eGSY=l2jEiQ}bMxp-Z&)f@IJkPqso@iYDaNXY=$E0}jIz{kRLx_VjZXO&>i8?f^9
z80LX_zWxBDlj*#T{?8@iOFn-1Vjsxq^L&iGO#ghsK2qoJ2LR9B)ooC+GdKb~yA6v!
zzL(}O1}?s0-0OUs1K{Es06PV!gWW~BS34hqRNSeaa<?`EaBp%Dq&%-=bys964}*@u
zJ>QaNGXS@Sn{fT=a92ggP)f_)&<ue4K0D@#-G~5SiS^B&I-qYA#pZ+W0R6=!WI+;e
z0kDBwGbDFw>~;XlqjMo;go?!>b~^yQqyB3wfR(0p4MaBbzw<f-;|4%4q-kmp-4N%l
zbqAm!^iT*u4~vRQi8=s<tB20i0bMU@)A;`a00960>zs_I00006Nkl<Z0|3&z-H<Zk
RH68!}002ovPDHLkV1oP4WtIQ{

literal 626
zcmeAS@N?(olHy`uVBq!ia0vp^2SAtuNHCOdH@?llz+~y^;uuoF`1Tej*J}k4w}<cQ
z{q37rI6Wpb0Erh~_iWC8oLRyBe9eLN#p}O+toaDknV<*Kj{$hV#=?YuOEuexKH9Zk
zETP-a{>h_nS`EsTe~sq%g)^uuzyEAfrNhTx$@^}w>HNy>PIQ?2h2Qt8Rzmr&<#+Og
zH(0-{JGl7&&uA7lhN~}K*3Dw}vAUYVyWvGjx30s*mtC3-*I({YbqI1k$@icj>x66?
zgQu^mF~j<0dqfW`J7%Wbu;SPv!G_@Eb8HFW#k)BVta=tE+_2)=B2I^Z;)5&>Z#fTq
zW_-YKz?;LNx@O|X;79iLXFe9svNw_a7xZcQyp3M3p9dsuIZ?3vdc|CBzI8Kh>Hpl3
z_H@zi+N%wz{MT}CiO-9$On$k(_U)vj;bHx`tS}EV90*}xm@?^-j9P6lN3qw^8SHN?
zS=ZY?aXz)%*Ws-91$(h+F}{pheR1la4a21yazAFB(Z8K>Ky2=<*M_;3JvO!c&c+MW
z*5~~U$!D7qId}Hy-UgeOP0MP86{=&WoHu7UwS;^2siO^6uOB_DQcWn`WwSkw&7vt!
zQ|3BD*Ja<GMXU<1j}_HBTv>bcUc-vn-L;IX^YY(v-Y{9PR{lYO)CB8YjA^`??^rdY
zLSC|PNQJy$ULh6smMOw?%~o!OjEIHY2QnkpaXT=-X0(Wt4S;(J2jjr?drZ3)>{?W@
R<Y)~@iKnZd%Q~loCIFQY_Fe!0