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

<meta name="csrf-token" content="{{ csrf_token() }}">

<style>
    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_commit_comm_amt,
    input.life_net_commisionable_amt,
    input.comm_diff_per,
    input.comm_diff_amt,
    input.commit_comm_amt,
    input.recvd_comm_amt,
    input.endo_commit_comm_per,
    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.invest_amt,
    input.life_recvd_comm_amt,
    input.commission_diff_diff,
    input.received_commitment_com,
    input.received_commitment_com_amt,
    input.life_received_commitment_com,
    input.life_received_commitment_com_amt{
        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#Endo_Datatable_wrapper{
        background-color: white;
        padding: 10px;
        border-radius: 0.8rem;
    }

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

     input#general_document_number {
        cursor: default;
    }

    div#myTabContent {
        background-color: #f1f5fe;       
    }

    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;
    }

    @media (max-width: 1400px){
        #myTab {
            align-items: stretch;
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            overflow-x: auto !important;
        }
    }
    .theadBorderFRow{
        border: 1px solid #bfbfbf;
    }
</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-3">
                <div class="col-md-12">
                    <div class="row justify-content-between">
                        <div class="col-md-9">
                            <ul class="nav nav-tabs mb-3" 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</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</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</button>
                                </li>                    
                            </ul>
                        </div>
                        <div class="col-md-3 w-auto float-end">
                            <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">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="" id="">
                                            <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-3">
                                        <div class="mb-3">
                                            <label for="general_sub_agent_id" class="form-label">Sub Agent<span class="text-danger">*</span></label>
                                            <select class="form-control select2-ajax" id="general_sub_agent_id" name="general_sub_agent_id" required></select>
                                        </div>
                                    </div>
                                    
                                    <div class="col-xl-3">
                                        <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[]" multiple required></select>
                                        </div>
                                    </div>

                                    <div class="col-xl-3 d-none">
                                        <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>
                                            <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">Sub Agent<br><input type="text" class="form-control" name="sub_agent" 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" 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">Commissionable Amount<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">Agent Received Commission</th>
                                                <th class="theadBorderFRow text-center" colspan="2">Sub-Agent Passon Commission</th>
                                                <th class="theadBorderFRow text-center" colspan="2">Agent Remaining Commission</th>
                                            </tr>
                                            <tr>
                                                <th class="theadBorderFRow">Percentage</th>
                                                <th class="theadBorderFRow">Amount</th>
                                                <th class="theadBorderFRow">Percentage</th>
                                                <th class="theadBorderFRow">Amount</th>
                                                <th class="theadBorderFRow">Percentage</th>
                                                <th class="theadBorderFRow">Amount</th>
                                            </tr>
                                        </thead>
                                        <tbody></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 justify-content-center">
                                        <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>

                                </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">From Date<span></span></label>
                                        <select class="form-control" name="" id="">
                                            <option value="">Please select</option>
                                            <option value="">Test</option>
                                            <option value="">Test</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-3">
                                        <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-3">
                                        <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-3">
                                        <div class="mb-3">
                                            <label for="life_sub_agent_id" class="form-label">Sub Agent<span class="text-danger">*</span></label>
                                            <select class="form-control select2-ajax" id="life_sub_agent_id" name="life_sub_agent_id" required></select>
                                        </div>
                                    </div>

                                    <div class="col-xl-3">
                                        <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 d-none">
                                        <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>
                                            <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">Sub Agent<br><input type="text" class="form-control" name="life_sub_agent" placeholder="Search" autocomplete="off" style="width: 100px; height: 25px"></th>
                                                <th class="theadBorderFRow" rowspan="2">Company<br><input type="text" class="form-control" name="life_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="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">Policy Status<br><input type="text" class="form-control" name="life_policy_status" placeholder="Search" autocomplete="off" style="width: 100px; height: 25px" disabled></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">Commissionable Amount<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">Agent Received Commission</th>
                                                <th class="theadBorderFRow text-center" colspan="2">Sub-Agent  Passon Commission</th>
                                                <th class="theadBorderFRow text-center" colspan="2">Agent Remaining Commission</th>
                                            </tr>
                                            <tr>
                                                <th class="theadBorderFRow">Percentage</th>
                                                <th class="theadBorderFRow">Amount</th>
                                                <th class="theadBorderFRow">Percentage</th>
                                                <th class="theadBorderFRow">Amount</th>
                                                <th class="theadBorderFRow">Percentage</th>
                                                <th class="theadBorderFRow">Amount</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 justify-content-center">
                                        <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>
                                </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="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" required>
                                                </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="endo_end_date" value="" placeholder="dd-mm-yyyy" autocomplete="off" required>
                                                </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="endo_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="endo_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="endo_agency" name="general_agency" required></select>
                                        </div>
                                    </div>

                                    <div class="col-xl-3">
                                        <div class="mb-3">
                                            <label for="general_sub_agent_id" class="form-label">Sub Agent<span class="text-danger">*</span></label>
                                            <select class="form-control select2-ajax" id="endo_sub_agent_id" name="general_sub_agent_id" required></select>
                                        </div>
                                    </div>
                                    
                                    <div class="col-xl-3">
                                        <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="endo_gen_commission_type" name="general_commission_type[]" multiple required></select>
                                        </div>
                                    </div>

                                    <div class="col-xl-3 d-none">
                                        <div class="mb-3">
                                            <label for="commission_type_general" 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>
                                            <tr>
                                                <th class="theadBorderFRow" rowspan="2">Transaction Date<br><input type="text" class="form-control" name="endo_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">Sub Agent<br><input type="text" class="form-control" name="endo_sub_agent" 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">Transaction Type<br><input type="text" class="form-control" name="endo_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="endo_policy_no" placeholder="Search" autocomplete="off" style="width: 100px; height: 25px"></th>
                                                <th class="theadBorderFRow" rowspan="2">Commissionable Amount<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">Agent Received Commission</th>
                                                <th class="theadBorderFRow text-center" colspan="2">Sub-Agent Passon Commission</th>
                                                <th class="theadBorderFRow text-center" colspan="2">Agent Remaining Commission</th>
                                            </tr>
                                            <tr>
                                                <th class="theadBorderFRow">Percentage</th>
                                                <th class="theadBorderFRow">Amount</th>
                                                <th class="theadBorderFRow">Percentage</th>
                                                <th class="theadBorderFRow">Amount</th>
                                                <th class="theadBorderFRow">Percentage</th>
                                                <th class="theadBorderFRow">Amount</th>
                                            </tr>
                                        </thead>
                                        <tbody></tbody>
                                    </table>
                                    @csrf
                                </div>

                                {{-- <div class="card p-3 m-0 hideEndoGenNoData">
                                    <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 justify-content-center">
                                        <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>

                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </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') }}?v=2"></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 downloadCommissionLifePdf = "{{ route('download.commission.life.insurance.pdf') }}";
    var inputMappings = ["general_transaction_date", "broker", "sub_agent", "company", "client_name", "division", "segment", "segment_type", "policy_type", "policy_no", "comm_amt"];
    var lifeInputMappings = ["life_transaction_date", "life_broker", "life_sub_agent", "life_company", "life_client_name", "life_mode", "life_insurance_plan", "life_policy_status", "life_policy_no", "life_comm_amt"];
    var EndoInputMappings = ["endo_transaction_date", "endo_broker", "endo_sub_agent", "endo_company", "endo_client_name", "endo_division", "endo_segment", "endo_segment_type", "endo_policy_type", "endo_policy_no", "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]}],
        "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": "sub-agent",
                "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();},    
                "general_commission_type": function() {return $('#general_commission_type').val();},    
                "commission_type": function() {return $('#commission_type_general').val();},    
                "sub_agent_id": function() {return $('#general_sub_agent_id').val();},   
            },
        },
        "aoColumns": [
            {"mData": "transaction_date"},
            {"mData": "broker_name"},
            {"mData": "sub_agent"},
            {"mData": "company_name"},
            {"mData": "client_name"},
            {"mData": "division"},
            {"mData": "segment"},
            {"mData": "segment_type"},
            {"mData": "insurance_type"},
            {"mData": "policy_no"},
            {"mData": "net_commisionable_amt"},
            {"mData": "received_commitment_com", "bSortable": false},
            {"mData": "received_commitment_com_amt", "bSortable": false},
            {"mData": "total_commitment_com", "bSortable": false},
            {"mData": "total_commitment_com_amt", "bSortable": false},
            {"mData": "diff_per", "bSortable": false},
            {"mData": "diff_amt", "bSortable": false},
        ]
    });

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

        $("#gt_commitment_amount").html(responseData['totalAmount'].total_subagent_commit_comm_amt);
    });

    $('#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();
        // var inputMappings = ["general_transaction_date", "broker", "company", "client_name", "division", "segment", "segment_type", "policy_type", "policy_no", "comm_amt"];

        $('#from_date, #end_date, #broker_id, #insurance_company_id, #general_commission_type, #general_agency, #commission_type_general, #general_sub_agent_id').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", "sub_agent", "company", "client_name", "division", "segment", "segment_type", "policy_type", "policy_no", "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).search($('input[name="' + id + '"]').val()).draw();
            });
        });       
    
        //===================
        // updateURLWithActiveTabId();
        
        // LIFE POLICIES

        $('#life_from_date, #life_end_date, #life_broker_id, #life_agency, #life_insurance_company_id, #life_commission_type, #commission_type_life, #life_sub_agent_id').on('change input keyup', function() {
            clearTimeout(debounceTimeout); // Clear any previous timeout
            debounceTimeout = setTimeout(() => {
                if(checkLifeValidation() == true){
                    makeLifeEntryAjaxRequest();
                }else{
                    $('#hideLifeTable').hide();
                    $('.hideLifeNoData').show();
                }
            }, 300);
        });

        var lifeInputMappings = ["life_transaction_date", "life_broker", "life_sub_agent", "life_company", "life_client_name", "life_mode", "life_insurance_plan", "life_policy_status", "life_policy_no", "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_sub_agent_id, #endo_gen_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{
                    $('.hideEndoGenNoData').show();
                }
            }, 300);
        });

        var EndoInputMappings = ["endo_transaction_date", "endo_broker", "endo_sub_agent", "endo_company", "endo_client_name", "endo_division", "endo_segment", "endo_segment_type", "endo_policy_type", "endo_policy_no", "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');
        });       

        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('#insurance_company_id', "{{ route('search.insurance.company') }}", "General");        
        initializeSelect2('#general_agency', "{{ route('search.agency') }}", "Agency");        
        
        $('#general_sub_agent_id, #life_sub_agent_id, #endo_sub_agent_id').select2({
            ajax: {
                url: "{{ route('search.sub.agent') }}",
                dataType: 'json',
                delay: 0,
                data: function(params) {
                    return {
                        search_value: params.term, // search term
                        page: params.page
                    };
                },
                processResults: function(data, params) {
                    params.page = params.page || 1;

                    var addOption = { id: -1, text: "All Sub Agent"};
                    data.results.unshift(addOption);
                    return {
                        results: data.results,
                        pagination: {
                            more: (params.page * 30) < data.total_count
                        }
                    };
                },
                cache: false
            },
            placeholder: 'Search For Sub Agent',
        });
    
        $("#commission_type_general, #commission_type_life, #endo_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,
                        type: "Sub Agent"
                    };
                },
                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
        });

        $("#general_commission_type, #life_commission_type, #endo_gen_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: "Sub Agent"
                    };
                },
                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',
            allowClear: true,
            closeOnSelect: false 
        });

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

        $("#addGeneralReceivedModal").removeClass('generalEditModal');
        $("#addGeneralReceivedModal").modal('show');
        $("#generalLable").text('Add Received Amount');

        var inputId = $(this).attr("id");
        $('#general_received_amount, #general_record_id').val('');
        $('#general_policy_id').val('').val(inputId);

        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",
            autoclose: true,
            orientation: "bottom",
            container: '#addGeneralReceivedModal',
        }).on('changeDate', function() {
            $('.datepicker').hide();
        });

        $('#general_received_transaction_date').on('input keypress keyup keyblur 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');
            }
        });
    });
    
    $(document).on("input keypress keyup keyblur change blur", ".general_received_amount", function() {
        var inputId = $('#general_policy_id').val();
        var netCAmt = parseFloat($('#net_commisionable_amt'+inputId).val().replace(/,/g, ''));
        var recvdCommAmt = parseFloat($('#recvd_comm_amt'+inputId).val().replace(/,/g, ''));
        var generalReceivedAmt = parseFloat($('#general_received_amount').val().replace(/,/g, ''));
        var receiveAmtSum = generalReceivedAmt + recvdCommAmt;
    
        if(netCAmt < receiveAmtSum){
            testSingleError('Recieved Amount can not be greater than commissionable amount!');
            $('#general_received_amount').val(0.00)
        }
    
        $('.general_received_amount').on('input paste', function() {
            var amount = $(this).val();
            var numericAmount = amount.replace(/[^0-9.-]|(-.*)-/g, '$1');
            numericAmount = numericAmount.replace(/^(-)?0+/, '$1');

            var parts = numericAmount.split('.');
            parts[0] = parts[0].slice(0, 8);
            if (parts.length > 1) {
                parts[1] = parts[1].slice(0, 2);
                parts = [parts[0], parts.slice(1).join('')];
            }

            numericAmount = parts.join('.');
            $(this).val(numericAmount);
        });
    });

    $(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,
                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="4" class="text-center">').text('No data found'));
                    tableBody.append(messageRow);
                } else {

                    var receAmount = resultData['sum_amount'];
                    $("#recvd_comm_amt"+ inputId).val(receAmount.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));
                        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);
                    });
                }

            }
        });
    });

    $(document).on('input paste', '.commit_comm_per', function() {
        const $this = $(this);

        formatPercentageInput($this);

        const inputId = $this.attr('id');
        let inputNumber = "";

        if (inputId.indexOf("commit_comm_per") !== -1) {
            inputNumber = inputId.replace("commit_comm_per", "");
        }

        
        generalInlineChange(inputNumber, true);
    });

    $(document).on("blur", ".commit_comm_per", function() {
        var inputId = $(this).attr('id');
        var isCalCulate = true;
        var inputNumber;

        if (inputId.indexOf("commit_comm_per") !== -1) {
            inputNumber = inputId.replace("commit_comm_per", "");
        }
    
        generalInlineChange(inputNumber, isCalCulate);
    });

    function dateValidations(inputElement) {
        var currentDate = new Date();
        const date = inputElement.val();
        if (!/^\d{2}-\d{2}-\d{4}$/.test(date)) {
            inputElement.val(formatDate(currentDate));
        }
    }

    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
        });
    }

   // New helper function to show a single error message
   function testSingleError(message){
    if (!errorMessageShown) {
        errorMessageShown = true;
        toastr.error(message);
        setTimeout(() => {
            errorMessageShown = false;
            }, 3000); // Reset after 3 seconds
        }
    }
    
    function generalInlineChange(id, isCalCulate){
            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) {
                $('#commit_comm_amt' + id +', #comm_diff_amt' + id +', #comm_diff_per'+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, ''));

            if(!isNaN(commReciValue) || !isNaN(commitCommPer)) {
                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($('#received_commitment_com_amt'+id).val().replace(/,/g, ''));
                var recvdCommPer = parseFloat($('#received_commitment_com'+id).val().replace(/,/g, ''));
                
                if(isNaN(recvdCommAmt)){
                    $('#received_commitment_com_amt'+id).val('');
                    recvdCommAmt = 0;
                }

                var differecenceAmount = (recvdCommAmt - commitCommAmt);
                $('#comm_diff_amt'+id).val(differecenceAmount.toFixed(2));

                setTimeout(function (){
                    var differecencePer = (recvdCommPer - commitCommPer);
                    var recvdCommAmts = parseFloat($('#received_commitment_com_amt'+id).val().replace(/,/g, ''));
                    if(recvdCommAmts <= 0){
                        differecencePer = commitCommPer;
                    }
                    
                    $('#comm_diff_per'+id).val(differecencePer.toFixed(2));

                }, 50);
            }

            testErrorOnce = false;
            generalDataSaveAjax(id);
    }

    function generalDataSaveAjax(id){
        var additionalFields = {
            type: "Save Commission",
            commit_comm_per: parseFloat($('#commit_comm_per' + id).val().replace(/,/g, '')),
            commit_comm_amt: parseFloat($('#commit_comm_amt' + id).val().replace(/,/g, '')),
        };

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

        $.ajax({
            type: 'GET',
            url: "{{ route('add.general.commission.entry') }}",
            data: {
                id: id,
                ids: ids,
                tab: "sub-agent",
                record: JSON.stringify(additionalFields)
            },
            success: function(resultData) {
                if(resultData['status'] === 0)
                {
                    testSingleError(resultData['msg']);
                    $('#commit_comm_per'+id).val(0.00);
                    $('#commit_comm_amt'+id).val(0.00);
                    $('#comm_diff_per'+id).val(0.00);
                    $('#comm_diff_amt'+id).val(0.00);
                    return;
                }

                errorMessageShown = false;
                
                if(resultData['totalAmounts'] && resultData['totalAmounts'].subagent_commit_comm_amt !== undefined)
                {
                    $("#gt_commitment_amount").html(resultData['totalAmounts'].subagent_commit_comm_amt);
                }
            },
            error: function (xhr) {
                console.error("AJAX Error:", xhr);
            }
        });
    }    

    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 generalSubAgentId = $('#general_sub_agent_id').val();
        
        var fromDateValid = isValidDateFormat(fromDate);
        var endDateValid = isValidDateFormat(endDate);
        
        if(fromDate && fromDateValid && endDate && endDateValid && brokerId && insuranceCompanyId && generalCommissionType && generalAgency && generalSubAgentId) {
            return true;
        }else{
            return false;
        }
    } 

    // 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 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 isValidDateFormat(dateString) {
        var dateFormatRegex = /^\d{2}-\d{2}-\d{4}$/;
        return dateFormatRegex.test(dateString);
    }

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

    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 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);

        Inputmask("9{2}-9{2}-9{4}", {
            definitions: {
                "C": {
                validator: "[C,S,c,s]",
                cardinality: 1,
                }
            },
            insertMode: false
        }).mask($('#from_date, #end_date, #life_from_date, #life_end_date, #endo_from_date, #endo_end_date'));
        
        $("#from_date, #life_from_date, #endo_from_date").val(fromDateFormatted);
        $("#end_date, #life_end_date, #endo_end_date").val(endDateFormatted);
        
        $("#from_date, #life_from_date, #endo_from_date").datepicker("setDate", fromDateFormatted);
        $("#end_date, #life_end_date, #endo_end_date").datepicker("setDate", endDateFormatted);

        $('#broker_id, #life_broker_id, #life_insurance_company_id, #insurance_company_id, #general_commission_type, #commission_type_life, #commission_type_general, #life_commission_type, #general_agency, #life_agency, #life_sub_agent_id, #general_sub_agent_id').empty();

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

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

        var newOption = new Option("All Broker", '-1', false, false);
        $('#broker_id, #life_broker_id, #endo_broker_id').append(newOption).trigger('change');
        
        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');

        var newOption = new Option("All Sub Agent", '-1', false, false);
        $('#general_sub_agent_id, #life_sub_agent_id, #endo_sub_agent_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();
                // $('#hideEndoPolicyTable').hide();
                // $('.hideGeneralNoData, .hideLifeNoData').hide(); 
            // }
        }           
    }

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

{{-- for Life --}}
<script type="text/javascript">
    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]}],
        "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": "sub-agent",
                "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();},    
                "sub_agent_id": function() {return $('#life_sub_agent_id').val();},   
            },
        },
        "aoColumns": [
            {"mData": "transaction_date"},
            {"mData": "broker_name"},
            {"mData": "sub_agent"},
            {"mData": "company_name"},
            {"mData": "client_name"},
            {"mData": "mode"},
            {"mData": "life_insurance_plan"},
            {"mData": "life_policy_status"},
            {"mData": "life_policy_no"},
            {"mData": "net_commisionable_amt"},
            {"mData": "received_commitment_com", "bSortable": false},
            {"mData": "received_commitment_com_amt", "bSortable": false},
            {"mData": "total_commitment_com", "bSortable": false},
            {"mData": "total_commitment_com_amt", "bSortable": false},
            {"mData": "diff_per", "bSortable": false},
            {"mData": "diff_amt", "bSortable": false},
        ]
    });

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

        $("#lt_commitment_amount").html(responseData['totalAmount'].total_subagent_commit_comm_amt);
    });

    $('#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 paste blur change", ".life_commit_comm_per", function() {
        var inputId = $(this).attr("id");
        var inputNumber;
        var isCalCulate = true;
        if (inputId.indexOf("life_commit_comm_per") !== -1) {
            inputNumber = inputId.replace("life_commit_comm_per", "");
        }
        
        lifeInlineChange(inputNumber, isCalCulate);
    });

    $(document).ready(function() {
        errorMessageShown = false;

        // $('#hideLifeTable, #hideLifeSubmitButtonTable').hide();
        // var lifeInputMappings = ["life_transaction_date", "life_broker", "life_company", "life_client_name", "life_mode", "life_insurance_plan", "life_policy_status", "life_policy_no", "life_comm_amt"];

        // $('#life_from_date, #life_end_date, #life_broker_id, #life_agency, #life_insurance_company_id, #life_commission_type, #commission_type_life, #life_sub_agent_id').on('change input keyup', function() {
        //     clearTimeout(debounceTimeout); // Clear any previous timeout
        //     debounceTimeout = setTimeout(() => {
        //         if(checkLifeValidation() == true){
        //             makeLifeEntryAjaxRequest();
        //         }else{
        //             $('#hideLifeTable').hide();
        //             $('.hideLifeNoData').show();
        //         }
        //     }, 300);
        // });
    
        // 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();
        //     });
        // });

        $('#life-commission').click(function() {
            handleTabClick('#life-commission', '#lifeCommission', 'life-commission');
        });

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

        initializeSelect2('#life_broker_id', "{{ route('search.broker') }}");
        initializeSelect2('#life_insurance_company_id', "{{ route('search.insurance.company') }}", "Life");
        initializeSelect2('#life_agency', "{{ route('search.agency') }}", "Agency");
    });
      
    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 lifeInlineChange(id, isCalCulate){

        $('.life_commit_comm_per').on('input paste', function() {
            formatPercentageInput($(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_amt' + id + ', #life_comm_diff_amt' + id + ', #life_comm_diff_per'+id).val(0.00);
            $('#life_commit_comm_per'+id).val('').val(0.00);
                   
            showErrorMsg();
            return;
        }
        
        $('.life_recvd_comm_amt').on('input paste', function() {
            var amount = $(this).val();
            var numericAmount = amount.replace(/^0+|[^0-9.]/g, '');
            numericAmount = numericAmount.replace(/^0+/, '');

            var parts = numericAmount.split('.');
            parts[0] = parts[0].slice(0, 8);
            if (parts.length > 1) {
                parts[1] = parts[1].slice(0, 2);
                parts = [parts[0], parts.slice(1).join('')];
            }

            numericAmount = parts.join('.');
            $(this).val(numericAmount);
        });

        // var commitCommPer = parseFloat($('#life_commit_comm_per'+id).val().replace(/,/g, ''));
        // if(isNaN(commitCommPer) && isCalCulate == true){
        //     $('#life_commit_comm_per'+id).val('');
        //     $('#life_commit_comm_amt'+id).val(0.00);
            
        //     showErrorMsg();
        //     return;
        // }

        var commReciValue = parseFloat($('#life_net_commisionable_amt' + id).val().replace(/,/g, ''));
        var commitCommPer = parseFloat($('#life_commit_comm_per'+id).val().replace(/,/g, ''));

        if(!isNaN(commReciValue) || !isNaN(commitCommPer)) {
            var discountAmount = (commReciValue * commitCommPer) / 100;
            $('#life_commit_comm_amt'+id).val(discountAmount.toFixed(2));

            var commitCommAmt = parseFloat($('#life_commit_comm_amt'+id).val().replace(/,/g, ''));
            var recvdCommAmt = parseFloat($('#life_received_commitment_com_amt'+id).val().replace(/,/g, ''));
            var recvdCommPer = parseFloat($('#life_received_commitment_com'+id).val().replace(/,/g, ''));

            if(isNaN(recvdCommAmt)){
                $('#life_received_commitment_com_amt'+id).val('');
                recvdCommAmt = 0;
            }

            var differecenceAmount = (recvdCommAmt - commitCommAmt);
            $('#life_comm_diff_amt'+id).val(differecenceAmount.toFixed(2));
            
            setTimeout(function (){
                var differecencePer = (recvdCommPer - commitCommPer);
                var recvdCommAmts = parseFloat($('#life_received_commitment_com_amt'+id).val().replace(/,/g, ''));
                if(recvdCommAmts <= 0){
                    differecencePer = commitCommPer;
                }
                
                $('#life_comm_diff_per'+id).val(differecencePer.toFixed(2));
                
            }, 50);
        }

        errorMessageShown = false;
        lifeDataSaveAjax(id, isCalCulate);
    }

    function lifeDataSaveAjax(id, isCalCulate){
        var lifeAdditionalFields = {
            type: "Save Commission",
            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, '')),
        };

        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: {
                id: id,
                ids: ids,
                tab: "sub-agent",
                record: JSON.stringify(lifeAdditionalFields)
            },
            success: function(resultData) {
                if(resultData['status'] == 0)
                {
                    toastr["error"](resultData['msg']);
                    $('#life_commit_comm_per'+id).val(0.00);
                    $('#life_commit_comm_amt'+id).val(0.00);
                    $('#life_comm_diff_per'+id).val(0.00);
                    $('#life_comm_diff_amt'+id).val(0.00);
                }

                if(resultData['totalAmounts']){
                    $("#lt_commitment_amount").html(resultData['totalAmounts'].subagent_commit_comm_amt);
                }
            }
        });
    }

    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 lifeSubAgentId = $('#life_sub_agent_id').val();

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

        if(fromDate && fromDateValid && endDate && endDateValid && brokerId && insuranceCompanyId && CommissionType && lifeAgency && lifeSubAgentId) {
            return true;
        }else{
            return false;
        }
    }
</script>

{{-- for general 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]}],
        "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": "sub-agent",
                "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();},    
                "general_commission_type": function() {return $('#endo_gen_commission_type').val();},    
                "commission_type": function() {return $('#commission_type_general').val();},    
                "sub_agent_id": function() {return $('#endo_sub_agent_id').val();},   
            },
        },
        "aoColumns": [
            {"mData": "transaction_date"},
            {"mData": "broker_name"},
            {"mData": "sub_agent"},
            {"mData": "company_name"},
            {"mData": "client_name"},
            {"mData": "division"},
            {"mData": "segment"},
            {"mData": "segment_type"},
            {"mData": "insurance_type"},
            {"mData": "policy_no"},
            {"mData": "net_commisionable_amt"},
            {"mData": "received_commitment_com", "bSortable": false},
            {"mData": "received_commitment_com_amt", "bSortable": false},
            {"mData": "total_commitment_com", "bSortable": false},
            {"mData": "total_commitment_com_amt", "bSortable": false},
            {"mData": "diff_per", "bSortable": false},
            {"mData": "diff_amt", "bSortable": false},
        ]
    });

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

        $("#et_commitment_amount").html(responseData['totalAmount'].total_subagent_commit_comm_amt);
    });

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

    $('#endo-policy-commission').click(function() {
        handleTabClick('#endo-policy-commission', '#endoPolicyCommission', 'endo-policy-commission');
    });  

    $(document).ready(function(){
        // $('#hideEndoPolicyTable').hide();

        // $('#endo_from_date, #endo_end_date, #endo_broker_id, #endo_insurance_company_id, #endo_sub_agent_id, #endo_gen_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{
                //     $('.hideEndoGenNoData').show();
                // }
            // }, 300);
        // });

        // 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();
        //     });
        // });

        initializeSelect2('#endo_broker_id', "{{ route('search.broker') }}");
        initializeSelect2('#endo_insurance_company_id', "{{ route('search.insurance.company') }}", "General");
        initializeSelect2('#endo_agency', "{{ route('search.agency') }}", "Agency");
    });

    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 subAgentId = $('#endo_sub_agent_id').val();
        var generalCommissionType = $('#endo_gen_commission_type').val();

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

    function makeEndoPolicyEntryAjaxRequest() {
        // $('#hideEndoPolicyTable').show();
        $('.hideEndoGenNoData').hide();

        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
        });    
    }

    $(".general-export-btn").on("click", function(event) {
        event.preventDefault();

        var type = $(this).data("type"); // "view" or "all"

        downloadPDF(type);
    });

    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 objectSS = G_Datatable.ajax.json().data;

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

            length = objectSS.length;
        }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;
        } 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;

            const currentUrl = window.location.href;
            const url = new URL(currentUrl);
            var typeValue = url.searchParams.get('type');

            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(); },
                        "sub_agent_id": function() { return $("#general_sub_agent_id").val(); },
                        "from_date": function() { return $("#from_date").val(); },
                        "end_date": function() { return $("#end_date").val(); },
                        "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,
                        "type": typeValue,
                    },
                    beforeSend: function() {
                        showLoader();
                    },
                    success: function(resultData) {
                        hideLoader();
                        path = resultData['path'];
                        window.open(path, '_blank');
                    }
                });
            } else {
                toastr["error"]("There are no policy yet.");
            }
    }
    
    $(".life-export-btn").on("click", function(event) {

        event.preventDefault();

        var type = $(this).data("type"); // "view" or "all"

        downloadPdfLife(type);
    });

    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;
        }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;

        const currentUrl = window.location.href;
        const url = new URL(currentUrl);
        var typeValue = url.searchParams.get('type');
        
        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(); },
                    "sub_agent_id": function() { return $("#life_sub_agent_id").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,
                    "type": typeValue,
                },
                beforeSend: function() {
                    showLoader();
                },
                success: function(resultData) {
                    hideLoader();
                    path = resultData['path'];
                    window.open(path, '_blank');
                }
            });
        } else {
            toastr["error"]("There are no policy yet.");
        }
    }
    
    $('#general_commission_type, #life_commission_type, #endo_gen_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');
        }
    });

    $('.commit_comm_per').inputmask();

$(document).on('focus', '.commit_comm_per', function () {
    const input = this;

    setTimeout(function () {
        const val = input.value;
        input.value = '';
        input.value = val;

        if (input.setSelectionRange) {
            const length = val.length;
            input.setSelectionRange(length, length);
        }
    }, 0);
});
</script>
@endsection