@extends('reachassuree_agent/layouts.main')
@section('title', $data['title'])
@section('content')

<style>
    input.commit_comm_per,
    input.life_remark,
    input.general_remark,
    input.life_commit_comm_per {
        padding: 4px 10px;
    }

    table.dataTable td {
        padding: 7px 10px;
    }

    tr.totalBackground {
        --bs-table-striped-bg: #689ae3;
        --bs-table-bg: #689ae3;
    }

    .d-grid span:hover{
        color: #fff;
    }
    
    input.life_comm_diff_per,
    input.life_comm_diff_amt,
    input.life_recvd_comm_per,
    input.life_commit_comm_amt,
    input.life_net_commisionable_amt,
    input.life_recvd_commit_comm_amt,
    input.comm_diff_per,
    input.comm_diff_amt,
    input.recvd_comm_per,
    input.endo_commit_comm_per,
    input.commit_comm_amt,
    input.recvd_comm_amt,
    input.net_commisionable_amt,
    input.premium_paid,
    input.total_amount,
    input.tpa_premium,
    input.commissionable_value,
    input.commissionable_fix,
    input.commissionable_comm,
    input.commission_recieved_arv,
    input.commission_diff_value,
    input.commission_diff_comm,
    input.life_total_amount,
    input.recvd_commit_comm_amt,
    input.invest_amt,
    input.remain_received_amount,
    input.life_remain_received_amount,
    input.life_recvd_comm_amt,
    input.commission_diff_diff{
        outline: none;
        border: 0;
        text-align: left;
        background: transparent;
    }

    input#commissionableComm,
    input#commissionableRecivedVal,
    input#commissionableRecivedComm,
    input#commissionableDiffValue,
    input#commissionableDiffComm,
    input#commissionableValue,
    input#premAmountTotal,
    input#net_comm_rcvd_bank,
    input#lifecommissionableComm,
    input#lifecommissionableRecivedVal,
    input#lifecommissionableRecivedComm,
    input#lifecommissionableDiffValue,
    input#lifecommissionableDiffComm,
    input#lifecommissionableValue,
    input#lifepremAmountTotal{
        outline: none;
        border: 0;
        text-align: left;
        font-size: 13px;
        font-weight: 600;
        background: transparent;
    }

    .priceDetails tr td {
        text-align: right !important;
    }

    @media (max-width: 575px) {
        .col-12.d-flex{
            display: unset !important;
        }
        .d-flex.justify-content {
            justify-content: center;
            margin: 15px 0;
        }
    }

    @media (max-width: 768px) {
        .nav{
            margin: 0 auto;
            display: block !important;
        }
        li.nav-item{
            border-right: unset !important;
        }
        .page-title-box .col-md-6:first-child .page-title-right{
            margin: 15px 0;
        }
    }

    div#G_Datatable_wrapper,
    div#L_Datatable_wrapper,
    div#I_Datatable_wrapper{
        background-color: white;
        padding: 15px 20px;
        border-radius: 0.8rem;
    }

    .form-control[readonly] {
        background-color: #ffffff !important;
    }

    input#general_document_number {
        cursor: default;
    }

    div#myTabContent {
        background-color: #f1f5fe;
        padding: 1rem;
        border-radius: 0.8rem;
    }

    button#life-commission,
    button#general-commission,
    button#endo-policy-commission{
        font-size: 16px;
        color: #000;
    }

    .dataTables_wrapper .row:first-child .col-sm-12{
        width: 50% !important;
    }

    .priceDetails tr td:last-child{
        width: 15%;
        position: relative;
    }

    #add_diff_amt,
    #add_target_comm_amt,
    #add_scm_comm_amt,
    #less_tds,
    #less_advs_recoverd,
    #less_other_diff,
    #less_other_deductions,
    #less_gst_deduction,
    #add_oteher_commission{
        width: 80%;
        padding: 0;
        margin: 5px 0;
        text-align: right; 
        line-height: 25px;
    }

    :focus{
        outline: none;
    }

    td {
        vertical-align: middle;
    }

    input[type="text"]{
        color: #333; 
        box-sizing: border-box; 
        letter-spacing: 1px;
    }

    .effect-1{
        border: 0; 
        padding: 7px 0; 
        border-bottom: 1px solid #ccc;
    }

    .effect-1 ~ .focus-border{
        position: absolute; 
        bottom: 0; 
        left: 0; 
        width: 0; 
        height: 2px; 
        background-color: #3399FF; 
        transition: 0.4s;
    }

    .effect-1:focus ~ .focus-border{
        width: 100%; 
        transition: 0.4s;
    }

    input::placeholder {
        text-align: left;
    }

    thead th:last-child{
        align-content: center;
    }

    @media (max-width: 1600px){
        #myTab {
            align-items: stretch;
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            overflow-x: auto !important;
        }
    }

    .theadBorderFRow{
        border: 1px solid #bfbfbf;
    }

    thead tr:first-child th:first-child{
        border-radius: 10px 0 0 0;
    }
    
    thead tr:first-child th:last-child{
        border-radius: 0 10px 0 0;
    }
</style>

<div class="page-content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12 page-title-box">
                <div class="row"><div class="col-md-8"><h4 class="mb-sm-0 font-size-18"><a href="javascript:void(0);" onclick="history.back();"class="btn btn-primary px-3 waves-effect waves-light btn-sm backToButton" id="backToButton"><i class="mdi mdi-arrow-left font-size-20"></i></a>&nbsp;&nbsp;&nbsp; {{$data['title']}}</h4></div></div>
            </div>
        </div>

        <div class="row justify-content-end">
            <a href="javascript:void(0);" onclick="return learningVideo()" class="btn-youtube-pulse btn-youtube-pulse-border">
                <i class="mdi mdi-youtube"></i>
            </a>
        </div>

        <div class="row" id="card">
            <div class="card p-4">
                <div class="card-body p-0">
                    <div class="row mb-3 justify-content-between">
                        <div class="col-md-9">
                            <ul class="nav nav-tabs" id="myTab" role="tablist">
                                <li class="nav-item" role="presentation">
                                    <button class="nav-link waves-effect" id="general-commission" data-bs-toggle="tab" data-bs-target="#generalCommission" type="button" role="tab" aria-controls="profile" aria-selected="false">General Insurance Commission</button>
                                </li>
                                <li class="nav-item" role="presentation">
                                    <button class="nav-link waves-effect" id="life-commission" data-bs-toggle="tab" data-bs-target="#lifeCommission" type="button" role="tab" aria-controls="contact" aria-selected="false">Life Insurance Commission</button>
                                </li>
                                <li class="nav-item" role="presentation">
                                    <button class="nav-link waves-effect" id="endo-policy-commission" data-bs-toggle="tab" data-bs-target="#endoPolicyCommission" type="button" role="tab" aria-controls="contact" aria-selected="false">General Endorsement Policies Commission</button>
                                </li>
                            </ul>
                        </div>
                        <div class="col-md-3 w-auto float-end">
                        {{-- <div class="col-md-3 d-flex justify-content-end align-items-center mb-3"> --}}
                            
                            {{-- <button class="btn generalDownloadBtn btn-primary" onclick="return downloadPDF();" type="button">Download Report</button> --}}
                            {{-- <button class="btn lifeDownloadBtn btn-primary" onclick="return downloadPdfLife();" type="button">Download Report</button> --}}

                            <div class="downloadReport generalDownloadBtn" style="display: contents; position: relative;">
                                <button class="btn dropdown-toggle dropdownMenuButton3 tooltipMsg btn-primary" type="button" id="dropdownMenuButton3" data-bs-toggle="dropdown" aria-expanded="false">Download Report</button>
                                <div class="dropdown-menu custom-dropdown-toggle-top" aria-labelledby="dropdownMenuButton3">
                                  <a href="#" class="dropdown-item general-export-btn" data-type="view">Current Page</a>
                                  <a href="#" class="dropdown-item general-export-btn" data-type="all">All Records</a>
                                </div>
                            </div>

                            <div class="downloadReport lifeDownloadBtn" style="display: contents; position: relative;">
                                <button class="btn dropdown-toggle dropdownMenuButton4 tooltipMsg btn-primary" type="button" id="dropdownMenuButton4" data-bs-toggle="dropdown" aria-expanded="false" disabled>Download Report</button>
                                <div class="dropdown-menu custom-dropdown-toggle-top" aria-labelledby="dropdownMenuButton4">
                                  <a href="#" class="dropdown-item life-export-btn" data-type="view">Current Page</a>
                                  <a href="#" class="dropdown-item life-export-btn" data-type="all">All Records</a>
                                </div>
                            </div>

                        </div>
                    </div>
                    
                    <div class="tab-content" id="myTabContent">
                        <div class="tab-pane fade" id="generalCommission" role="tabpanel" aria-labelledby="general-commission">
                            <!-- <form action="{{ route('add.general.commission.entry') }}" method="POST" id="formGeneralCommissionEntry" class="needs-validation" novalidate> -->
                                <!-- @csrf -->

                                <div class="row">
                                    <!-- <div class="col-xl-3">
                                        <label class="form-label">Select date type<span></span></label>
                                        <select class="form-control" name="select_date_type" id="select_date_type">
                                            <option value="">Please select date type</option>
                                            <option value="1">Policy Transaction Date</option>
                                            <option value="2">Commission Transaction Date</option>
                                        </select>
                                    </div> -->
                                    <div class="col-xl-3">
                                        <div class="row">
                                            <div class="col-6">
                                                <div class="mb-3">
                                                    <label for="from_date" class="form-label">From Date<span class="text-danger">*</span></label>
                                                    <input class="form-control" type="text" name="from_date" id="from_date" value="" placeholder="dd-mm-yyyy" autocomplete="off">
                                                </div>
                                            </div>
                                            <div class="col-6">
                                                <div class="mb-3">
                                                    <label for="end_date" class="form-label">To Date<span class="text-danger">*</span></label>
                                                    <input type="text" class="form-control" name="end_date" id="end_date" value="" placeholder="dd-mm-yyyy" required autocomplete="off">
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-xl-3">
                                        <div class="mb-3">
                                            <label for="insurance_company_id" class="form-label">Insurance Company<span class="text-danger">*</span></label>
                                            <select class="form-control select2-ajax" id="insurance_company_id" name="insurance_company_id" required></select>
                                        </div>
                                    </div>

                                    <div class="col-xl-3">
                                        <div class="mb-3">
                                            <label for="broker_id" class="form-label">Broker<span class="text-danger">*</span></label>
                                            <select class="form-control select2-ajax" id="broker_id" name="broker_id" required></select>
                                        </div>
                                    </div>

                                    <div class="col-xl-3">
                                        <div class="mb-3">
                                            <label for="general_agency" class='form-label'>Agency<span class="text-danger">*</span></label>
                                            <select class="form-control select2-ajax" id="general_agency" name="general_agency" required></select>
                                        </div>
                                    </div>
                                    
                                    <div class="col-xl-4">
                                        <div class="mb-3">
                                            <label for="general_commission_type" class='form-label'>Filter Selection<span class="text-danger">*</span></label>
                                            <select class="form-control select2-ajax" id="general_commission_type" name="general_commission_type[]" required multiple></select>
                                        </div>
                                    </div>
                                    
                                    <div class="col-xl-3">
                                        <div class="mb-3">
                                            <label for="commission_type_general" class='form-label'>Commission Type</label>
                                            <select class="form-control select2-ajax" id="commission_type_general" name="commission_type_general"></select>
                                        </div>
                                    </div>
                                </div>

                                <div class="table-responsive" id="hideGeneralTable">
                                    <table id="G_Datatable" class="table align-middle table-nowrap table-striped display nowrap w-100">  
                                        <thead class="table-light"> 
                                            <tr>
                                                <th class="theadBorderFRow" rowspan="2">Policy Transaction Date<br><input type="text" class="form-control" name="general_transaction_date" placeholder="Search" autocomplete="off" style="width: 100px; height: 25px"></th>
                                                <th class="theadBorderFRow" rowspan="2">Broker<br><input type="text" class="form-control" name="broker" placeholder="Search" autocomplete="off" style="width: 100px; height: 25px"></th>
                                                <th class="theadBorderFRow" rowspan="2">Company<br><input type="text" class="form-control" name="company_name" placeholder="Search" autocomplete="off" style="width: 100px; height: 25px"></th>
                                                <th class="theadBorderFRow" rowspan="2">Client Name<br><input type="text" class="form-control" name="client_name" placeholder="Search" autocomplete="off" style="width: 100px; height: 25px"></th>
                                                <th class="theadBorderFRow" rowspan="2">Division<br><input type="text" class="form-control" name="division" placeholder="Search" autocomplete="off" style="width: 100px; height: 25px"></th>
                                                <th class="theadBorderFRow" rowspan="2">Segment<br><input type="text" class="form-control" name="segment" placeholder="Search" autocomplete="off" style="width: 100px; height: 25px"></th>
                                                <th class="theadBorderFRow" rowspan="2">Segment Type<br><input type="text" class="form-control" name="segment_type" placeholder="Search" autocomplete="off" style="width: 100px; height: 25px"></th>
                                                <th class="theadBorderFRow" rowspan="2">Transaction Type<br><input type="text" class="form-control" name="policy_type" placeholder="Search" autocomplete="off" style="width: 100px; height: 25px"></th>
                                                <th class="theadBorderFRow" rowspan="2">Policy No<br><input type="text" class="form-control" name="policy_no" placeholder="Search" autocomplete="off" style="width: 100px; height: 25px"></th>
                                                <th class="theadBorderFRow" rowspan="2">Premium Count<br><input type="text" class="form-control" name="premium_count" placeholder="Search" autocomplete="off" style="width: 100px; height: 25px"></th>
                                                <th class="theadBorderFRow" rowspan="2">Commissionable Amt.<br><input type="text" class="form-control" name="comm_amt" placeholder="Search" autocomplete="off" style="width: 100px; height: 25px"></th>
                                                <th class="theadBorderFRow text-center" colspan="2">Commitment</th>
                                                <th class="theadBorderFRow text-center" colspan="3">Received</th>
                                                <th class="theadBorderFRow text-center" colspan="3">Difference</th>
                                                <th class="theadBorderFRow text-center" rowspan="2">Remark</th>
                                            </tr>
                                            <tr>
                                                <th class="theadBorderFRow">Commission %</th>
                                                <th class="theadBorderFRow">Commission Amt.</th>
                                                <th class="theadBorderFRow">Amount</th>
                                                <th class="theadBorderFRow">Percentage %</th>
                                                <th class="theadBorderFRow">Commissionable Amt.</th>
                                                <th class="theadBorderFRow">Commissionable Amt.</th>
                                                <th class="theadBorderFRow">Commission Amt.</th>
                                                <th class="theadBorderFRow">Commission %</th>
                                            </tr>
                                        </thead>
                                        <tbody id="input-container"></tbody>
                                    </table>
                                    <!-- @csrf -->
                                </div>

                                <div class="card p-3 m-0 hideGeneralNoData">
                                    <div class="col-md-12">
                                        <h6 class="text-center text-muted my-3">There is no data to display. Please make a filter selection!!</h6>
                                    </div>
                                </div>

                                <div class="col-md-12 mt-3">
                                    <div class="row">
                                        <div class="col-xl-3 col-sm-3">
                                            <div class="card text-white bg-secondary mb-0">
                                                <div class="card-header text-center font-size-14">Commitment Amount<br>
                                                    <div id="gt_commitment_amount"></div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xl-3 col-sm-3">
                                            <div class="card text-white bg-secondary mb-0">
                                                <div class="card-header text-center font-size-14">Received Amount<br>
                                                    <div id="gt_received_amount"></div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xl-3 col-sm-3">
                                            <div class="card text-white bg-secondary mb-0">
                                                <div class="card-header text-center font-size-14">Different Amount<br>
                                                    <div id="gt_different_amount"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            <!-- </form> -->
                        </div>

                        <div class="tab-pane fade" id="lifeCommission" role="tabpanel" aria-labelledby="life-commission">
                            <form action="{{route('add.life.commission.entry')}}" method="POST" id="formLifeCommissionEntry" class="needs-validation" novalidate>
                                @csrf

                                <div class="row">
                                    <!-- <div class="col-xl-3">
                                        <label class="form-label">Select date type<span></span></label>
                                        <select class="form-control" name="select_date_type" id="select_date_type">
                                            <option value="">Please select date type</option>
                                            <option value="1">Policy Transaction Date</option>
                                            <option value="2">Commission Transaction Date</option>
                                        </select>
                                    </div> -->
                                    <div class="col-xl-3">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="mb-3">
                                                    <label for="life_from_date" class="form-label">From Date<span class="text-danger">*</span></label>
                                                    <input type="text" class="form-control" name="life_from_date" id="life_from_date" value="" placeholder="dd-mm-yyyy" autocomplete="off">
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="mb-3">
                                                    <label for="life_end_date" class="form-label">To Date<span class="text-danger">*</span></label>
                                                    <input type="text" class="form-control" name="life_end_date" id="life_end_date" value="" placeholder="dd-mm-yyyy" data-dateformat="dd-mm-yyyy" required autocomplete="off">
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-xl-2">
                                        <div class="mb-3">
                                            <label for="life_insurance_company_id" class="form-label">Insurance Company<span class="text-danger">*</span></label>
                                            <select class="form-control select2-ajax" id="life_insurance_company_id" name="life_insurance_company_id" required></select>
                                        </div>
                                    </div>

                                    <div class="col-xl-2">
                                        <div class="mb-3">
                                            <label for="life_broker_id" class="form-label">Broker<span class="text-danger">*</span></label>
                                            <select class="form-control select2-ajax" id="life_broker_id" name="life_broker_id" required></select>
                                        </div>
                                    </div>

                                    <div class="col-xl-3">
                                        <div class="mb-3">
                                            <label for="life_agency" class='form-label'>Agency<span class="text-danger">*</span></label>
                                            <select class="form-control select2-ajax" id="life_agency" name="life_agency" required></select>
                                        </div>
                                    </div>
                                    
                                    <div class="col-xl-4">
                                        <div class="mb-3">
                                            <label for="life_commission_type" class='form-label'>Filter Selection<span class="text-danger">*</span></label>
                                            <select class="form-control select2-ajax" id="life_commission_type" name="life_commission_type[]" multiple required></select>
                                        </div>
                                    </div>                                 
                                    
                                    <div class="col-xl-3">
                                        <div class="mb-3">
                                            <label for="commission_type_life" class='form-label'>Commission Type</label>
                                            <select class="form-control select2-ajax" id="commission_type_life" name="commission_type_life"></select>
                                        </div>
                                    </div>                                 
                                </div>

                                <div class="table-responsive" id="hideLifeTable">
                                    <table id="L_Datatable" class="table align-middle table-nowrap table-striped display nowrap w-100">  
                                        <thead class="table-light">
                                            <tr>
                                                <th class="theadBorderFRow" rowspan="2">Policy Transaction Date<br><input type="text" class="form-control" name="life_transaction_date" placeholder="Search" autocomplete="off" style="width: 100px; height: 25px"></th=>
                                                <th class="theadBorderFRow" rowspan="2">Broker<br><input type="text" class="form-control" name="life_broker" placeholder="Search" autocomplete="off" style="width: 100px; height: 25px"></th>
                                                <th class="theadBorderFRow" rowspan="2">Company<br><input type="text" class="form-control" name="company_name" placeholder="Search" autocomplete="off" style="width: 100px; height: 25px"></th>
                                                <th class="theadBorderFRow" rowspan="2">Client Name<br><input type="text" class="form-control" name="life_client_name" placeholder="Search" autocomplete="off" style="width: 100px; height: 25px"></th>
                                                <th class="theadBorderFRow" rowspan="2">Mode<br><input type="text" class="form-control" name="life_mode" placeholder="Search" autocomplete="off" style="width: 100px; height: 25px"></th>
                                                <th class="theadBorderFRow" rowspan="2">Plan Number<br><input type="text" class="form-control" name="life_insurance_plan" placeholder="Search" autocomplete="off" style="width: 100px; height: 25px"></th>
                                                <th class="theadBorderFRow" rowspan="2">Transaction Type<br><input type="text" class="form-control" name="life_policy_status" placeholder="Search" autocomplete="off" style="width: 100px; height: 25px"></th>
                                                <th class="theadBorderFRow" rowspan="2">Policy No<br><input type="text" class="form-control" name="life_policy_no" placeholder="Search" autocomplete="off" style="width: 100px; height: 25px"></th>
                                                <th class="theadBorderFRow" rowspan="2">Premium Count<br><input type="text" class="form-control" name="life_premium_count" placeholder="Search" autocomplete="off" style="width: 100px; height: 25px"></th>
                                                <th class="theadBorderFRow" rowspan="2">Commissionable Amt.<br><input type="text" class="form-control" name="life_comm_amt" placeholder="Search" autocomplete="off" style="width: 100px; height: 25px"></th>
                                                <th class="theadBorderFRow text-center" colspan="2">Commitment</th>
                                                <th class="theadBorderFRow text-center" colspan="3">Received</th>
                                                <th class="theadBorderFRow text-center" colspan="3">Difference</th>
                                                <th class="theadBorderFRow text-center" rowspan="2">Remark</th>
                                            </tr>
                                            <tr>
                                                <th class="theadBorderFRow">Commission %</th>
                                                <th class="theadBorderFRow">Commission Amt.</th>
                                                <th class="theadBorderFRow">Amount</th>
                                                <th class="theadBorderFRow">Percentage %</th>
                                                <th class="theadBorderFRow">Commissionable Amt.</th>
                                                <th class="theadBorderFRow">Commissionable Amt.</th>
                                                <th class="theadBorderFRow">Commission Amt.</th>
                                                <th class="theadBorderFRow">Commission %</th>
                                            </tr>
                                        </thead>
                                        <tbody id="lifeData"></tbody>
                                    </table>
                                    @csrf
                                </div>

                                <div class="card p-3 m-0 hideLifeNoData">
                                    <div class="col-md-12">
                                        <h6 class="text-center text-muted my-3">There is no data to display. Please make a filter selection!!</h6>
                                    </div>
                                </div>

                                <div class="col-md-12 mt-3">
                                    <div class="row">
                                        <div class="col-xl-3 col-sm-3">
                                            <div class="card text-white bg-secondary mb-0">
                                                <div class="card-header text-center font-size-14">Commitment Amount<br>
                                                    <div id="lt_commitment_amount"></div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xl-3 col-sm-3">
                                            <div class="card text-white bg-secondary mb-0">
                                                <div class="card-header text-center font-size-14">Received Amount<br>
                                                    <div id="lt_received_amount"></div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xl-3 col-sm-3">
                                            <div class="card text-white bg-secondary mb-0">
                                                <div class="card-header text-center font-size-14">Different Amount<br>
                                                    <div id="lt_different_amount"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>

                        <div class="tab-pane fade" id="endoPolicyCommission" role="tabpanel" aria-labelledby="endo-policy-commission">
                            <form action="{{ route('add.general.commission.entry') }}" method="POST" id="formEndoPolicyCommissionEntry" class="needs-validation" novalidate>
                                @csrf

                                <div class="row">
                                    <div class="col-xl-3">
                                        <div class="row">
                                            <div class="col-6">
                                                <div class="mb-3">
                                                    <label for="endo_from_date" class="form-label">From Date<span class="text-danger">*</span></label>
                                                    <input class="form-control" type="text" name="from_date" id="endo_from_date" value="" placeholder="dd-mm-yyyy" autocomplete="off">
                                                </div>
                                            </div>
                                            <div class="col-6">
                                                <div class="mb-3">
                                                    <label for="endo_end_date" class="form-label">To Date<span class="text-danger">*</span></label>
                                                    <input type="text" class="form-control" name="end_date" id="endo_end_date" value="" placeholder="dd-mm-yyyy" required autocomplete="off">
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-xl-3">
                                        <div class="mb-3">
                                            <label for="endo_insurance_company_id" class="form-label">Insurance Company<span class="text-danger">*</span></label>
                                            <select class="form-control select2-ajax" id="endo_insurance_company_id" name="insurance_company_id" required></select>
                                        </div>
                                    </div>

                                    <div class="col-xl-3">
                                        <div class="mb-3">
                                            <label for="endo_broker_id" class="form-label">Broker<span class="text-danger">*</span></label>
                                            <select class="form-control select2-ajax" id="endo_broker_id" name="broker_id" required></select>
                                        </div>
                                    </div>

                                    <div class="col-xl-3">
                                        <div class="mb-3">
                                            <label for="endo_agency" class='form-label'>Agency<span class="text-danger">*</span></label>
                                            <select class="form-control select2-ajax" id="endo_agency" name="general_agency" required></select>
                                        </div>
                                    </div>
                                    
                                    <div class="col-xl-4">
                                        <div class="mb-3">
                                            <label for="endo_commission_type" class='form-label'>Filter Selection<span class="text-danger">*</span></label>
                                            <select class="form-control select2-ajax" id="endo_commission_type" name="general_commission_type[]" required multiple></select>
                                        </div>
                                    </div>
                                    
                                    <div class="col-xl-3">
                                        <div class="mb-3">
                                            <label for="commission_type_endo" class='form-label'>Commission Type</label>
                                            <select class="form-control select2-ajax" id="commission_type_endo" name="commission_type_general"></select>
                                        </div>
                                    </div>
                                </div>

                                <div class="table-responsive" id="hideEndoPolicyTable">
                                    <table id="Endo_Datatable" class="table align-middle table-nowrap table-striped display nowrap w-100">  
                                        <thead class="table-light"> 
                                            <tr>
                                                <th class="theadBorderFRow" rowspan="2">Transaction Date<br><input type="text" class="form-control" name="endo_general_transaction_date" placeholder="Search" autocomplete="off" style="width: 100px; height: 25px"></th>
                                                <th class="theadBorderFRow" rowspan="2">Broker<br><input type="text" class="form-control" name="endo_broker" placeholder="Search" autocomplete="off" style="width: 100px; height: 25px"></th>
                                                <th class="theadBorderFRow" rowspan="2">Company<br><input type="text" class="form-control" name="endo_company" placeholder="Search" autocomplete="off" style="width: 100px; height: 25px"></th>
                                                <th class="theadBorderFRow" rowspan="2">Client Name<br><input type="text" class="form-control" name="endo_client_name" placeholder="Search" autocomplete="off" style="width: 100px; height: 25px"></th>
                                                <th class="theadBorderFRow" rowspan="2">Division<br><input type="text" class="form-control" name="endo_division" placeholder="Search" autocomplete="off" style="width: 100px; height: 25px"></th>
                                                <th class="theadBorderFRow" rowspan="2">Segment<br><input type="text" class="form-control" name="endo_segment" placeholder="Search" autocomplete="off" style="width: 100px; height: 25px"></th>
                                                <th class="theadBorderFRow" rowspan="2">Segment Type<br><input type="text" class="form-control" name="endo_segment_type" placeholder="Search" autocomplete="off" style="width: 100px; height: 25px"></th>                                                
                                                <th class="theadBorderFRow" rowspan="2">Policy No<br><input type="text" class="form-control" name="endo_policy_no" placeholder="Search" autocomplete="off" style="width: 100px; height: 25px"></th>
                                                <th class="theadBorderFRow" rowspan="2">Premium Count<br><input type="text" class="form-control" name="endo_premium_count" placeholder="Search" autocomplete="off" style="width: 100px; height: 25px"></th>
                                                <th class="theadBorderFRow" rowspan="2">Commissionable Amt.<br><input type="text" class="form-control" name="endo_comm_amt" placeholder="Search" autocomplete="off" style="width: 100px; height: 25px"></th>
                                                <th class="theadBorderFRow text-center" colspan="2">Commitment</th>
                                                <th class="theadBorderFRow text-center" colspan="3">Received</th>
                                                <th class="theadBorderFRow text-center" colspan="3">Difference</th>
                                                <th class="theadBorderFRow text-center" rowspan="2">Remark</th>
                                            </tr>
                                            <tr>
                                                <th class="theadBorderFRow">Commission %</th>
                                                <th class="theadBorderFRow">Commission Amt.</th>
                                                <th class="theadBorderFRow">Amount</th>
                                                <th class="theadBorderFRow">Percentage %</th>
                                                <th class="theadBorderFRow">Commissionable Amt.</th>
                                                <th class="theadBorderFRow">Commissionable Amt.</th>
                                                <th class="theadBorderFRow">Commission Amt.</th>
                                                <th class="theadBorderFRow">Commission %</th>
                                            </tr>
                                        </thead>
                                        <tbody id="input-container"></tbody>
                                    </table>
                                    @csrf
                                </div>

                                <div class="card p-3 m-0 hideGeneralNoData">
                                    <div class="col-md-12">
                                        <h6 class="text-center text-muted my-3">There is no data to display. Please make a filter selection!!</h6>
                                    </div>
                                </div>

                                <div class="col-md-12 mt-3">
                                    <div class="row">
                                        <div class="col-xl-3 col-sm-3">
                                            <div class="card text-white bg-secondary mb-0">
                                                <div class="card-header text-center font-size-14">Commitment Amount<br>
                                                    <div id="et_commitment_amount"></div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xl-3 col-sm-3">
                                            <div class="card text-white bg-secondary mb-0">
                                                <div class="card-header text-center font-size-14">Received Amount<br>
                                                    <div id="et_received_amount"></div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xl-3 col-sm-3">
                                            <div class="card text-white bg-secondary mb-0">
                                                <div class="card-header text-center font-size-14">Different Amount<br>
                                                    <div id="et_different_amount"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- GENRAL -->
<div class="modal fade" id="addGeneralReceivedModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" role="dialog" aria-labelledby="staticBackdropLabel" >
    <div class="modal-dialog modal-dialog-centered modal-xl" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <div class="d-flex">
                    <h5 class="modal-title" id="generalLable">Add Received Amount</h5>
                    <span id=""></span>
                </div>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <input type="hidden" class="form-control" id="general_policy_id" name="general_policy_id" value="">
                <input type="hidden" class="form-control" id="general_record_id" name="general_record_id" value="">
                <div class="row">
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label for="add_general_policy_holder" class="form-label">Policy Holder Name</label>
                            <input type="text" class="form-control general_policy_holder" value="" name="add_general_policy_holder" id="add_general_policy_holder" disabled>
                            
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label for="add_general_policy_no" class="form-label">Policy No</label>
                            <input type="text" class="form-control general_policy_no" value="" name="add_general_policy_no"  id="add_general_policy_no" disabled>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label for="general_received_transaction_date" class="form-label">Transaction Date<span class="text-danger">*</span></label>
                            <input type="text" class="form-control" name="general_received_transaction_date" id="general_received_transaction_date" value="" placeholder="dd-mm-yyyy" required autocomplete="off">
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label for="gen_commission_type" class="form-label">Commission Type<span class="text-danger">*</span></label>
                            <select class="form-control select2-ajax" id="gen_commission_type" name="gen_commission_type" required></select>
                            <div class="invalid-feedback">This value is required.</div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label for="general_received_commitment_amount" class="form-label">Commissionable Amount<span class="text-danger">*</span></label>
                            <input type="text" class="form-control general_received_commitment_amount" name="general_received_commitment_amount" id="general_received_commitment_amount" value="" placeholder="Enter Commissionable Amount" required autocomplete="off" maxlength="10">
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label for="general_received_amount" class="form-label">Commission Amount<span class="text-danger">*</span></label>
                            <input type="text" class="form-control general_received_amount" name="general_received_amount" id="general_received_amount" placeholder="Enter Commission Amount" required maxlength="8">
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-light" data-bs-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary" id="callReceivedAmountAjax">Save</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="viewGeneralReceivedHistoryModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" role="dialog" aria-labelledby="staticBackdropLabel" >
    <div class="modal-dialog modal-dialog-centered modal-xl modal-dialog-scrollable" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="staticBackdropLabel">Received Amount History</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label for="received_general_policy_holder" class="form-label">Policy Holder Name</label>
                            <input type="text" class="form-control general_policy_holder" value="" name="received_general_policy_holder" id="received_general_policy_holder" disabled>
                            
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label for="received_general_policy_no" class="form-label">Policy No</label>
                            <input type="text" class="form-control general_policy_no" value="" name="received_general_policy_no" id="received_general_policy_no" disabled>
                        </div>
                    </div>
                </div>

                <div class="table-responsive">
                    <table id="general-table" class="table mb-0">
                        <thead class="table-light">
                            <tr>
                                <th>ID</th>
                                <th>Transaction Date</th>
                                <th>Commission Type</th>
                                <th>Commissionable Amount</th>
                                <th>Commission Amount</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-light" data-bs-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

<!-- LIFE -->
<div class="modal fade" id="addLifeReceivedModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" role="dialog" aria-labelledby="staticBackdropLabel" >
    <div class="modal-dialog modal-dialog-centered modal-xl" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="lifeLable">Add Received Amount</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <input type="hidden" id="life_policy_id" name="life_policy_id" value="" class="form-control">
                <input type="hidden" id="life_record_id" name="life_record_id" value="" class="form-control">
                <div class="row">
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label for="add_life_policy_holder" class="form-label">Policy Holder Name</label>
                            <input type="text" class="form-control life_policy_holder" value="" name="add_life_policy_holder" id="add_life_policy_holder" disabled>
                            
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label for="add_life_policy_no" class="form-label">Policy No</label>
                            <input type="text" class="form-control life_policy_no" value="" name="add_life_policy_no" id="add_life_policy_no" disabled>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label for="life_received_transaction_date" class="form-label">Transaction Date<span class="text-danger">*</span></label>
                            <input type="text" class="form-control" name="life_received_transaction_date" id="life_received_transaction_date" value="{{ date('d-m-Y') }}" placeholder="dd-mm-yyyy" required autocomplete="off">
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label for="l_commission_type" class="form-label">Commission Type<span class="text-danger">*</span></label>
                            <select class="form-control select2-ajax" id="l_commission_type" name="l_commission_type" required></select>
                            <div class="invalid-feedback">This value is required.</div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label for="life_received_commitment_amount" class="form-label">Commissionable Amount<span class="text-danger">*</span></label>
                            <input type="text" class="form-control life_received_commitment_amount" name="life_received_commitment_amount" id="life_received_commitment_amount" value="" placeholder="Enter Commissionable Amount" required autocomplete="off" maxlength="10">
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label for="life_received_amount" class="form-label">Commission Amount<span class="text-danger">*</span></label>
                            <input type="text" class="form-control life_received_amount" name="life_received_amount" id="life_received_amount" placeholder="Enter Commission Amount" required maxlength="8">
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-light" data-bs-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary" id="callLifeReceivedAmountAjax">Save</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="viewLifeReceivedHistoryModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" role="dialog" aria-labelledby="staticBackdropLabel" >
    <div class="modal-dialog modal-dialog-centered modal-xl modal-dialog-scrollable" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="staticBackdropLabel">Received Amount History</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">

                <div class="row">
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label for="received_life_policy_holder" class="form-label">Policy Holder Name</label>
                            <input type="text" class="form-control life_policy_holder" value="" name="received_life_policy_holder" id="received_life_policy_holder" disabled>
                            
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label for="received_life_policy_no" class="form-label">Policy No</label>
                            <input type="text" class="form-control life_policy_no" value="" name="received_life_policy_no" id="received_life_policy_no" disabled>
                        </div>
                    </div>
                </div>

                <div class="table-responsive">
                    <table id="life-table" class="table mb-0">
                        <thead class="table-light">
                            <tr>
                                <th>ID</th>
                                <th>Transaction Date</th>
                                <th>Commission Type</th>
                                <th>Commissionable Amount</th>
                                <th>Commission Amount</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-light" data-bs-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

<!-- ENDORSEMENT -->
<div class="modal fade" id="addEndorsementGenReceivedModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" role="dialog" aria-labelledby="staticBackdropLabel" >
    <div class="modal-dialog modal-dialog-centered modal-xl" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <div class="d-flex">
                    <h5 class="modal-title" id="EndorsementGenLable">Add Received Amount</h5>
                    <span id=""></span>
                </div>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <input type="hidden" class="form-control" id="endorsement_gen_policy_id" name="general_policy_id" value="">
                <input type="hidden" class="form-control" id="endorsement_gen_record_id" name="general_record_id" value="">
                <div class="row">
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label for="endorsement_gen_policy_holder" class="form-label">Policy Holder Name</label>
                            <input type="text" class="form-control general_policy_holder" value="" name="add_general_policy_holder" id="endorsement_gen_policy_holder" disabled>
                            
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label for="endorsement_gen_policy_no" class="form-label">Policy No</label>
                            <input type="text" class="form-control general_policy_no" value="" name="add_general_policy_no"  id="endorsement_gen_policy_no" disabled>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label for="endorsement_gen_received_transaction_date" class="form-label">Transaction Date<span class="text-danger">*</span></label>
                            <input type="text" class="form-control" name="general_received_transaction_date" id="endorsement_gen_received_transaction_date" value="" placeholder="dd-mm-yyyy" required autocomplete="off">
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label for="endorsement_gen_commission_type" class="form-label">Commission Type<span class="text-danger">*</span></label>
                            <select class="form-control select2-ajax" id="endorsement_gen_commission_type" name="gen_commission_type" required></select>
                            <div class="invalid-feedback">This value is required.</div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label for="endorsement_gen_received_commitment_amt" class="form-label">Commissionable Amount<span class="text-danger">*</span></label>
                            <input type="text" class="form-control general_received_commitment_amount" name="general_received_commitment_amount" id="endorsement_gen_received_commitment_amt" value="" placeholder="Enter Commissionable Amount" required autocomplete="off" maxlength="10">
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label for="endorsement_gen_received_amt" class="form-label">Commission Amount<span class="text-danger">*</span></label>
                            <input type="text" class="form-control general_received_amount" name="general_received_amount" id="endorsement_gen_received_amt" placeholder="Enter Commission Amount" required maxlength="8">
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-light" data-bs-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary" id="callEndorsementReceivedAmountAjax">Save</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="viewEndorsementGenReceivedHistoryModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" role="dialog" aria-labelledby="staticBackdropLabel" >
    <div class="modal-dialog modal-dialog-centered modal-xl modal-dialog-scrollable" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="staticBackdropLabel">Received Amount History</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label for="received_endo_gen_policy_holder" class="form-label">Policy Holder Name</label>
                            <input type="text" class="form-control general_policy_holder" value="" name="received_endo_gen_policy_holder" id="received_endo_gen_policy_holder" disabled>
                            
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label for="received_endo_gen_policy_no" class="form-label">Policy No</label>
                            <input type="text" class="form-control general_policy_no" value="" name="received_endo_gen_policy_no" id="received_endo_gen_policy_no" disabled>
                        </div>
                    </div>
                </div>

                <div class="table-responsive">
                    <table id="endorsement-gen-table" class="table mb-0">
                        <thead class="table-light">
                            <tr>
                                <th>ID</th>
                                <th>Transaction Date</th>
                                <th>Commission Type</th>
                                <th>Commissionable Amount</th>
                                <th>Commission Amount</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-light" data-bs-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

@endsection

@section('custom-scripts')
<script src="{{ asset('assets/libs/parsleyjs/parsley.min.js') }}"></script>
<script src="{{ asset('assets/js/pages/form-validation.init.js') }}"></script>
<script src="{{ asset('assets/js/pages/jquery.form.js') }}"></script>
<script src="{{ asset('assets/js/kendo_latest.all.min.js') }}"></script>
<script href="https://reachassuree.sgp1.cdn.digitaloceanspaces.com/Reachassuree/jquery.inputmask.bundle.js"></script>

<script type="text/javascript">
    var errorMessageShown = false;
    let debounceTimeout;
    let isProcessing = false; 
    var title = "{{ $data['title'] }}";
    var csrfToken = $("[name=_token]").val();
    var downloadCommissionGeneralPdf = "{{ route('download.commission.general.insurance.pdf') }}";    
    var inputMappings = ["general_transaction_date", "broker", "company_name", "client_name", "division", "segment", "segment_type", "policy_type", "policy_no", "premium_count", "comm_amt"];    
    var endoinputMappings = ["endo_general_transaction_date", "endo_broker", "endo_company", "endo_client_name", "endo_division", "endo_segment", "endo_segment_type", "endo_policy_no", "endo_premium_count", "endo_comm_amt"];
    
    var G_Datatable = $('#G_Datatable').DataTable({
        "aoColumnDefs": [{"bSortable": true, "aTargets": [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19]}],
        "order": [[0, 'desc']],
        "ordering": true,
        "processing": true,
        "serverSide": true,
        "scrollX": true,
        "scrollY": function() {return $(window).height() - 425;},
        "lengthMenu": [[10, 50, 100, 150],[10, 50, 100, 150]],
        "language": {"processing": '<button type="button" class="btn btn-dark waves-effect waves-light"><i class="bx bx-loader bx-spin font-size-16 align-middle me-2"></i> Processing...</button>'},
        "ajax": {
            url : "{{ route('general.entry.ajax') }}",
            type : "POST",
            data : {
                "_token": csrfToken,
                "tab": "general-life",
                "from_date": function() {return $('#from_date').val();},
                "end_date": function() {return $('#end_date').val();},
                "broker_id": function() {return $('#broker_id').val();},    
                "agency": function() {return $('#general_agency').val();},    
                "insurance_company_id": function() {return $('#insurance_company_id').val();},    
                "commission_type": function() {return $('#commission_type_general').val();},    
                "general_commission_type": function() {return $('#general_commission_type').val();},    
            },
        },
        "aoColumns": [
            {"mData": "transaction_date"},
            {"mData": "broker_name"},
            {"mData": "company_name"},
            {"mData": "client_name"},
            {"mData": "division"},
            {"mData": "segment"},
            {"mData": "segment_type"},
            {"mData": "insurance_type"},
            {"mData": "policy_no"},
            {"mData": "premium_count"},
            {"mData": "net_commisionable_amt"},
            {"mData": "total_commitment_com", "bSortable": false},
            {"mData": "total_commitment_com_amt", "bSortable": false},
            {"mData": "recived_amt", "bSortable": false},
            {"mData": "recived_perc", "bSortable": false},
            {"mData": "recvd_commit_comm_amt", "bSortable": false},
            {"mData": "remain_received_amount", "bSortable": false},
            {"mData": "diff_amt", "bSortable": false},
            {"mData": "diff_per", "bSortable": false},
            {"mData": "remark", "bSortable": false},
        ],
    });

    G_Datatable.on('xhr', function() {
        var responseData = G_Datatable.ajax.json();

        $("#gt_commitment_amount").html(responseData['totalAmount'].commitment_amount);
        $("#gt_received_amount").html(responseData['totalAmount'].received_amount);
        $("#gt_different_amount").html(responseData['totalAmount'].different_amount);
    });

    $('#G_Datatable').on('draw.dt', function() {
        var inputs = $('.input-mask');
        inputs.each(function(index, element) {
            let recordId =  "#"+$(element).attr('id');
            $(recordId).inputmask();
        });
    });       
    
    $(document).ready(function() {
        errorMessageShown = false;

        $('#hideGeneralTable, #hideGeneralSubmitButtonTable, #hideLifeTable, #hideLifeSubmitButtonTable').hide();

        // GENERAL POLICIES

        $('#from_date, #end_date, #broker_id, #insurance_company_id, #general_commission_type, #general_agency, #commission_type_general').on('change input keyup', function() {
            clearTimeout(debounceTimeout); // Clear any previous timeout
            debounceTimeout = setTimeout(() => {
                if(checkGeneralValidation() == true){
                    makeGeneralEntryAjaxRequest();
                }else{
                    $('#hideGeneralTable').hide();
                    $('.hideGeneralNoData').show();
                }
            }, 300);
        });
        
        var inputMappings = ["general_transaction_date", "broker", "company_name", "client_name", "division", "segment", "segment_type", "policy_type", "policy_no", "premium_count", "comm_amt"];

        inputMappings.forEach(function(id, index) {
            $('input[name="' + id + '"]').click(function(event) {
                event.stopPropagation();
            });
    
            $('input[name="' + id + '"]').on('keyup input', function() {
                G_Datatable.columns(index + 1).search($('input[name="' + id + '"]').val()).draw();
            });
        });

        // LIFE POLICIES

        $('#life_from_date, #life_end_date, #life_broker_id, #life_agency, #life_insurance_company_id, #life_commission_type, #commission_type_life').on('change input keyup', function() {
            clearTimeout(debounceTimeout);
            debounceTimeout = setTimeout(() => {
                if(checkLifeValidation() == true){
                    makeLifeEntryAjaxRequest();
                }else{
                    $('#hideLifeTable').hide();
                    $('.hideLifeNoData').show();
                }
            }, 300);
        });
    
        var lifeInputMappings = ["life_transaction_date", "life_broker", "company_name", "life_client_name", "life_mode", "life_insurance_plan", "life_policy_status", "life_policy_no", "life_premium_count", "life_comm_amt"];

        lifeInputMappings.forEach(function(id, index) {
            $('input[name="' + id + '"]').click(function(event) {
                event.stopPropagation();
            });
    
            $('input[name="' + id + '"]').on('keyup input', function() {
                L_Datatable.columns(index).search($('input[name="' + id + '"]').val()).draw();
            });
        });

        // ENDO POLICIES
        
        $('#endo_from_date, #endo_end_date, #endo_broker_id, #endo_insurance_company_id, #endo_commission_type, #endo_general_agency, #commission_type_endo').on('change input keyup', function() {
            clearTimeout(debounceTimeout); // Clear any previous timeout
            debounceTimeout = setTimeout(() => {
                if(checkEndoPolicyValidation() == true){     
                    makeEndoPolicyEntryAjaxRequest();
                }else{
                    $('.hideGeneralNoData').show();
                }
            }, 300);
        });
        
        var endoinputMappings = ["endo_general_transaction_date", "endo_broker", "endo_company", "endo_client_name", "endo_division", "endo_segment", "endo_segment_type", "endo_policy_no", "endo_premium_count", "endo_comm_amt"];

        endoinputMappings.forEach(function(id, index) {
            $('input[name="' + id + '"]').click(function(event) {
                event.stopPropagation();
            });
    
            $('input[name="' + id + '"]').on('keyup input', function() {
                Endo_Datatable.columns(index).search($('input[name="' + id + '"]').val()).draw();
            });
        });
    
        //===================
        updateURLWithActiveTabId();
    
        $('#general-commission').click(function() {
            handleTabClick('#general-commission', '#generalCommission', 'general-commission');
        });

        $('#callReceivedAmountAjax').click(function() {
            var policyId = $('#general_policy_id').val();

            var additionalFields = {
                type: "Save Received Amount",
                record_id: $('#general_record_id').val(),
                commission_type: $('#gen_commission_type').val(),
                received_amount: $('#general_received_amount').val(),
                transaction_date: $('#general_received_transaction_date').val(),
                received_commission_amount: $('#general_received_commitment_amount').val(),
            };

            var ids = [];
            var objectSS = G_Datatable.ajax.json().data;
            for (var i = 0; i < objectSS.length; i++) {
                ids.push(objectSS[i]['id']);
            }
            
            $.ajax({
                type: "GET",
                url: "{{ route('add.general.commission.entry') }}",
                data: {
                    ids: ids,
                    id: policyId,
                    tab: "general-life",
                    record: JSON.stringify(additionalFields)
                },
                success: function(resultData) {
                    if (resultData['status'] == 0) {
                        $(".modal-body input:required, .modal-body select:required").each(function() {
                            var fieldValue = $(this).val();
                            
                            if (!fieldValue || fieldValue.trim() === '') {
                                $(this).addClass("is-invalid").removeClass("is-valid");
                            } else {
                                $(this).addClass("is-valid").removeClass("is-invalid");
                            }
                        });

                        if (typeof resultData['data'] !== "undefined") {
                            var size = Object.keys(resultData['data']).length;
                            if (size > 0) {
                                for (var [key, value] of Object.entries(resultData['data'])) {
                                    toastr["error"](value);
                                }
                            }
                        }else{
                            toastr["error"](resultData['msg']);
                        }
                    } else {
                        appendDataIntoGeneralCommissionTable(resultData['data']);

                        $("#addGeneralReceivedModal").modal('hide');
                        toastr["success"](resultData['msg']);
                        // $('#G_Datatable').DataTable().draw();
                    }

                    if(resultData['totalAmounts']){
                        $("#gt_commitment_amount").html(resultData['totalAmounts'].commitment_amount);
                        $("#gt_received_amount").html(resultData['totalAmounts'].received_amount);
                        $("#gt_different_amount").html(resultData['totalAmounts'].different_amount);
                    }
                }
            });
        });

        $(".modal-body input:required, .modal-body select:required").on("keyup change", function() {
            var fieldValue = $(this).val();
            
            if (!fieldValue || fieldValue.trim() === '') {
                $(this).addClass("is-invalid").removeClass("is-valid");
            } else {
                $(this).addClass("is-valid").removeClass("is-invalid");
            }
        });
    
        $('#life-commission').click(function() {
            handleTabClick('#life-commission', '#lifeCommission', 'life-commission');
        });

        $('#callLifeReceivedAmountAjax').click(function() {

            var policyId = $('#life_policy_id').val();
            var additionalFields = {
                type: "Save Received Amount",
                record_id: $('#life_record_id').val(),
                commission_type: $('#l_commission_type').val(),
                received_amount: $('#life_received_amount').val(),
                transaction_date: $('#life_received_transaction_date').val(),
                received_commission_amount: $('#life_received_commitment_amount').val(),
            };

            var ids = [];
            var objectSS = L_Datatable.ajax.json().data;
            for (var i = 0; i < objectSS.length; i++) {
                ids.push(objectSS[i]['id']);
            }
            
            $.ajax({
                type: "GET",
                url: "{{ route('add.life.commission.entry') }}",
                data: {
                    ids: ids,
                    id: policyId,
                    tab: "general-life",
                    record: JSON.stringify(additionalFields)
                },
                success: function(resultData) {
                    if (resultData['status'] == 0) {
                        if (typeof resultData['data'] !== "undefined") {
          
                            var size = Object.keys(resultData['data']).length;
                            if (size > 0) {
                                for (var [key, value] of Object.entries(resultData['data'])) {
                                    toastr["error"](value);
                                }
                            }
                        }else{
                            toastr["error"](resultData['msg']);
                        }
                    } else {

                        appendDataIntoLifeCommissionTable(resultData['data']);

                        $("#addLifeReceivedModal").modal('hide');
                        toastr["success"](resultData['msg']);
                    }

                    if(resultData['totalAmounts']){
                        $("#lt_commitment_amount").html(resultData['totalAmounts'].commitment_amount);
                        $("#lt_received_amount").html(resultData['totalAmounts'].received_amount);
                        $("#lt_different_amount").html(resultData['totalAmounts'].different_amount);
                    }
                }
            });
        });

        $('#endo-policy-commission').click(function() {
            handleTabClick('#endo-policy-commission', '#endoPolicyCommission', 'endo-policy-commission');
        });
    
        const datepickerIds = [
            "from_date",
            "end_date",
            "life_from_date",
            "life_end_date",
            "endo_from_date",
            "endo_end_date",
        ];
    
        datepickerIds.forEach(function(id) {
            dateValidations($("#" + id));
    
            $("#" + id).datepicker({
                format: "dd-mm-yyyy",
                autoclose: true,
                orientation: 'bottom',
            }).on('changeDate', function() {
                $('.datepicker').hide();
            });
        });
    
        $(function() {
            setupDatePair($('#from_date'), $('#end_date'));
            setupDatePair($('#life_from_date'), $('#life_end_date'));
            setupDatePair($('#endo_from_date'), $('#endo_end_date'));
    
            function setupDatePair(fromDateInput, endDateInput) {
                var datepickerConfig = {
                    format: 'dd-mm-yyyy',
                    autoclose: true
                };
    
                fromDateInput.datepicker(datepickerConfig).on('changeDate', function(e) {
                    var endDate = endDateInput.datepicker('getDate');
                    if (e.date > endDate) {
                        endDateInput.datepicker('setDate', null);
                        endDateInput.val("");
                    }
                });
    
                endDateInput.datepicker(datepickerConfig).on('changeDate', function(e) {
                    var fromDate = fromDateInput.datepicker('getDate');
                    if (e.date < fromDate) {
                        fromDateInput.datepicker('setDate', null);
                        fromDateInput.val("");
                    }
                });
            }
        });
    
        initializeSelect2('#broker_id', "{{ route('search.broker') }}");
        initializeSelect2('#life_broker_id', "{{ route('search.broker') }}");
        initializeSelect2('#endo_broker_id', "{{ route('search.broker') }}");

        initializeSelect2('#insurance_company_id', "{{ route('search.insurance.company') }}", "General");
        initializeSelect2('#life_insurance_company_id', "{{ route('search.insurance.company') }}", "Life");
        initializeSelect2('#endo_insurance_company_id', "{{ route('search.insurance.company') }}", "General");
        
        initializeSelect2('#general_agency', "{{ route('search.agency') }}", "Agency");
        initializeSelect2('#life_agency', "{{ route('search.agency') }}", "Agency");
        initializeSelect2('#endo_agency', "{{ route('search.agency') }}", "Agency");
    
        callCommissionTypeAjax();
    
        $("#commission_type_general, #commission_type_life, #commission_type_endo").select2({
            ajax: {
                url: "{{ route('search.commission.type') }}",
                dataType: 'json',
                delay: 0,
                data: function(params) {
                    return {
                        search_value: params.term,
                        page: params.page,
                    };
                },
                processResults: function(data, params) {
                    params.page = params.page || 1;
    
                    return {
                        results: data.results,
                        pagination: {
                            more: (params.page * 30) < data.total_count
                        }
                    };
                },
                cache: false
            },
            placeholder: 'Select commission type',
            allowClear: true,
        });
        
        $("#gen_commission_type, #endorsement_gen_commission_type").select2({
            ajax: {
                url: "{{ route('search.commission.type') }}",
                dataType: 'json',
                delay: 0,
                data: function(params) {
                    return {
                        search_value: params.term,
                        page: params.page,
                    };
                },
                processResults: function(data, params) {
                    params.page = params.page || 1;
    
                    return {
                        results: data.results,
                        pagination: {
                            more: (params.page * 30) < data.total_count
                        }
                    };
                },
                cache: false
            },
            placeholder: 'Select commission type',
            dropdownParent: $("#addGeneralReceivedModal .modal-body"),
        });

        $("#l_commission_type").select2({
            ajax: {
                url: "{{ route('search.commission.type') }}",
                dataType: 'json',
                delay: 0,
                data: function(params) {
                    return {
                        search_value: params.term,
                        page: params.page,
                    };
                },
                processResults: function(data, params) {
                    params.page = params.page || 1;
    
                    return {
                        results: data.results,
                        pagination: {
                            more: (params.page * 30) < data.total_count
                        }
                    };
                },
                cache: false
            },
            placeholder: 'Select commission type',
            dropdownParent: $("#addLifeReceivedModal .modal-body"),
        });

        $('#addGeneralReceivedModal').on('hidden.bs.modal', function (e) {
            if($('#addGeneralReceivedModal').hasClass('generalEditModal')){
                var generalPolicyId = $('#general_policy_id').val();
                $("#"+generalPolicyId+".general-view-modal").click();
            }
        });

        $('#addLifeReceivedModal').on('hidden.bs.modal', function (e) {
            if($('#addLifeReceivedModal').hasClass('lifeEditModal')){
                var lifePolicyId = $('#life_policy_id').val();
                $("#"+ lifePolicyId +".life-view-modal").click();
            }
        });

        $('#addEndorsementGenReceivedModal').on('hidden.bs.modal', function (e) {
            if($('#addEndorsementGenReceivedModal').hasClass('endoGenEditModal')){
                var EndoGenPolicyId = $('#endorsement_gen_policy_id').val();
                $("#"+ EndoGenPolicyId +".endorsement-gen-view-modal").click();
            }
        });
    });
    
    $(document).on("input change blur", "#general_received_amount", function() {
        var receivedAmount = parseFloat($('#general_received_amount').val()) || 0;
        var receivedCommitmentAmount = parseFloat($('#general_received_commitment_amount').val()) || 0;
    });   
    
    $(document).on("click", ".general-add-modal", function() {
        $("#addGeneralReceivedModal").removeClass('generalEditModal');
        $("#addGeneralReceivedModal").modal('show');
        $("#generalLable").text('Add Received Amount');

        var inputId = $(this).attr('id');
        $('#gen_commission_type').empty();
        $('#general_policy_id').val('').val(inputId);
        $(".modal-body input, .modal-body select").removeClass("is-invalid is-valid");
        $('#general_received_commitment_amount, #general_received_amount, #general_record_id').val('');

        var currentDate = new Date();
        // const storedDate = localStorage.getItem('general_transaction_date');
        // if (storedDate) {
        //     currentDate = storedDate;
        // }

        dateValidations($('#general_received_transaction_date'));
        $("#general_received_transaction_date").val(formatDate(currentDate)).datepicker('destroy').datepicker({
            format: "dd-mm-yyyy",
            endDate: currentDate,
            autoclose: true,
            orientation: "bottom",
            container: '#addGeneralReceivedModal',
        }).on('changeDate', function() {
            $('.datepicker').hide();
        });

        $('#general_received_transaction_date').on('input change blur', function() {
            const date = $(this).val();
            if (/^\d{2}-\d{2}-\d{4}$/.test(date)) {
                localStorage.setItem('general_transaction_date', date);
            } else {
                localStorage.removeItem('general_transaction_date');
            }
        });

        var additionalFields = { type: "Commission History"};
        $.ajax({
            type: "GET",
            url: "{{ route('add.general.commission.entry') }}",
            data: {
                id: inputId,
                tab: "general-life",
                record: JSON.stringify(additionalFields)
            },
            success: function(resultData) {

                $('.general_policy_no').val('').val(resultData['data']['current_policy_number']);
                $('.general_policy_holder').val('').val(resultData['data']['policy_holder']);
                
                var net_commisionable_amount = resultData['data']['net_commisionable_amount'];
                var recvd_commit_comm_amt = resultData['data']['recvd_commit_comm_amt'];
                var totalCommissionableAmount = net_commisionable_amount - recvd_commit_comm_amt;
                $('#general_received_commitment_amount').val('').val(totalCommissionableAmount);

                var commit_comm_amt = resultData['data']['comm_diff_amt'];
                $('#general_received_amount').val('').val(commit_comm_amt);

                var commissionId = resultData['data']['commission_type'];
                var commissionType = resultData['data']['commission_type_name'];
                if(commissionId != 0){
                    var newOption = new Option(commissionType, commissionId, false, false);
                    $('#gen_commission_type').append(newOption).trigger('change');
                }else{
                    var newOption = new Option("Other Commission", 4, false, false);
                    $('#gen_commission_type').append(newOption).trigger('change');
                }

                if(resultData['totalAmounts']){
                    $("#gt_commitment_amount").html(resultData['totalAmounts'].commitment_amount);
                    $("#gt_received_amount").html(resultData['totalAmounts'].received_amount);
                    $("#gt_different_amount").html(resultData['totalAmounts'].different_amount);
                }
            }
        });
    });

    $(document).on("click", ".general-view-modal", function() {
        var inputId = $(this).attr('id');
        var additionalFields = { type: "Commission History"};
        
        $.ajax({
            type: "GET",
            url: "{{ route('add.general.commission.entry') }}",
            data: {
                id: inputId,
                tab: "general-life",
                record: JSON.stringify(additionalFields)
            },
            success: function(resultData) {

                var data = resultData['history'];
                var tableBody = $('#general-table tbody');
                tableBody.empty();

                if (data.length === 0) {
                    var messageRow = $('<tr>').append($('<td colspan="6" class="text-center">').text('No data found'));
                    tableBody.append(messageRow);
                } else {
                    
                    var receivedAmount = resultData['data']['recvd_commit_comm_amt'];
                    if(receivedAmount != null){
                        $("#recvd_commit_comm_amt"+ inputId).val(receivedAmount.toFixed(2));
                    }

                    var recvdCommitCommAmt = resultData['data']['recvd_comm_amt'];
                    if(recvdCommitCommAmt != null){
                        $("#recvd_comm_amt"+ inputId).val(recvdCommitCommAmt.toFixed(2)).trigger('change').trigger('input');
                    }

                    $.each(data, function(index, item) {
                        var row = $('<tr>');
                        row.append($('<td>').text(index + 1));
                        row.append($('<td>').text(item.transaction_date));
                        row.append($('<td>').text(resultData['data']['commission_type_name']));
                        row.append($('<td>').text(item.received_amount));
                        var amountCell = $('<td>').text(item.amount);
                        if (item.amount < 0) {
                            row.addClass('table-danger');
                        }
                        row.append(amountCell);

                        // Action
                        var actionCell = $('<td>');
                        var actionButtons = $('<ul class="list-inline font-size-20 contact-links mb-0">');
                        var editButton = $('<li class="list-inline-item px-2">').append('<a href="#" title="Edit"><i class="bx bx-edit-alt"></i></a>');
                        editButton.click(function() {
                            editView(item.id, 'General'); 
                        });

                        var deleteButton = $('<li class="list-inline-item px-2 pos-middle">').append('<a href="#" title="Delete"><i class="bx bx-trash"></i></a>');
                        deleteButton.click(function() {
                            recordDelete(item.id, row, 'General');
                        });
                        actionButtons.append(editButton);
                        actionButtons.append(deleteButton);

                        actionCell.append(actionButtons);
                        row.append(actionCell);

                        tableBody.append(row);
                    });
                }

                $('.general_policy_holder').val('').val(resultData['data']['policy_holder']);
                $('.general_policy_no').val('').val(resultData['data']['current_policy_number']);

                if(resultData['totalAmounts']){
                    $("#gt_commitment_amount").html(resultData['totalAmounts'].commitment_amount);
                    $("#gt_received_amount").html(resultData['totalAmounts'].received_amount);
                    $("#gt_different_amount").html(resultData['totalAmounts'].different_amount);
                }
            }
        });
    });  
    
    $(document).on("input change blur keyup", ".commit_comm_per, .general_remark", function() {
        var inputId = $(this).attr('id');
        var isCalCulate = true;
        var inputNumber;
        
        if (inputId.indexOf("recvd_comm_amt") !== -1) {
            inputNumber = inputId.replace("recvd_comm_amt", "");
        } else if (inputId.indexOf("commit_comm_per") !== -1) {
            inputNumber = inputId.replace("commit_comm_per", "");
        } else if (inputId.indexOf("general_remark") !== -1) {
            inputNumber = inputId.replace("general_remark", "");
            isCalCulate = false;
        } else if (inputId.indexOf("recvd_commit_comm_amt") !== -1) {
            inputNumber = inputId.replace("recvd_commit_comm_amt", "");
        }

        generalInlineChange(inputNumber, isCalCulate);
    }); 

    $(document).on("input change blur", ".general_received_amount, .general_received_commitment_amount, .life_received_amount, .life_received_commitment_amount", debounce(function() {
        $(this).on('input paste', function() {
            if($(this).hasClass('general_received_amount') || $(this).hasClass('life_received_amount')){
                formatMinusAmountInput($(this));
            }else{
                formatAmountInput($(this));
            }
        });
    }, 300));

    $(".general-export-btn").on("click", function(event) {
        event.preventDefault();
            
        var type = $(this).data("type"); // "view" or "all"
    
        downloadPDF(type);
    });

    function editView(id, department){
        var currentDate = new Date();
        var additionalFields = { type: "Edit Received Record"};

        if(department == 'General'){
            $('#viewGeneralReceivedHistoryModal').modal('hide');
            $("#addGeneralReceivedModal").modal('show').addClass('generalEditModal');

            $("#general_record_id").val('').val(id);
            $("#generalLable").text('').text('Edit Received Amount');

            $.ajax({
                type: "GET",
                url: "{{ route('add.general.commission.entry') }}",
                data: {
                    id: id,
                    tab: "general-life",
                    record: JSON.stringify(additionalFields)
                },
                success: function(resultData) {
                    
                    var amount = resultData['history']['amount'];
                    var receivedAmount = resultData['history']['received_amount'];

                    $('.general_policy_no').val('').val(resultData['data']['current_policy_number']);
                    $('.general_policy_holder').val('').val(resultData['data']['policy_holder']);
                    
                    $("#general_policy_id").val('').val(resultData['history']['policy_id']);
                    $("#general_received_amount").val('').val(amount.toFixed(2));
                    $("#general_received_commitment_amount").val('').val(receivedAmount.toFixed(2));

                    $("#general_received_transaction_date").val(resultData['history']['transaction_date']).datepicker({
                        setDate: resultData['history']['transaction_date'],
                        endDate: currentDate,
                        container: '#addGeneralReceivedModal',
                    })
                    
                    var commissionId = resultData['data']['commission_type'];
                    var commissionType = resultData['data']['commission_type_name'];
                    if(commissionId != 0){
                        var newOption = new Option(commissionType, commissionId, false, false);
                    }else{
                        var newOption = new Option("Other Commission", 4, false, false);
                    }
                    $('#gen_commission_type').append(newOption).trigger('change');
                    
                    if(resultData['totalAmounts']){
                        $("#gt_commitment_amount").html(resultData['totalAmounts'].commitment_amount);
                        $("#gt_received_amount").html(resultData['totalAmounts'].received_amount);
                        $("#gt_different_amount").html(resultData['totalAmounts'].different_amount);
                    }
                }
            });
            
        }else if(department == 'Life'){
            
            $('#viewLifeReceivedHistoryModal').modal('hide');
            $("#addLifeReceivedModal").modal('show').addClass('lifeEditModal');
            
            $("#life_record_id").val('').val(id);
            $("#lifeLable").text('').text('Edit Received Amount');

            $.ajax({
                type: "GET",
                url: "{{ route('add.life.commission.entry') }}",
                data: {
                    id: id,
                    tab: "general-life",
                    record: JSON.stringify(additionalFields)
                },
                success: function(resultData) {
                    
                    var amount = resultData['history']['amount'];
                    var receivedAmount = resultData['history']['received_amount'];
                    
                    $("#life_policy_id").val('').val(resultData['history']['policy_id']);
                    $("#life_received_amount").val('').val(amount.toFixed(2));
                    $("#life_received_commitment_amount").val('').val(receivedAmount.toFixed(2));

                    $("#life_received_transaction_date").val(resultData['history']['transaction_date']).datepicker({
                        setDate: resultData['history']['transaction_date'],
                        endDate: currentDate,
                        container: '#addLifeReceivedModal',
                    })

                    var commissionId = resultData['data']['commission_type'];
                    var commissionType = resultData['data']['commission_type_name'];
                    if(commissionId != 0){
                        var newOption = new Option(commissionType, commissionId, false, false);
                    }else{
                        var newOption = new Option("Other Commission", 4, false, false);
                    }
                    $('#l_commission_type').append(newOption).trigger('change');

                    if(resultData['totalAmounts']){
                        $("#lt_commitment_amount").html(resultData['totalAmounts'].commitment_amount);
                        $("#lt_received_amount").html(resultData['totalAmounts'].received_amount);
                        $("#lt_different_amount").html(resultData['totalAmounts'].different_amount);
                    }
                }
            });
        }else{
            $('#viewEndorsementGenReceivedHistoryModal').modal('hide');
            $("#addEndorsementGenReceivedModal").modal('show').addClass('endoGenEditModal');

            $("#endorsement_gen_record_id").val('').val(id);
            $("#EndorsementGenLable").text('').text('Edit Received Amount');

            var recordId = $('.endo_edit_record').attr('id');

            $.ajax({
                type: "GET",
                url: "{{ route('add.endorsement.gen.commission.entry') }}",
                data: {
                    id: id,
                    tab: "general-life",
                    record: JSON.stringify(additionalFields)
                },
                success: function(resultData) {

                    var amount = resultData['history']['amount'];
                    var receivedAmount = resultData['history']['received_amount'];

                    $('.general_policy_no').val('').val(resultData['data']['current_policy_number']);
                    $('.general_policy_holder').val('').val(resultData['data']['policy_holder']);
                    
                    $("#endorsement_gen_policy_id").val('').val(recordId);
                    $("#endorsement_gen_record_id").val('').val(resultData['history']['id']);
                    $("#endorsement_gen_received_amt").val('').val(amount.toFixed(2));
                    $("#endorsement_gen_received_commitment_amt").val('').val(receivedAmount.toFixed(2));

                    $("#endorsement_gen_received_transaction_date").val(resultData['history']['transaction_date']).datepicker({
                        setDate: resultData['history']['transaction_date'],
                        endDate: currentDate,
                        container: '#addEndorsementGenReceivedModal',
                    })
                    
                    var commissionId = resultData['data']['commission_type'];
                    var commissionType = resultData['data']['commission_type_name'];
                    if(commissionId != 0){
                        var newOption = new Option(commissionType, commissionId, false, false);
                    }else{
                        var newOption = new Option("Other Commission", 4, false, false);
                    }
                    $('#endorsement_gen_commission_type').append(newOption).trigger('change');
                    
                    if(resultData['totalAmounts']){
                        $("#et_commitment_amount").html(resultData['totalAmounts'].commitment_amount);
                        $("#et_received_amount").html(resultData['totalAmounts'].received_amount);
                        $("#et_different_amount").html(resultData['totalAmounts'].different_amount);
                    }
                }
            });
        }
    }

    function recordDelete(id, row, department){

        var ids = [];
        if(department == 'Life'){
            var objectSS = L_Datatable.ajax.json().data;
            for (var i = 0; i < objectSS.length; i++) {
                ids.push(objectSS[i]['id']);
            }

        }else if(department == "General"){
            var objectSS = G_Datatable.ajax.json().data;
            for (var i = 0; i < objectSS.length; i++) {
                ids.push(objectSS[i]['id']);
            }

        }else{
            var objectSS = Endo_Datatable.ajax.json().data;
            for (var i = 0; i < objectSS.length; i++) {
                ids.push(objectSS[i]['id']);
            }
        }

        swal.fire({
            title: "Are you sure want to delete this?",
            text: "You won't be able to revert this!",
            showCancelButton: true,
            confirmButtonColor: "#526BDF",
            cancelButtonColor: "#EC6767",
            confirmButtonText: "Yes, delete it!",
            cancelButtonText: "No, cancel it!",
        }).then((result) => {
            if (result.isConfirmed) {
                $.ajax({
                    type: 'GET',
                    url: "{{ route('delete.received.commission') }}" + "?id=" + id + "&ids=" + ids,
                    success: function(resultData) {
                        if (resultData['status'] == 1) {
                            var policyId = resultData['data']['id'];
                            var amount = resultData['data']['recvd_comm_amt'];

                            if(resultData['department'] == "Life") {
                                appendDataIntoLifeCommissionTable(resultData['data']);
                                
                            }else if(resultData['department'] == "General") {
                                appendDataIntoGeneralCommissionTable(resultData['data']);

                            }else{
                                appendDataIntoEndorsementGenCommissionTable(resultData['data']);
                            }

                            row.remove();

                            var tableBody = $('#life-table tbody');
                            if (tableBody.children().length === 0) {
                                var messageRow = $('<tr>').append($('<td colspan="6" class="text-center">').text('No data found'));
                                tableBody.append(messageRow);
                            }
                  
                            var tableBody = $('#general-table tbody');
                            if (tableBody.children().length === 0) {
                                var messageRow = $('<tr>').append($('<td colspan="6" class="text-center">').text('No data found'));
                                tableBody.append(messageRow);
                            }

                            var tableBody = $('#endorsement-gen-table tbody');
                            if (tableBody.children().length === 0) {
                                var messageRow = $('<tr>').append($('<td colspan="6" class="text-center">').text('No data found'));
                                tableBody.append(messageRow);
                            }

                            if(resultData['totalAmounts']){
                                if(resultData['department'] == "Life") {
                                    $("#lt_commitment_amount").html(resultData['totalAmounts'].commitment_amount);
                                    $("#lt_received_amount").html(resultData['totalAmounts'].received_amount);
                                    $("#lt_different_amount").html(resultData['totalAmounts'].different_amount);
                                }
                            
                                if(resultData['department'] == "General"){
                                    $("#gt_commitment_amount").html(resultData['totalAmounts'].commitment_amount);
                                    $("#gt_received_amount").html(resultData['totalAmounts'].received_amount);
                                    $("#gt_different_amount").html(resultData['totalAmounts'].different_amount);
                                }

                                if(resultData['department'] == "GeneralEndorsement"){
                                    $("#et_commitment_amount").html(resultData['totalAmounts'].commitment_amount);
                                    $("#et_received_amount").html(resultData['totalAmounts'].received_amount);
                                    $("#et_different_amount").html(resultData['totalAmounts'].different_amount);
                                }
                            }

                            toastr["success"](resultData['msg']);
                        }
                    }
                });
            }
        });
    }    

    function generalInlineChange(id, isCalCulate){
        if(id != undefined){
            $('.commit_comm_per').on('input paste', function() {
                formatPercentageInput($(this));
            });
            
            $('.recvd_comm_amt').on('input paste', function() {
                formatAmountInput($(this));
            });
    
            var commit_comm_per_value = $('#commit_comm_per' + id).val();
            var commitCommPer = commit_comm_per_value ? parseFloat(commit_comm_per_value.replace(/,/g, '')) : NaN;
    
            if (isNaN(commitCommPer) && isCalCulate === true) {
                $('#recvd_comm_per' + id + ', #comm_diff_amt' + id + ', #comm_diff_per' + id + ', #commit_comm_amt' + id).val('0.00');
                $('#commit_comm_per' + id).val('').val('0.00');
                
                showErrorMsg();
                return;
            }
    
            var commReciValue = parseFloat($('#net_commisionable_amt'+id).val().replace(/,/g, ''));
            var commitCommPer = parseFloat($('#commit_comm_per'+id).val().replace(/,/g, ''));
            var recvdCommPer = parseFloat($('#recvd_comm_per'+id).val().replace(/,/g, ''));
            
            if(isNaN(commReciValue) || isNaN(commitCommPer)) {

                $('#recvd_comm_per'+id + ', #comm_diff_amt'+id + ', #comm_diff_per'+id).val('');
    
                showErrorMsg();
                return;
            }else{
    
                var discountAmount = (commReciValue * commitCommPer) / 100;
                $('#commit_comm_amt'+id).val(discountAmount.toFixed(2));
                
                var commitCommAmt = parseFloat($('#commit_comm_amt'+id).val().replace(/,/g, ''));
                var recvdCommAmt = parseFloat($('#recvd_comm_amt'+id).val().replace(/,/g, ''));
                if(isNaN(recvdCommAmt)){
                    $('#recvd_comm_amt'+id).val('');
                    recvdCommAmt = 0;
                }
    
                var percentage = (recvdCommAmt / commReciValue) * 100;
                $('#recvd_comm_per'+id).val(percentage.toFixed(2));
                var differecenceAmount = (commitCommAmt - recvdCommAmt);
                $('#comm_diff_amt'+id).val(differecenceAmount.toFixed(2));
                
                setTimeout(function (){
                    var differecencePer = (commitCommPer - recvdCommPer);
                    var recvdCommAmts = parseFloat($('#recvd_comm_amt'+id).val().replace(/,/g, ''));
                    if(recvdCommAmts <= 0){
                        differecencePer = commitCommPer;
                    }
                    
                    $('#comm_diff_per'+id).val(differecencePer.toFixed(2));
                    
                }, 50);
            }
    
            errorMessageShown = false;
            
            callAjaxForSave(id, "General");
        }
    }

    function callAjaxForSave(id, department){
        var ajaxUrl;
        var ids = [];

        if(department == "Life"){

            var objectSS = L_Datatable.ajax.json().data;
            for (var i = 0; i < objectSS.length; i++) {
                ids.push(objectSS[i]['id']);
            }

            ajaxUrl = "{{ route('add.life.commission.entry') }}";
            var additionalFields = {
                type: "Save Commission",
                life_recvd_commit_comm_amt: parseFloat($('#life_recvd_commit_comm_amt' + id).val().replace(/,/g, '')),
                life_commit_comm_per: parseFloat($('#life_commit_comm_per' + id).val().replace(/,/g, '')),
                life_commit_comm_amt: parseFloat($('#life_commit_comm_amt' + id).val().replace(/,/g, '')),
                life_recvd_comm_amt: parseFloat($('#life_recvd_comm_amt' + id).val().replace(/,/g, '')),
                life_recvd_comm_per: parseFloat($('#life_recvd_comm_per' + id).val().replace(/,/g, '')),
                life_comm_diff_amt: parseFloat($('#life_comm_diff_amt' + id).val().replace(/,/g, '')),
                life_comm_diff_per: parseFloat($('#life_comm_diff_per' + id).val().replace(/,/g, '')),
                remark: $('#life_remark' + id).val(),
            };
        }else if(department == "General"){

            var objectSS = G_Datatable.ajax.json().data;
            for (var i = 0; i < objectSS.length; i++) {
                ids.push(objectSS[i]['id']);
            }

            ajaxUrl = "{{ route('add.general.commission.entry') }}";
            var additionalFields = {
                type: "Save Commission",
                recvd_commit_comm_amt: parseFloat($('#recvd_commit_comm_amt' + id).val().replace(/,/g, '')) || 0.00,
                commit_comm_per: parseFloat($('#commit_comm_per' + id).val().replace(/,/g, '')) || 0.00,
                commit_comm_amt: parseFloat($('#commit_comm_amt' + id).val().replace(/,/g, '')) || 0.00,
                recvd_comm_amt: parseFloat($('#recvd_comm_amt' + id).val().replace(/,/g, '')) || 0.00,
                recvd_comm_per: parseFloat($('#recvd_comm_per' + id).val().replace(/,/g, '')) || 0.00,
                comm_diff_amt: parseFloat($('#comm_diff_amt' + id).val().replace(/,/g, '')) || 0.00,
                comm_diff_per: parseFloat($('#comm_diff_per' + id).val().replace(/,/g, '')) || 0.00,
                remark: $('#general_remark' + id).val() || ''
            };
        }else{
            var objectSS = Endo_Datatable.ajax.json().data;
            for (var i = 0; i < objectSS.length; i++) {
                ids.push(objectSS[i]['id']);
            }

            ajaxUrl = "{{ route('add.endorsement.gen.commission.entry') }}";
            var additionalFields = {
                type: "Save Commission",
                recvd_commit_comm_amt: parseFloat($('#endo_recvd_commit_comm_amt' + id).val().replace(/,/g, '')) || 0.00,
                commit_comm_per: parseFloat($('#endo_commit_comm_per' + id).val().replace(/,/g, '')) || 0.00,
                commit_comm_amt: parseFloat($('#endo_commit_comm_amt' + id).val().replace(/,/g, '')) || 0.00,
                recvd_comm_amt: parseFloat($('#endo_recvd_comm_amt' + id).val().replace(/,/g, '')) || 0.00,
                recvd_comm_per: parseFloat($('#endo_recvd_comm_per' + id).val().replace(/,/g, '')) || 0.00,
                comm_diff_amt: parseFloat($('#endo_comm_diff_amt' + id).val().replace(/,/g, '')) || 0.00,
                comm_diff_per: parseFloat($('#endo_comm_diff_per' + id).val().replace(/,/g, '')) || 0.00,
                remark: $('#endo_general_remark' + id).val() || ''
            };
        }

        $.ajax({
            type: 'GET',
            url: ajaxUrl,
            data: {
                id: id,
                ids: ids,
                tab: "general-life",
                record: JSON.stringify(additionalFields)
            },
            success: function(resultData) {

                if(resultData['totalAmounts']){
                    if(department == "Life"){
                        $("#lt_commitment_amount").html(resultData['totalAmounts'].commitment_amount);
                        $("#lt_received_amount").html(resultData['totalAmounts'].received_amount);
                        $("#lt_different_amount").html(resultData['totalAmounts'].different_amount);

                    }else if(department == "General"){
                        $("#gt_commitment_amount").html(resultData['totalAmounts'].commitment_amount);
                        $("#gt_received_amount").html(resultData['totalAmounts'].received_amount);
                        $("#gt_different_amount").html(resultData['totalAmounts'].different_amount);

                    }else{
                        $("#et_commitment_amount").html(resultData['totalAmounts'].commitment_amount);
                        $("#et_received_amount").html(resultData['totalAmounts'].received_amount);
                        $("#et_different_amount").html(resultData['totalAmounts'].different_amount);
                    }
                }
            }
        });
    }

    function handleTabClick(tabId, contentId, urlType) {
        clearActiveTabClass();

        $(tabId).addClass('active');
        $(contentId).addClass('active show');

        const currentUrl = window.location.href;
        const url = new URL(currentUrl);
        url.searchParams.set('type', urlType);

        history.replaceState(null, null, url.toString());

        var fromDate = new Date();
        fromDate.setDate(1);
        var endDate = new Date(fromDate.getFullYear(), fromDate.getMonth() + 1, 0);
        
        var fromDateFormatted = formatDate(fromDate);
        var endDateFormatted = formatDate(endDate);       

        $("#from_date, #life_from_date, #endo_from_date").val(fromDateFormatted).datepicker("setDate", fromDateFormatted);
        $("#end_date, #life_end_date, #endo_end_date").val(endDateFormatted).datepicker("setDate", endDateFormatted);

        $('#broker_id, #life_broker_id, #endo_broker_id, #life_insurance_company_id, #insurance_company_id, #endo_insurance_company_id, #general_commission_type, #life_commission_type, #endo_commission_type, #general_agency, #life_agency, #endo_agency, #commission_type_life, #commission_type_general, #commissio_type_endo').empty();

        var newOption = new Option("All Agency", '-1', false, false);
        $('#general_agency, #life_agency, #endo_agency').append(newOption).trigger('change');

        var newOption = new Option("All Broker", '-1', false, false);
        $('#broker_id, #life_broker_id, #endo_broker_id').append(newOption).trigger('change');

        callCommissionTypeAjax();

        var optionsHTML = '';
        optionsHTML += '<option value="-1" selected>All</option>';
        $('#general_commission_type, #life_commission_type, #endo_commission_type').html(optionsHTML);

        var newOption = new Option("All Insurance Company", '-1', false, false);
        $('#life_insurance_company_id, #insurance_company_id, #endo_insurance_company_id').append(newOption).trigger('change');

        if(urlType == 'general-commission'){
            for (var i = 0; i < inputMappings.length; i++) {
                $('[name="' + inputMappings[i] + '"]').val('');
            }
            G_Datatable.columns().search('').draw();

            if(checkGeneralValidation() == true){
                makeGeneralEntryAjaxRequest();
            }else{
                $('#hideGeneralTable').hide();
                $('.hideGeneralNoData').show();
            }
            $('.generalDownloadBtn').show();
            $('.lifeDownloadBtn').hide();

        }else if(urlType == 'life-commission'){
            for (var i = 0; i < lifeInputMappings.length; i++) {
                $('[name="' + lifeInputMappings[i] + '"]').val('');
            }
            L_Datatable.columns().search('').draw();

            if(checkLifeValidation() == true){
                makeLifeEntryAjaxRequest();
            }else{
                $('#hideLifeTable').hide();
                $('.hideLifeNoData').show();
            }
            $('.generalDownloadBtn').hide();
            $('.lifeDownloadBtn').show();

        }else if(urlType == 'endo-policy-commission'){
            for (var i = 0; i < endoinputMappings.length; i++) {
                $('[name="' + endoinputMappings[i] + '"]').val('');
            }
            Endo_Datatable.columns().search('').draw();

            if(checkEndoPolicyValidation() == true){            
                makeEndoPolicyEntryAjaxRequest();
            }
           
            $('.generalDownloadBtn, .lifeDownloadBtn, .hideGeneralNoData, .hideLifeNoData').hide(); 
        }
    }

    function makeGeneralEntryAjaxRequest() {
        $('#hideGeneralTable').show();
        $('.hideGeneralNoData').hide();

        if (isProcessing) {
            console.log("Request already in progress. Skipping...");
            return; // Skip if a request is in progress
        }
        isProcessing = true; // Set the flag

        $('#G_Datatable').DataTable().draw().on('draw', function() {
            isProcessing = false; // Reset the flag after redraw
        });
    }

    function checkGeneralValidation(){       
        var fromDate = $('#from_date').val();
        var endDate = $('#end_date').val();
        var brokerId = $('#broker_id').val();
        var generalAgency = $('#general_agency').val();
        var insuranceCompanyId = $('#insurance_company_id').val();
        var generalCommissionType = $('#general_commission_type').val();
        
        var fromDateValid = isValidDateFormat(fromDate);
        var endDateValid = isValidDateFormat(endDate);
        
        if(fromDate && fromDateValid && endDate && endDateValid && brokerId && insuranceCompanyId && generalCommissionType && generalAgency) {
            return true;
        }else{
            return false;
        }
    }
    
    function isValidDateFormat(dateString) {
        var dateFormatRegex = /^\d{2}-\d{2}-\d{4}$/;
        return dateFormatRegex.test(dateString);
    }

    function initializeSelect2(element, url, companyType = null) {
        $(element).select2({
            ajax: {
                url: url,
                dataType: 'json',
                delay: 0,
                data: function(params) {
                    var requestData = {
                        search_value: params.term, // search term
                        page: params.page
                    };
                    if (companyType !== null) {
                        requestData.company_type = companyType;
                    }
                    return requestData;
                },
                processResults: function(data, params) {
                    params.page = params.page || 1;

                    if(companyType == "Agency") {
                        var addOption = { id: -1, text: "All Agency"};
                    }else{
                        var addOption = { id: -1, text: companyType ? "All Insurance Company" : "All Broker"};
                    }
                    data.results.unshift(addOption);
                    return {
                        results: data.results,
                        pagination: {
                            more: (params.page * 30) < data.total_count
                        }
                    };
                },
                cache: false
            },
            placeholder: 'Search for ' + (companyType ? 'insurance' : 'broker') + ' company',
        });
    }

    function clearActiveTabClass(){
        $('.nav-link.waves-effect').removeClass('active');
        $('.tab-pane').removeClass('active show');
    }

    function parseValue(selector) {
        var value = $(selector).val();
        return value ? parseFloat(value.replace(/,/g, '')) : NaN;
    }   

    function updateURLWithActiveTabId() {
        const currentUrl = window.location.href;
        const url = new URL(currentUrl);
        var typeValue = url.searchParams.get('type');
        
        if(typeValue == null || typeValue == "general-commission"){
            handleTabClick('#general-commission', '#generalCommission', 'general-commission');
        }else if(typeValue == "life-commission"){
            handleTabClick('#life-commission', '#lifeCommission', 'life-commission');
        }else if(typeValue == "endo-policy-commission"){
            handleTabClick('#endo-policy-commission', '#endoPolicyCommission', 'endo-policy-commission');
        }
    }

    function showErrorMsg(){
        if (!errorMessageShown) {
            toastr.error('Please enter valid numbers.');
            errorMessageShown = true;
        }
    }

    function downloadPDF(option) {
        $('#G_Datatable').DataTable().draw();

        var ids = [];
        var length = 0;
        var sDate = $("#from_date").val();
        var eDate = $("#end_date").val();

        if(sDate != "" && eDate != "" && option != "all"){
            
            var objectS = G_Datatable.ajax.json();

            var fresh_buss_comm_amt = objectS['totalAmount'].fresh_buss_comm_amt;
            var renewal_buss_comm_amt = objectS['totalAmount'].renewal_buss_comm_amt;
            var total_comm_amt = objectS['totalAmount'].total_comm_amt;
    
            var health_ins_buss_comm_amt = objectS['totalAmount'].health_ins_buss_comm_amt;
            var vehicle_buss_comm_amt = objectS['totalAmount'].vehicle_buss_comm_amt;
            var other_gen_ins_buss_comm_amt = objectS['totalAmount'].other_gen_ins_buss_comm_amt;
            var total_gen_ins_buss_comm_amt = objectS['totalAmount'].total_gen_ins_buss_comm_amt;
            var total_com_able_amount = objectS['totalAmount'].total_com_able_amount;

            var objectSS = G_Datatable.ajax.json().data;

            for (var i = 0; i < objectSS.length; i++) {
                ids.push(objectSS[i]['id']);
            }

            length = objectSS.length
            // ids = objectS.recordIds;
            // length = objectS.recordsFiltered;
        }else if(option == "all"){
            var objectS = G_Datatable.ajax.json();
            ids = objectS.recordIds;
            length = objectS.recordsFiltered;
            
            var fresh_buss_comm_amt = objectS['allTotalAmt'].fresh_buss_comm_amt;
            var renewal_buss_comm_amt = objectS['allTotalAmt'].renewal_buss_comm_amt;
            var total_comm_amt = objectS['allTotalAmt'].total_comm_amt;
    
            var health_ins_buss_comm_amt = objectS['allTotalAmt'].health_ins_buss_comm_amt;
            var vehicle_buss_comm_amt = objectS['allTotalAmt'].vehicle_buss_comm_amt;
            var other_gen_ins_buss_comm_amt = objectS['allTotalAmt'].other_gen_ins_buss_comm_amt;
            var total_gen_ins_buss_comm_amt = objectS['allTotalAmt'].total_gen_ins_buss_comm_amt;
            var total_com_able_amount = objectS['allTotalAmt'].total_com_able_amount;
        } else{
      
            var objectS = G_Datatable.ajax.json().data;

            for (var i = 0; i < objectS.length; i++) {
                ids.push(objectS[i]['id']);
            }
        
            length = objectS.length;
        }

        var totalRecords = G_Datatable.ajax.json().totalAmounts;

        if (length != 0) {
            $.ajax({
                type: 'POST',
                url: downloadCommissionGeneralPdf,
                "data": {
                    "_token": csrfToken,
                    "ids": ids,
                    "total": totalRecords,
                    "insurance_company_id": function() { return $("#insurance_company_id").val(); },
                    "broker_id": function() { return $("#broker_id").val(); },
                    "general_commission_type": function() { return $("#general_commission_type").val(); },
                    "general_agency": function() { return $("#general_agency").val(); },
                    "from_date": function() { return $("#from_date").val(); },
                    "end_date": function() { return $("#end_date").val(); },
                    // "total_amt": objectS['totalAmount'],
                    "fresh_buss_comm_amt":fresh_buss_comm_amt,
                    "renewal_buss_comm_amt":renewal_buss_comm_amt,
                    "total_comm_amt":total_comm_amt,
                    "health_ins_buss_comm_amt":health_ins_buss_comm_amt,
                    "vehicle_buss_comm_amt":vehicle_buss_comm_amt,
                    "other_gen_ins_buss_comm_amt":other_gen_ins_buss_comm_amt,
                    "total_gen_ins_buss_comm_amt":total_gen_ins_buss_comm_amt,
                    "total_com_able_amount":total_com_able_amount,
                },
                beforeSend: function() {
                    showLoader();
                },
                success: function(resultData) {
                    hideLoader();
                    path = resultData['path'];
                    window.open(path, '_blank');
                }
            });
        } else {
            toastr["error"]("There are no policy yet.");
        }
    }

    function callCommissionTypeAjax(){
        $("#general_commission_type, #life_commission_type, #endo_commission_type").select2({
            ajax: {
                url: "{{ route('search.static.commission.type') }}",
                dataType: 'json',
                delay: 0,
                data: function(params) {
                    return {
                        search_value: params.term,
                        page: params.page,
                        type: "General + Life"
                    };
                },
                processResults: function(data, params) {
                    params.page = params.page || 1;
    
                    return {
                        results: data.results,
                        pagination: {
                            more: (params.page * 30) < data.total_count
                        }
                    };
                },
                cache: false
            },
            placeholder: 'Select filter selection',
        });
    }

    $('#general_commission_type, #life_commission_type, #endo_commission_type').on('select2:select', function (e) {
        let selectedVal = e.params.data.id;
        let $element = $(this);

        if (selectedVal != -1) {
            // Remove "All" if any other item is selected
            let allOption = $element.find('option[value="-1"]');
            if (allOption.is(':selected')) {
                allOption.prop('selected', false).trigger('change.select2');
            }
        } else {
            // If "All" is selected, remove all other selected options
            $element.find('option').each(function () {
                if ($(this).val() != -1) {
                    $(this).prop('selected', false);
                }
            });
            $element.trigger('change.select2');
        }
    });

    // Other code +
    function formatDate(date) {
        if (/^\d{2}-\d{2}-\d{4}$/.test(date)) {
            return date;
        }

        var day = date.getDate();
        var month = date.getMonth() + 1;
        var year = date.getFullYear();

        if (day < 10) {
            day = '0' + day;
        }
        if (month < 10) {
            month = '0' + month;
        }

        return day + '-' + month + '-' + year;
    }
    
    function appendDataIntoGeneralCommissionTable(resultData){
        var policyId = resultData['id'];

        var commitmentCommissionAmount = resultData['commit_comm_amt'];
        if(commitmentCommissionAmount != null){
            $("#commit_comm_amt"+ policyId).val(commitmentCommissionAmount.toFixed(2));
        }
        
        // Received Commission 
        var receivedCommissionAmount = resultData['recvd_comm_amt'];
        if(receivedCommissionAmount != null){
            $("#recvd_comm_amt"+ policyId).val(receivedCommissionAmount.toFixed(2));
        }
        var receivedCommissionPercentage = resultData['recvd_comm_per'];
        if(receivedCommissionPercentage != null){
            $("#recvd_comm_per"+ policyId).val(receivedCommissionPercentage.toFixed(2));
        }
        var receivedCommissionableAmount = resultData['recvd_commit_comm_amt'];
        if(receivedCommissionableAmount != null){
            $("#recvd_commit_comm_amt"+ policyId).val(receivedCommissionableAmount.toFixed(2));
        }
        
        // Difference
        var remainReceivedAmount = resultData['remain_received_amount'];
        if(remainReceivedAmount != null){
            $("#remain_received_amount"+ policyId).val(remainReceivedAmount.toFixed(2));
        }
        var differenceCommissionAmount = resultData['comm_diff_amt'];
        if(differenceCommissionAmount != null){
            $("#comm_diff_amt"+ policyId).val(differenceCommissionAmount.toFixed(2));
        }
        var differenceCommissionPercentage = resultData['comm_diff_per'];
        if(differenceCommissionPercentage != null){
            $("#comm_diff_per"+ policyId).val(differenceCommissionPercentage.toFixed(2)).trigger('change');
        }
    }
</script>

{{-- FOR LIFE --}}
<script type="text/javascript">
    var downloadCommissionLifePdf = "{{ route('download.commission.life.insurance.pdf') }}";
    var lifeInputMappings = ["life_transaction_date", "life_broker", "company_name", "life_client_name", "life_mode", "life_insurance_plan", "life_policy_status", "life_policy_no", "life_premium_count", "life_comm_amt"];
    var csrfTokenLife = $("[name=_token]").val();

    var L_Datatable = $('#L_Datatable').DataTable({
        "aoColumnDefs": [{ "bSortable": true, "aTargets": [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18] }],
        "order": [[0, 'desc']],
        "ordering": true,
        "processing": true,
        "serverSide": true,
        "scrollX": true,
        "scrollY": function() {return $(window).height() - 425;},
        "lengthMenu": [[10, 50, 100, 150],[10, 50, 100, 150]],
        "language": { "processing": '<button type="button" class="btn btn-dark waves-effect waves-light"><i class="bx bx-loader bx-spin font-size-16 align-middle me-2"></i> Processing...</button>'},
        "ajax": {
            url : "{{ route('life.entry.ajax') }}",
            type : "POST",
            data : {
                "_token": csrfTokenLife,
                "tab": "general-life",
                "agency": function() {return $('#life_agency').val();},    
                "life_from_date": function() {return $('#life_from_date').val();},
                "life_end_date": function() {return $('#life_end_date').val();},
                "life_broker_id": function() {return $('#life_broker_id').val();},   
                "life_insurance_company_id": function() {return $('#life_insurance_company_id').val();},    
                "life_commission_type": function() {return $('#life_commission_type').val();},    
                "commission_type": function() {return $('#commission_type_life').val();},    
            },
        },
        "aoColumns": [
            {"mData": "transaction_date"},
            {"mData": "broker_name"},
            {"mData": "company_name"},
            {"mData": "client_name"},
            {"mData": "mode"},
            {"mData": "life_insurance_plan"},
            {"mData": "life_policy_status"},
            {"mData": "life_policy_no"},
            {"mData": "life_premium_count"},
            {"mData": "net_commisionable_amt"},
            {"mData": "total_commitment_com", "bSortable": false},
            {"mData": "total_commitment_com_amt", "bSortable": false},
            {"mData": "recived_amt", "bSortable": false},
            {"mData": "recived_perc", "bSortable": false},
            {"mData": "recvd_commit_comm_amt", "bSortable": false},
            {"mData": "remain_received_amount", "bSortable": false},
            {"mData": "diff_amt", "bSortable": false},
            {"mData": "diff_per", "bSortable": false},
            {"mData": "remark", "bSortable": false},
        ]
    });

    L_Datatable.on('xhr', function() {
        var responseData = L_Datatable.ajax.json();

        $("#lt_commitment_amount").html(responseData['totalAmount'].commitment_amount);
        $("#lt_received_amount").html(responseData['totalAmount'].received_amount);
        $("#lt_different_amount").html(responseData['totalAmount'].different_amount);
    });
    
    $('#L_Datatable').on('draw.dt', function() {
        var inputs = $('.input-mask');
        inputs.each(function(index, element) {
            let recordId =  "#"+$(element).attr('id');
            $(recordId).inputmask();
        });
    });

    $(document).on("input change blur", "#life_received_amount", function() {
        var receivedAmount = parseFloat($('#life_received_amount').val()) || 0;
        var receivedCommitmentAmount = parseFloat($('#life_received_commitment_amount').val()) || 0;
    });

    $(document).on("click", ".life-add-modal", function() {
        $(".modal-body input, .modal-body select").removeClass("is-invalid is-valid");
        $("#addLifeReceivedModal").removeClass('lifeEditModal').modal('show');

        $("#lifeLable").text('Add Received Amount');

        $('#l_commission_type').empty();
        var inputId = $(this).attr('id');
        $('#life_policy_id').val('').val(inputId);
        $('#life_received_commitment_amount, #life_received_amount, #life_record_id').val('');

        var currentDate = new Date();
        // const storedDate = localStorage.getItem('life_transaction_date');
        // if (storedDate) {
        //     currentDate = storedDate;
        // }

        dateValidations($('#life_received_transaction_date'));

        $("#life_received_transaction_date").val(formatDate(currentDate)).datepicker('destroy').datepicker({
            format: "dd-mm-yyyy",
            endDate: currentDate,
            autoclose: true,
            orientation: "bottom",
            container: '#addLifeReceivedModal',
        }).on('changeDate', function() {
            $('.datepicker').hide();
        });

        $('#life_received_transaction_date').on('input change blur', function() {
            const date = $(this).val();
            if (/^\d{2}-\d{2}-\d{4}$/.test(date)) {
                localStorage.setItem('life_transaction_date', date);
            } else {
                localStorage.removeItem('life_transaction_date');
            }
        });

        var additionalFields = { type: "Commission History"};

        $.ajax({
            type: "GET",
            url: "{{ route('add.life.commission.entry') }}",
            data: {
                id: inputId,
                tab: "general-life",
                record: JSON.stringify(additionalFields)
            },
            success: function(resultData) {

                $('.life_policy_no').val('').val(resultData['data']['policy_number']);
                $('.life_policy_holder').val('').val(resultData['data']['policy_holder']);
                
                var net_commisionable_amount = resultData['data']['commisionable_amount'];
                var recvd_commit_comm_amt = resultData['data']['recvd_commit_comm_amt'];

                var totalCommissionableAmount = net_commisionable_amount - recvd_commit_comm_amt;
                $('#life_received_commitment_amount').val('').val(totalCommissionableAmount);

                var commit_comm_amt = resultData['data']['comm_diff_amt'];
                $('#life_received_amount').val('').val(commit_comm_amt);

                var commissionId = resultData['data']['commission_type'];
                var commissionType = resultData['data']['commission_type_name'];
                if(commissionId != 0){
                    var newOption = new Option(commissionType, commissionId, false, false);
                }else{
                    var newOption = new Option("Other Commission", 4, false, false);
                }
                $('#l_commission_type').append(newOption).trigger('change');

                if(resultData['totalAmounts']){
                    $("#lt_commitment_amount").html(resultData['totalAmounts'].commitment_amount);
                    $("#lt_received_amount").html(resultData['totalAmounts'].received_amount);
                    $("#lt_different_amount").html(resultData['totalAmounts'].different_amount);
                }
            }
        });
    });

    $(document).on("click", ".life-view-modal", function() {

        var inputId = $(this).attr('id');
        var additionalFields = { type: "Commission History" };

        $.ajax({
            type: "GET",
            url: "{{ route('add.life.commission.entry') }}",
            data: {
                id: inputId,
                tab: "general-life",
                record: JSON.stringify(additionalFields)
            },
            success: function(resultData) {

                var data = resultData['history'];
                var tableBody = $('#life-table tbody');
                tableBody.empty();

                $('.life_policy_no').val('').val(resultData['data']['policy_number']);
                $('.life_policy_holder').val('').val(resultData['data']['policy_holder']);

                if (data.length === 0) {
                    var messageRow = $('<tr>').append($('<td colspan="6" class="text-center">').text('No data found'));
                    tableBody.append(messageRow);
                } else {

                    var receivedAmount = resultData['data']['recvd_commit_comm_amt'];
                    if(receivedAmount != null){
                        $("#life_recvd_commit_comm_amt"+ inputId).val(receivedAmount.toFixed(2));
                    }
                    
                    var recvdCommitCommAmt = resultData['data']['recvd_comm_amt'];
                    if(recvdCommitCommAmt != null){
                        $("#life_recvd_comm_amt"+ inputId).val(recvdCommitCommAmt.toFixed(2)).trigger('change').trigger('input');
                    }

                    $.each(data, function(index, item) {
                        var row = $('<tr>');
                        row.append($('<td>').text(index + 1));
                        row.append($('<td>').text(item.transaction_date));
                        row.append($('<td>').text(resultData['data']['commission_type_name']));
                        row.append($('<td>').text(item.received_amount));
                        var amountCell = $('<td>').text(item.amount);
                        if (item.amount < 0) {
                            row.addClass('table-danger');
                        }
                        row.append(amountCell);

                        // Action
                        var actionCell = $('<td>');
                        var actionButtons = $('<ul class="list-inline font-size-20 contact-links mb-0">');
                        var editButton = $('<li class="list-inline-item px-2">').append('<a href="#" title="Edit"><i class="bx bx-edit-alt"></i></a>');
                        editButton.click(function() {
                            editView(item.id, 'Life'); 
                        });

                        var deleteButton = $('<li class="list-inline-item px-2 pos-middle">').append('<a href="#" title="Delete"><i class="bx bx-trash"></i></a>');
                        deleteButton.click(function() {
                            recordDelete(item.id, row, 'Life');
                        });
                        actionButtons.append(editButton);
                        actionButtons.append(deleteButton);

                        actionCell.append(actionButtons);
                        row.append(actionCell);

                        tableBody.append(row);
                    });
                }

                if(resultData['totalAmounts']){
                    $("#lt_commitment_amount").html(resultData['totalAmounts'].commitment_amount);
                    $("#lt_received_amount").html(resultData['totalAmounts'].received_amount);
                    $("#lt_different_amount").html(resultData['totalAmounts'].different_amount);
                }
            }
        });
    });

    $(document).on("input change blur keyup", ".life_commit_comm_per, .life_remark",function() {
        var inputId = $(this).attr('id');
        var isCalCulate = true;
        var inputNumber;

        if (inputId.indexOf("life_recvd_comm_amt") !== -1) {
            inputNumber = inputId.replace("life_recvd_comm_amt", "");
        } else if (inputId.indexOf("life_commit_comm_per") !== -1) {
            inputNumber = inputId.replace("life_commit_comm_per", "");
        } else if (inputId.indexOf("life_remark") !== -1) {
            inputNumber = inputId.replace("life_remark", "");
            isCalCulate = false;
        } else if (inputId.indexOf("life_recvd_commit_comm_amt") !== -1) {
            inputNumber = inputId.replace("life_recvd_commit_comm_amt", "");
        }

        lifeInlineChange(inputNumber, isCalCulate);
    });

    $(".life-export-btn").on("click", function(event) {
        event.preventDefault();
            
        var type = $(this).data("type"); // "view" or "all"
    
        downloadPdfLife(type);
    });

    function lifeInlineChange(id, isCalCulate){
        if(id != undefined){
            $('.life_commit_comm_per').on('input paste', function() {
                formatPercentageInput($(this));
            });
            
            $('.life_recvd_comm_amt').on('input paste', function() {
                formatAmountInput($(this));
            });
    
            var commit_comm_per_value = $('#life_commit_comm_per' + id).val();
            var commitCommPer = commit_comm_per_value ? parseFloat(commit_comm_per_value.replace(/,/g, '')) : NaN;

            if(isNaN(commitCommPer) && isCalCulate == true){
                
                $('#life_commit_comm_per'+id).val('');
                $('#life_recvd_comm_per'+id + ', #life_comm_diff_amt'+id + ', #life_comm_diff_per'+id + ', #life_commit_comm_amt'+id).val(0);
                
                showErrorMsg();
                return;
            }
    
            var commReciValue = parseFloat($('#life_net_commisionable_amt'+id).val().replace(/,/g, ''));
            var commitCommPer = parseFloat($('#life_commit_comm_per'+id).val().replace(/,/g, ''));
            var recvdCommPer = parseFloat($('#life_recvd_comm_per'+id).val().replace(/,/g, ''));

            if (isNaN(commReciValue) || isNaN(commitCommPer)) {
                $('#life_recvd_comm_per' + id + ', #life_comm_diff_amt' + id + ', #life_comm_diff_per' + id).val('');
                showErrorMsg();
                return;
            } else {
                var discountAmount = (commReciValue * commitCommPer) / 100;
                $('#life_commit_comm_amt' + id).val(discountAmount.toFixed(2));
    
                var commitCommAmt = parseValue('#life_commit_comm_amt' + id);
                var recvdCommAmt = parseValue('#life_recvd_comm_amt' + id);
    
                if (isNaN(recvdCommAmt)) {
                    $('#life_recvd_comm_amt' + id).val('');
                    recvdCommAmt = 0;
                }
    
                var percentage = (recvdCommAmt / commReciValue) * 100;
                $('#life_recvd_comm_per' + id).val(percentage.toFixed(2));
    
                var differenceAmount = commitCommAmt - recvdCommAmt;
                $('#life_comm_diff_amt' + id).val(differenceAmount.toFixed(2));
    
                setTimeout(function (){

                    var differencePer = commitCommPer - recvdCommPer;
                    var recvdCommAmts = parseFloat($('#life_recvd_comm_amt'+id).val().replace(/,/g, ''));
                    if(recvdCommAmts <= 0){
                        differencePer = commitCommPer;
                    }
                    
                    $('#life_comm_diff_per' + id).val(differencePer.toFixed(2));
                }, 50);
            }
    
            errorMessageShown = false;
            callAjaxForSave(id, "Life");
        }
    }

    function makeLifeEntryAjaxRequest() {
        $('#hideLifeTable').show();
        $('.hideLifeNoData').hide();

        if (isProcessing) {
            console.log("Request already in progress. Skipping...");
            return; // Skip if a request is in progress
        }
        isProcessing = true; // Set the flag

        $('#L_Datatable').DataTable().draw().on('draw', function() {
            isProcessing = false; // Reset the flag after redraw
        });
    }  

    function checkLifeValidation(){
        var endDate = $('#life_end_date').val();
        var lifeAgency = $('#life_agency').val();
        var fromDate = $('#life_from_date').val();
        var brokerId = $('#life_broker_id').val();
        var CommissionType = $('#life_commission_type').val();
        var insuranceCompanyId = $('#life_insurance_company_id').val();

        var fromDateValid = isValidDateFormat(fromDate);
        var endDateValid = isValidDateFormat(endDate);

        if(fromDate && fromDateValid && endDate && endDateValid && brokerId && insuranceCompanyId && CommissionType && lifeAgency) {
            return true;
        }else{
            return false;
        }
    }

    function downloadPdfLife(option) {
        $('#L_Datatable').DataTable().draw();

        var ids = [];
        var length = 0;
        var sDate = $("#life_from_date").val();
        var eDate = $("#life_end_date").val();            

        if(sDate != "" && eDate != "" && option != "all"){
            var objectS = L_Datatable.ajax.json();

            var fresh_buss_comm_amt=objectS['totalAmount'].fresh_buss_comm_amt;
            var renewal_buss_comm_amt=objectS['totalAmount'].renewal_buss_comm_amt;
            var total_life_ins_buss_comm_amt=objectS['totalAmount'].total_life_ins_buss_comm_amt;

            var objectSS = L_Datatable.ajax.json().data;
            for (var i = 0; i < objectSS.length; i++) {
                ids.push(objectSS[i]['id']);
            }
        
            length = objectSS.length;

            // ids = objectS.recordIds;
            // length = objectS.recordsFiltered;
        }else if(option == "all"){
            var objectS = L_Datatable.ajax.json();

            ids = objectS.recordIds;
            length = objectS.recordsFiltered;

            var fresh_buss_comm_amt=objectS['allTotalAmt'].fresh_buss_comm_amt;
            var renewal_buss_comm_amt=objectS['allTotalAmt'].renewal_buss_comm_amt;
            var total_life_ins_buss_comm_amt=objectS['allTotalAmt'].total_life_ins_buss_comm_amt;

        }else{
            var objectS = L_Datatable.ajax.json().data;
            for (var i = 0; i < objectS.length; i++) {
                ids.push(objectS[i]['id']);
            }
        
            length = objectS.length;
        }

        var totalRecords = L_Datatable.ajax.json().totalAmounts;        

        if (length != 0) {
            $.ajax({
                type: 'POST',
                url: downloadCommissionLifePdf,
                "data": {
                    "_token": csrfToken,
                    "ids": ids,
                    "total": totalRecords,
                    "insurance_company_id": function() { return $("#life_insurance_company_id").val(); },
                    "broker_id": function() { return $("#life_broker_id").val(); },
                    "life_commission_type": function() { return $("#life_commission_type").val(); },
                    "life_agency": function() { return $("#life_agency").val(); },
                    "from_date": function() { return $("#life_from_date").val(); },
                    "end_date": function() { return $("#life_end_date").val(); },
                    "fresh_buss_comm_amt":fresh_buss_comm_amt,
                    "renewal_buss_comm_amt":renewal_buss_comm_amt,
                    "total_life_ins_buss_comm_amt":total_life_ins_buss_comm_amt,
                },
                beforeSend: function() {
                    showLoader();
                },
                success: function(resultData) {
                    hideLoader();
                    path = resultData['path'];
                    window.open(path, '_blank');
                }
            });
        } else {
            toastr["error"]("There are no policy yet.");
        }
    }

    function appendDataIntoLifeCommissionTable(resultData){
        var policyId = resultData['id'];

        var commitmentCommissionAmount = resultData['commit_comm_amt'];
        if(commitmentCommissionAmount != null){
            $("#life_commit_comm_amt"+ policyId).val(commitmentCommissionAmount.toFixed(2));
        }
        
        // Received Commission 
        var receivedCommissionAmount = resultData['recvd_comm_amt'];
        if(receivedCommissionAmount != null){
            $("#life_recvd_comm_amt"+ policyId).val(receivedCommissionAmount.toFixed(2));
        }
        var receivedCommissionPercentage = resultData['recvd_comm_per'];
        if(receivedCommissionPercentage != null){
            $("#life_recvd_comm_per"+ policyId).val(receivedCommissionPercentage.toFixed(2));
        }
        var receivedCommissionableAmount = resultData['recvd_commit_comm_amt'];
        if(receivedCommissionableAmount != null){
            $("#life_recvd_commit_comm_amt"+ policyId).val(receivedCommissionableAmount.toFixed(2));
        }
        
        // Difference
        var remainReceivedAmount = resultData['remain_received_amount'];
        if(remainReceivedAmount != null){
            $("#life_remain_received_amount"+ policyId).val(remainReceivedAmount.toFixed(2));
        }
        var differenceCommissionAmount = resultData['comm_diff_amt'];
        if(differenceCommissionAmount != null){
            $("#life_comm_diff_amt"+ policyId).val(differenceCommissionAmount.toFixed(2));
        }
        var differenceCommissionPercentage = resultData['comm_diff_per'];
        if(differenceCommissionPercentage != null){
            $("#life_comm_diff_per"+ policyId).val(differenceCommissionPercentage.toFixed(2)).trigger('change');
        }
    }
</script>

{{-- FOR ENDORSEMENT --}}
<script type="text/javascript">
    var csrfTokenEndo = $("[name=_token]").val();

    var Endo_Datatable = $('#Endo_Datatable').DataTable({
        "aoColumnDefs": [{"bSortable": true, "aTargets": [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18]}],
        "order": [[0, 'desc']],
        "ordering": true,
        "processing": true,
        "serverSide": true,
        "scrollX": true,
        "scrollY": function() {return $(window).height() - 425;},
        "lengthMenu": [[10, 50, 100, 150],[10, 50, 100, 150]],
        "language": {"processing": '<button type="button" class="btn btn-dark waves-effect waves-light"><i class="bx bx-loader bx-spin font-size-16 align-middle me-2"></i> Processing...</button>'},
        "ajax": {
            url : "{{ route('endo.commi.entry.ajax') }}",
            type : "POST",
            data : {
                "_token": csrfTokenEndo,
                "tab": "general-life",
                "from_date": function() {return $('#endo_from_date').val();},
                "end_date": function() {return $('#endo_end_date').val();},
                "broker_id": function() {return $('#endo_broker_id').val();},    
                "agency": function() {return $('#endo_agency').val();},    
                "insurance_company_id": function() {return $('#endo_insurance_company_id').val();},    
                "commission_type": function() {return $('#commission_type_endo').val();},    
                "general_commission_type": function() {return $('#endo_commission_type').val();},    
            },
        },
        "aoColumns": [
            {"mData": "transaction_date"},
            {"mData": "broker_name"},
            {"mData": "company_name"},
            {"mData": "client_name"},
            {"mData": "division"},
            {"mData": "segment"},
            {"mData": "segment_type"},
            {"mData": "policy_no"},
            {"mData": "premium_count"},
            {"mData": "net_commisionable_amt"},
            {"mData": "total_commitment_com", "bSortable": false},
            {"mData": "total_commitment_com_amt", "bSortable": false},
            {"mData": "recived_amt", "bSortable": false},
            {"mData": "recived_perc", "bSortable": false},
            {"mData": "recvd_commit_comm_amt", "bSortable": false},
            {"mData": "remain_received_amount", "bSortable": false},
            {"mData": "diff_amt", "bSortable": false},
            {"mData": "diff_per", "bSortable": false},
            {"mData": "remark", "bSortable": false},
        ],
    });

    Endo_Datatable.on('xhr', function() {
        var responseData = Endo_Datatable.ajax.json();

        $("#et_commitment_amount").html(responseData['totalAmount'].commitment_amount);
        $("#et_received_amount").html(responseData['totalAmount'].received_amount);
        $("#et_different_amount").html(responseData['totalAmount'].different_amount);
    });

    $('#Endo_Datatable').on('draw.dt', function() {
        var inputs = $('.input-mask');
        inputs.each(function(index, element) {
            let recordId =  "#"+$(element).attr('id');
            $(recordId).inputmask();
        });
    });

    $(document).on("click", ".endorsement-gen-add-modal", function() {
        $("#addEndorsementGenReceivedModal").removeClass('endoGenEditModal').modal('show');
        $("#EndorsementGenLable").text('Add Received Amount');

        var inputId = $(this).attr('id');
        $('#endorsement_gen_commission_type').empty();
        $('#endorsement_gen_policy_id').val('').val(inputId);
        $(".modal-body input, .modal-body select").removeClass("is-invalid is-valid");
        $('#endorsement_gen_received_commitment_amt, #endorsement_gen_received_amt, #endorsement_gen_record_id').val('');

        var currentDate = new Date();
        // const storedDate = localStorage.getItem('endorsement_gen_transaction_date');
        // if (storedDate) {
        //     currentDate = storedDate;
        // }

        dateValidations($('#endorsement_gen_received_transaction_date'));
        $("#endorsement_gen_received_transaction_date").val(formatDate(currentDate)).datepicker('destroy').datepicker({
            format: "dd-mm-yyyy",
            endDate: currentDate,
            autoclose: true,
            orientation: "bottom",
            container: '#addEndorsementGenReceivedModal',
        }).on('changeDate', function() {
            $('.datepicker').hide();
        });

        $('#endorsement_gen_received_transaction_date').on('input change blur', function() {
            const date = $(this).val();
            if (/^\d{2}-\d{2}-\d{4}$/.test(date)) {
                localStorage.setItem('endorsement_gen_transaction_date', date);
            } else {
                localStorage.removeItem('endorsement_gen_transaction_date');
            }
        });

        var additionalFields = {type: "Commission History"};
        $.ajax({
            type: "GET",
            url: "{{ route('add.endorsement.gen.commission.entry') }}",
            data: {
                id: inputId,
                tab: "general-life",
                record: JSON.stringify(additionalFields)
            },
            success: function(resultData) {

                $('.general_policy_no').val('').val(resultData['data']['current_policy_number']);
                $('.general_policy_holder').val('').val(resultData['data']['policy_holder']);
                
                var net_commisionable_amount = resultData['data']['commissionable_amount'];
                var recvd_commit_comm_amt = resultData['data']['recvd_commit_comm_amt'];
                var totalCommissionableAmount = net_commisionable_amount - recvd_commit_comm_amt;
                $('#endorsement_gen_received_commitment_amt').val('').val(totalCommissionableAmount);

                var commit_comm_amt = resultData['data']['comm_diff_amt'];
                $('#endorsement_gen_received_amt').val('').val(commit_comm_amt);

                var commissionId = resultData['data']['commission_type'];
                var commissionType = resultData['data']['commission_type_name'];
                if(commissionId != 0){
                    var newOption = new Option(commissionType, commissionId, false, false);
                }else{
                    var newOption = new Option("Other Commission", 4, false, false);
                }
                $('#endorsement_gen_commission_type').append(newOption).trigger('change');

                if(resultData['totalAmounts']){
                    $("#et_commitment_amount").html(resultData['totalAmounts'].commitment_amount);
                    $("#et_received_amount").html(resultData['totalAmounts'].received_amount);
                    $("#et_different_amount").html(resultData['totalAmounts'].different_amount);
                }
            }
        });
    });

    $(document).on("click", ".endorsement-gen-view-modal", function() {        
        var inputId = $(this).attr('id');
        var additionalFields = { type: "Commission History"};
        
        $.ajax({
            type: "GET",
            url: "{{ route('add.endorsement.gen.commission.entry') }}",
            data: {
                id: inputId,
                tab: "general-life",
                record: JSON.stringify(additionalFields)
            },
            success: function(resultData) {
                var data = resultData['history'];
                
                var tableBody = $('#endorsement-gen-table tbody');
                tableBody.empty();

                if (data.length === 0) {
                    var messageRow = $('<tr>').append($('<td colspan="6" class="text-center">').text('No data found'));
                    tableBody.append(messageRow);
                } else {
                    
                    var receivedAmount = resultData['data']['recvd_commit_comm_amt'];
                    if(receivedAmount != null){
                        $("#recvd_commit_comm_amt"+ inputId).val(receivedAmount.toFixed(2));
                    }

                    var recvdCommitCommAmt = resultData['data']['recvd_comm_amt'];
                    if(recvdCommitCommAmt != null){
                        $("#recvd_comm_amt"+ inputId).val(recvdCommitCommAmt.toFixed(2)).trigger('change').trigger('input');
                    }

                    $.each(data, function(index, item) {
                        var row = $('<tr>');
                        row.append($('<td>').text(index + 1));
                        row.append($('<td>').text(item.transaction_date));
                        row.append($('<td>').text(resultData['data']['commission_type_name']));
                        row.append($('<td>').text(item.received_amount));
                        var amountCell = $('<td>').text(item.amount);
                        if (item.amount < 0) {
                            row.addClass('table-danger');
                        }
                        row.append(amountCell);

                        // Action
                        var actionCell = $('<td>');
                        var actionButtons = $('<ul class="list-inline font-size-20 contact-links mb-0">');
                        var editButton = $('<li class="list-inline-item px-2">').append('<a href="#" title="Edit" class="endo_edit_record" id="'+ inputId +'"><i class="bx bx-edit-alt"></i></a>');
                        editButton.click(function() {
                            editView(item.id, 'GeneralEndorsement'); 
                        });

                        var deleteButton = $('<li class="list-inline-item px-2 pos-middle">').append('<a href="#" title="Delete"><i class="bx bx-trash"></i></a>');
                        deleteButton.click(function() {
                            recordDelete(item.id, row, 'GeneralEndorsement');
                        });
                        actionButtons.append(editButton);
                        actionButtons.append(deleteButton);

                        actionCell.append(actionButtons);
                        row.append(actionCell);

                        tableBody.append(row);
                    });
                }

                $('.general_policy_holder').val('').val(resultData['data']['policy_holder']);
                $('.general_policy_no').val('').val(resultData['data']['current_policy_number']);

                if(resultData['totalAmounts']){
                    $("#et_commitment_amount").html(resultData['totalAmounts'].commitment_amount);
                    $("#et_received_amount").html(resultData['totalAmounts'].received_amount);
                    $("#et_different_amount").html(resultData['totalAmounts'].different_amount);
                }
            }
        });
    });

    $('#callEndorsementReceivedAmountAjax').click(function() {
        var policyId = $('#endorsement_gen_policy_id').val();

        var additionalFields = {
            type: "Save Received Amount",
            record_id: $('#endorsement_gen_record_id').val(),
            commission_type: $('#endorsement_gen_commission_type').val(),
            received_amount: $('#endorsement_gen_received_amt').val(),
            transaction_date: $('#endorsement_gen_received_transaction_date').val(),
            received_commission_amount: $('#endorsement_gen_received_commitment_amt').val(),
        };

        var ids = [];
        var objectSS = G_Datatable.ajax.json().data;
        for (var i = 0; i < objectSS.length; i++) {
            ids.push(objectSS[i]['id']);
        }
        
        $.ajax({
            type: "GET",
            url: "{{ route('add.endorsement.gen.commission.entry') }}",
            data: {
                ids: ids,
                id: policyId,
                tab: "general-life",
                record: JSON.stringify(additionalFields)
            },
            success: function(resultData) {
                if (resultData['status'] == 0) {
                    $(".modal-body input:required, .modal-body select:required").each(function() {
                        var fieldValue = $(this).val();
                        
                        if (!fieldValue || fieldValue.trim() === '') {
                            $(this).addClass("is-invalid").removeClass("is-valid");
                        } else {
                            $(this).addClass("is-valid").removeClass("is-invalid");
                        }
                    });

                    if (typeof resultData['data'] !== "undefined") {
                        var size = Object.keys(resultData['data']).length;
                        if (size > 0) {
                            for (var [key, value] of Object.entries(resultData['data'])) {
                                toastr["error"](value);
                            }
                        }
                    }else{
                        toastr["error"](resultData['msg']);
                    }
                } else {
                    appendDataIntoEndorsementGenCommissionTable(resultData['data']);

                    $("#addEndorsementGenReceivedModal").modal('hide');
                    toastr["success"](resultData['msg']);
                }

                if(resultData['totalAmounts']){
                    $("#et_commitment_amount").html(resultData['totalAmounts'].commitment_amount);
                    $("#et_received_amount").html(resultData['totalAmounts'].received_amount);
                    $("#et_different_amount").html(resultData['totalAmounts'].different_amount);
                }
            }
        });
    });

    $(document).on("input change blur", "#endorsement_gen_received_amt", function() {
        var receivedAmount = parseFloat($('#endorsement_gen_received_amt').val()) || 0;
        var receivedCommitmentAmount = parseFloat($('#endorsement_gen_received_commitment_amt').val()) || 0;
    });

    $(document).on("input change blur keyup", ".endo_general_remark", function() {
        var inputId = $(this).attr('id');
        var isCalCulate = true;
        var inputNumber;
        
        if (inputId.indexOf("endo_recvd_comm_amt") !== -1) {
            inputNumber = inputId.replace("endo_recvd_comm_amt", "");
        } else if (inputId.indexOf("endo_commit_comm_per") !== -1) {
            inputNumber = inputId.replace("endo_commit_comm_per", "");
        } else if (inputId.indexOf("endo_general_remark") !== -1) {
            inputNumber = inputId.replace("endo_general_remark", "");
            isCalCulate = false;
        } else if (inputId.indexOf("endo_recvd_commit_comm_amt") !== -1) {
            inputNumber = inputId.replace("endo_recvd_commit_comm_amt", "");
        }

        endorsementGenInlineChange(inputNumber, isCalCulate);
    }); 

    function endorsementGenInlineChange(id, isCalCulate){
        if(id != undefined){
            var commit_comm_per_value = $('#endo_commit_comm_per' + id).val();
            var commitCommPer = commit_comm_per_value ? parseFloat(commit_comm_per_value.replace(/,/g, '')) : NaN;
    
            if (isNaN(commitCommPer) && isCalCulate === true) {
                $('#endo_recvd_comm_per' + id + ', #endo_comm_diff_amt' + id + ', #endo_comm_diff_per' + id + ', #endo_commit_comm_amt' + id).val('0.00');
                $('#endo_commit_comm_per' + id).val('').val('0.00');
                
                showErrorMsg();
                return;
            }
    
            var commReciValue = parseFloat($('#endo_net_commisionable_amt' + id).val().replace(/,/g, ''));
            var commitCommPer = parseFloat($('#endo_commit_comm_per' + id).val().replace(/,/g, ''));
            var recvdCommPer = parseFloat($('#endo_recvd_comm_per' + id).val().replace(/,/g, ''));
            
            if(isNaN(commReciValue) || isNaN(commitCommPer)) {
                $('#endo_recvd_comm_per' + id + ', #endo_comm_diff_amt' + id + ', #endo_comm_diff_per' + id).val('');
    
                showErrorMsg();
                return;
            }else{
    
                var discountAmount = (commReciValue * commitCommPer) / 100;
                $('#endo_commit_comm_amt'+ id).val(discountAmount.toFixed(2));
                
                var commitCommAmt = parseFloat($('#endo_commit_comm_amt'+ id).val().replace(/,/g, ''));
                var recvdCommAmt = parseFloat($('#endo_recvd_comm_amt'+ id).val().replace(/,/g, ''));
                if(isNaN(recvdCommAmt)){
                    $('#endo_recvd_comm_amt' + id).val('');
                    recvdCommAmt = 0;
                }
    
                var percentage = (recvdCommAmt / commReciValue) * 100;
                $('#endo_recvd_comm_per' + id).val(percentage.toFixed(2));

                var differecenceAmount = (commitCommAmt - recvdCommAmt);
                $('#endo_comm_diff_amt' + id).val(differecenceAmount.toFixed(2));
                
                setTimeout(function (){
                    var differecencePer = (commitCommPer - recvdCommPer);
                    var recvdCommAmts = parseFloat($('#endo_recvd_comm_amt' + id).val().replace(/,/g, ''));
                    if(recvdCommAmts <= 0){
                        differecencePer = commitCommPer;
                    }
                    
                    $('#endo_comm_diff_per' + id).val(differecencePer.toFixed(2));
                    
                }, 50);
            }
    
            errorMessageShown = false;
            
            callAjaxForSave(id, "GeneralEndorsement");
        }
    }

    function makeEndoPolicyEntryAjaxRequest() {
        if (isProcessing) {
            console.log("Request already in progress. Skipping...");
            return; // Skip if a request is in progress
        }
        isProcessing = true; // Set the flag
       
        $('#Endo_Datatable').DataTable().draw().on('draw', function() {
            isProcessing = false; // Reset the flag after redraw
        });    
    }

    function checkEndoPolicyValidation(){
        var fromDate = $('#endo_from_date').val();
        var endDate = $('#endo_end_date').val();
        var brokerId = $('#endo_broker_id').val();
        var generalAgency = $('#endo_agency').val();
        var insuranceCompanyId = $('#endo_insurance_company_id').val();
        var generalCommissionType = $('#endo_commission_type').val();

        var fromDateValid = isValidDateFormat(fromDate);
        var endDateValid = isValidDateFormat(endDate);

        if(fromDate && fromDateValid && endDate && endDateValid && brokerId && insuranceCompanyId && generalCommissionType && generalAgency) {
            return true;
        }else{
            return false;
        }
    }

    function appendDataIntoEndorsementGenCommissionTable(resultData){
        var policyId = resultData['id'];

        // Received Commission 
        var receivedCommissionAmount = resultData['recvd_comm_amt'];
        if(receivedCommissionAmount != null){
            $("#endo_recvd_comm_amt"+ policyId).val(receivedCommissionAmount.toFixed(2));
        }

        var receivedCommissionPercentage = resultData['recvd_comm_per'];
        if(receivedCommissionPercentage != null){
            $("#endo_recvd_comm_per"+ policyId).val(receivedCommissionPercentage.toFixed(2));
        }

        var receivedCommissionableAmount = resultData['recvd_commit_comm_amt'];
        if(receivedCommissionableAmount != null){
            $("#endo_recvd_commit_comm_amt"+ policyId).val(receivedCommissionableAmount.toFixed(2));
        }
        
        // Difference
        var remainReceivedAmount = resultData['remain_received_amount'];
        if(remainReceivedAmount != null){
            $("#endo_remain_received_amt"+ policyId).val(remainReceivedAmount.toFixed(2));
        }

        var differenceCommissionAmount = resultData['comm_diff_amt'];
        if(differenceCommissionAmount != null){
            $("#endo_comm_diff_amt"+ policyId).val(differenceCommissionAmount.toFixed(2));
        }

        var differenceCommissionPercentage = resultData['comm_diff_per'];
        if(differenceCommissionPercentage != null){
            $("#endo_comm_diff_per"+ policyId).val(differenceCommissionPercentage.toFixed(2)).trigger('change');
        }
    }    
</script>
@endsection