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

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

<style>
    .select2-container .select2-selection--multiple .select2-search__field {
        width: 240px !important;
    }

    .fw-600,strong{
        font-weight: 600;
    }

    h5{
        margin-bottom: 0 !important;
    }

    .mainSelection{
        background-color: #c9defe;
        padding: 10px 0 0 0;
        width: max-content;
        border-radius: 0.8rem;
        margin: 0px 5px 10px 5px !important;
    }

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

    hr {
        margin: 0.5rem 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;
        }
    }

    .col-md-2.tab-pane.fade.show.active {
        display: block;
    }

    .col-md-2.tab-pane.fade {
        display: none;
    }

    @media (max-width: 991px) {
        .page-title-right{
            margin: 10px 0;
        }
    }
    
    @media (min-width: 992px) {
        .col-md-4 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 33.33%;
        }

        .col-md-3 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 25%;
        }
    }

    @media (min-width: 1200px) {
        .col-md-3 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 25%;
        }
    }

    @media (min-width: 1400px) {
        .col-md-3 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 25%;
        }
    }

    @media (min-width: 1600px) {
        .col-md-2.column {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 18%;
        }
    }

    .col-form-label {
        padding-top: calc(0.375rem + 1px);
        padding-bottom: calc(0.375rem + 1px);
        margin-bottom: 0;
        font-size: inherit;
        line-height: 1.5;
    }

    .f-14 {
        font-size: 14px;
        font-weight: 500;
    }

    input#general_document_number {
        cursor: default;
    }

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

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

    .nav {
        padding: 10px 0;
        width: fit-content;
        border-radius: 0.8rem;
        background-color: #f1f5fe;
    }

    li.nav-item {
        border-right: 1px solid #074193;
        padding: 0 15px;
    }

    li.nav-item:last-child {
        border-right: none;
    }

    .nav-tabs {
        border-bottom: 0;
    }

    .nav-link {
        padding: 0.5rem 1.2rem;
        font-weight: 500;
    }

    .nav-tabs .nav-item.show .nav-link,
    .nav-tabs .nav-link.active {
        border-color: unset;
        border: none;
        color: #fff !important;
        background-color: var(--bs-blue);
        border-radius: 0.6rem;
    }

    .nav-tabs .nav-link:focus,
    .nav-tabs .nav-link:hover {
        border-color: unset;
        border: 0;
    }

    .nav-tabs .nav-link {
        border-radius: 0.6rem;
        border: 0;
    }

    .justify-content {
        justify-content: end;
    }
</style>

<div class="page-content">
    <div class="container-fluid">
        <!-- Start page title -->
            @include('../reachassuree_agent/master/comman/header')
        <!-- End page title -->

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

        <!-- start row -->
        <div class="row">
            <div class="card p-3">
                <div class="col-md-12">

                    <div class="d-flex" style="justify-content: space-between;align-items: baseline;">
                        <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 Commission</button>
                            </li>
                            <li class="nav-item" role="presentation">
                                <button class="nav-link waves-effect" id="life-commission" data-bs-toggle="tab" data-bs-target="#lifeCommission" type="button" role="tab" aria-controls="contact" aria-selected="false">Life Insurance Commission</button>
                            </li>
                            <li class="nav-item" role="presentation">
                                <button class="nav-link waves-effect" id="investment-commission" data-bs-toggle="tab" data-bs-target="#investmentCommission" type="button" role="tab" aria-controls="intellectual-property-policy-tab" aria-selected="false">Investment Commission</button>
                            </li>
                            <li class="nav-item" role="presentation">
                                <button class="nav-link waves-effect" id="sub-agent-commission" data-bs-toggle="tab" data-bs-target="#subAgentCommission" type="button" role="tab" aria-controls="intellectual-property-policy-tab" aria-selected="false">Sub Agent Commission</button>
                            </li>
                        </ul>
                    </div>

                    <div class="tab-content" id="myTabContent">

                        <!-- general insurance commission -->
                        <div class="tab-pane fade" id="generalCommission" role="tabpanel" aria-labelledby="general-commission">
                            <form action="{{route('commission.add.general.setting')}}" method="POST" id="formGeneralCommission" class="needs-validation" enctype="multipart/form-data" novalidate>
                                @csrf
                                <input type="hidden" class="form-control" name="document_number" id="document_number" value="@php echo date('dmy'); echo mt_rand(10000,99999); @endphp">
                                <input type="hidden" class="form-control" name="previous_general_commission_id" id="previous_general_commission_id" value="">

                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="mb-3">
                                            <label class="form-label">&nbsp;</label>
                                            <div class="form-check">
                                                <div class="form-check-inline">
                                                    <input class="form-check-inline form-check-input" type="radio" name="commission_checkbox" id="general_broker" value="Broker" checked>
                                                    <label class="form-check-label me-5" for="general_broker">Broker</label>
                                                </div>
                                                <div class="form-check-inline">
                                                    <input class="form-check-inline form-check-input" type="radio" name="commission_checkbox" id="direct_company" value="Direct Company">
                                                    <label class="form-check-label me-5" for="direct_company">Direct Company</label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-2" id="brokerTab1">
                                        <div class="mb-3">
                                            <label class="form-label" for="general_broker_id">Select Broker<span class="text-danger">*</span></label>
                                            <select class="form-select" id="general_broker_id" name="broker_id" required></select>
                                            <div class="invalid-feedback">This value is required.</div>
                                        </div>
                                    </div>
                                    <div class="col-md-2" id="insuranceTab1" style="display: none;">
                                        <div class="mb-3">
                                            <label for="general_insurance_company_id" class="form-label">Select Insurance Company<span class="text-danger">*</span></label>
                                            <select class="form-control form-select select2-ajax" id="general_insurance_company_id" name="insurance_company_id" required></select>
                                            <div class="invalid-feedback">This value is required.</div>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="mb-3">
                                            <label for="general_division_id" class="form-label">Select Division<span class="text-danger">*</span></label>
                                            <select class="form-control select2-ajax" id="general_division_id" name="division_id" required></select>
                                            <div class="invalid-feedback">This value is required.</div>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="mb-3">
                                            <label for="general_segment_id" class="form-label">Select Segment<span class="text-danger">*</span></label>
                                            <select class="form-control select2-ajax" id="general_segment_id" name="segment_id" required></select>
                                            <div class="invalid-feedback">This value is required.</div>
                                        </div>
                                    </div>
                                </div>

                                <div class="row mt-2 mainSelection">
                                    <div class="col-md-12">
                                        <div class="form-check">
                                            <label class="form-label spaceRemove">&nbsp;&nbsp;&nbsp;&nbsp;</label>
                                            <div class="form-check-inline">
                                                <input class="form-check-input" type="radio" name="commision_type_general[]" id="commision_type_general" value="1" checked>
                                                <label class="form-check-label me-5 fw-600" for="commision_type_general">Commission Type</label>
                                            </div>
                                            <div class="form-check-inline">
                                                <input class="form-check-input" type="radio" name="commision_type_general[]" id="target_base_commision_general" value="2">
                                                <label class="form-check-label fw-600" for="target_base_commision_general">Target Base Commission</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                
                                <div id="commi_type_general">
                                    <hr>
                                
                                    <div class="row">
                                        <div class="col-md-2"><div class="row"><div class="col-md-12"><label for="general_division_id" class="form-label col-form-label"><h5><strong>Commission Type</strong></h5></label></div></div></div>
                                        <div class="col-md-10">
                                            <div class="row">
                                                <div class="col-md-3"><div class="mb-2"><label for="general_division_id" class="form-label col-form-label"><h5><strong>Commission % Fixed<span class="text-danger">*</span></strong></h5></label></div></div>
                                                <div class="col-md-3"><div class="mb-2"><label for="general_division_id" class="form-label col-form-label"><h5><strong>Effective From Date<span class="text-danger">*</span></strong></h5></label></div></div>
                                                <div class="col-md-3"><div class="mb-2"><label for="general_division_id" class="form-label col-form-label"><h5><strong>Effective End Date</strong></h5></label></div></div>
                                                <div class="col-md-3"><div class="mb-2"><label for="general_division_id" class="form-label col-form-label"><h5><strong>Commission  %</strong></h5></label></div></div>
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <div class="row">
                                        <div class="col-md-2"><div class="row"><div class="col-md-12"><label for="general_division_id" class="form-label f-14 col-form-label">IRDA Commission</label></div></div></div>
                                        <div class="col-md-10">
                                            <div class="row">
                                                <div class="col-md-3"><div class="mb-3"><input type="text" class="form-control general-commission-input NumericValidation commission-input" name="irda_commission" id="general_irda_commission" value="" placeholder="Enter IRDA Commission" autocomplete="off"></div></div>
                                                <div class="col-md-3"><div class="mb-3"><input type="text" class="form-control general-commission-from-date" name="irda_from_date" id="general_irda_from_date" placeholder="dd-mm-yyyy" value=""  autocomplete="off"></div></div>
                                                <div class="col-md-3"><div class="mb-3"><input type="text" class="form-control" name="irda_end_date" id="general_irda_end_date" placeholder="dd-mm-yyyy" value="" autocomplete="off"></div></div>
                                                <div class="col-md-3"><div class="mb-3"><input type="text" class="form-control NumericValidation" name="irda_total_commission" id="general_irda_total_commission" value="" placeholder="IRDA Total Commission"  autocomplete="off"></div></div>
                                            </div>
                                        </div>
                                    </div>
                                   
                                    <div class="row">
                                        <div class="col-md-2"><div class="row"><div class="col-md-12"><label for="general_division_id" class="form-label f-14 col-form-label">ORC Commission</label></div></div></div>
                                        <div class="col-md-10">
                                            <div class="row">
                                                <div class="col-md-3"><div class="mb-3"><input type="text" class="form-control general-commission-input NumericValidation commission-input" name="direct_commission" id="general_direct_commission" value="" placeholder="Enter ORC Commission" autocomplete="off"></div></div>
                                                <div class="col-md-3"><div class="mb-3"><input type="text" class="form-control general-commission-from-date" name="direct_from_date" id="general_direct_from_date" placeholder="dd-mm-yyyy" value="" autocomplete="off"></div></div>
                                                <div class="col-md-3"><div class="mb-3"><input type="text" class="form-control" name="direct_end_date" id="general_direct_end_date" placeholder="dd-mm-yyyy" value="" autocomplete="off"></div></div>
                                                <div class="col-md-3"><div class="mb-3"><input type="text" class="form-control NumericValidation" name="direct_total_commission" id="general_direct_total_commission" value="" placeholder="Direct Total Commission" autocomplete="off"></div></div>
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <div class="row">
                                        <div class="col-md-2"><div class="row"><div class="col-md-12"><label for="general_division_id" class="form-label f-14 col-form-label">Incentive Commission</label></div></div></div>
                                        <div class="col-md-10">
                                            <div class="row">
                                                <div class="col-md-3"><div class="mb-3"><input type="text" class="form-control general-commission-input NumericValidation commission-input"name="incentive_commission" id="general_incentive_commission" value="" placeholder="Enter Incentive Commission" autocomplete="off"></div></div>
                                                <div class="col-md-3"><div class="mb-3"><input type="text" class="form-control general-commission-from-date" name="incentive_from_date" id="general_incentive_from_date" placeholder="dd-mm-yyyy" value="" autocomplete="off"></div></div>
                                                <div class="col-md-3"><div class="mb-3"><input type="text" class="form-control" name="incentive_end_date" id="general_incentive_end_date" placeholder="dd-mm-yyyy" value="" autocomplete="off"></div></div>
                                                <div class="col-md-3"><div class="mb-3"><input type="text" class="form-control NumericValidation" name="incentive_total_commission" id="general_incentive_total_commission" value="" placeholder="Incentive Total Commission" autocomplete="off"></div></div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-md-2"><div class="row"><div class="col-md-12"><label for="general_division_id" class="form-label f-14 col-form-label">Other Commission</label></div></div></div>
                                        <div class="col-md-10">
                                            <div class="row">
                                                <div class="col-md-3"><div class="mb-3"><input type="text" class="form-control general-commission-input NumericValidation commission-input" name="other_commission" id="general_other_commission" value="" placeholder="Enter Other Commission" autocomplete="off"></div></div>
                                                <div class="col-md-3"><div class="mb-3"><input type="text" class="form-control general-commission-from-date" name="other_from_date" id="general_other_from_date" placeholder="dd-mm-yyyy" value="" autocomplete="off"></div></div>
                                                <div class="col-md-3"><div class="mb-3"><input type="text" class="form-control" name="other_end_date" id="general_other_end_date" placeholder="dd-mm-yyyy" value="" autocomplete="off"></div>                                                </div>
                                                <div class="col-md-3"><div class="mb-3"><input type="text" class="form-control NumericValidation" name="other_total_commission" id="general_other_total_commission" value="" placeholder="Other Total Commission" autocomplete="off"></div></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                
                                <div id="target_base_commi_general">
                                    <hr>

                                    <div class="row">
                                        <div class="col-md-2"><label class="form-label col-form-label"><h5><strong>Target Series</strong></h5></label></div>
                                        <div class="col-md-2"><div class="mb-2"><label class="form-label col-form-label"><h5><strong>Target Limit Amount</strong></h5></label></div></div>
                                        <div class="col-md-2"><div class="mb-2"><label class="form-label col-form-label"><h5><strong>Add. Commission %</strong></h5></label></div></div>
                                        <div class="col-md-2"><div class="mb-2"><label class="form-label col-form-label"><h5><strong>Lum Sum Commission </strong></h5></label></div></div>
                                        <div class="col-md-2"><div class="mb-2"><label class="form-label col-form-label"><h5><strong>Effective From Date</strong></h5></label></div></div>
                                        <div class="col-md-2"><div class="mb-2"><label class="form-label col-form-label"><h5><strong>Effective End Date</strong></h5></label></div></div>
                                    </div>

                                    <div class="row">
                                        <div class="col-md-2"><label for="general_division_id" class="form-label f-14 col-form-label">1st Target</label></div>
                                        <div class="col-md-2"><div class="mb-3"><input type="text" class="general-commission-input form-control isNumber" name="first_target" id="general_first_target" value="" placeholder="First Target Limit Amount" autocomplete="off" maxlength="12"></div></div>
                                        <div class="col-md-2"><div class="mb-3"><input type="text" class="form-control NumericValidation" name="first_commission" id="general_first_commission" value="" placeholder="First Target Commission" autocomplete="off"></div></div>
                                        <div class="col-md-2"><div class="mb-3"><input type="text" class="form-control isNumber" name="first_lum_sum_comm"id="general_first_lum_sum_comm" value="" placeholder="First Target Lum Sum Commission" autocomplete="off"></div></div>
                                        <div class="col-md-2"><div class="mb-3"><input type="text" class="general-commission-from-date form-control" name="first_from_date" id="general_first_from_date" placeholder="dd-mm-yyyy" value="" autocomplete="off"></div></div>
                                        <div class="col-md-2"><div class="mb-3"><input type="text" class="form-control" name="first_end_date" id="general_first_end_date" placeholder="dd-mm-yyyy" value="" autocomplete="off"></div></div>
                                    </div>

                                    <div class="row">
                                        <div class="col-md-2"><label for="general_division_id" class="form-label f-14 col-form-label">2nd Target</label></div>
                                        <div class="col-md-2"><div class="mb-3"><input type="text" class="general-commission-input form-control isNumber" name="second_target" id="general_second_target" value="" placeholder="Second Target Limit Amount" autocomplete="off" maxlength="12"></div></div>
                                        <div class="col-md-2"><div class="mb-3"><input type="text" class="form-control NumericValidation" name="second_commission" id="general_second_commission" value="" placeholder="Second Target Commission" autocomplete="off"></div></div>
                                        <div class="col-md-2"><div class="mb-3"><input type="text" class="form-control isNumber" name="second_lum_sum_comm" id="general_second_lum_sum_comm" value="" placeholder="Second Target Lum Sum Commission" autocomplete="off"></div></div>
                                        <div class="col-md-2"><div class="mb-3"><input type="text" class="general-commission-from-date form-control" name="second_from_date" id="general_second_from_date" placeholder="dd-mm-yyyy" value="" autocomplete="off"></div></div>
                                        <div class="col-md-2"><div class="mb-3"><input type="text" class="form-control" name="second_end_date" id="general_second_end_date" placeholder="dd-mm-yyyy" value="" autocomplete="off"></div></div>
                                    </div>

                                    <div class="row">
                                        <div class="col-md-2"><label for="general_division_id" class="form-label f-14 col-form-label">3rd Target</label></div>
                                        <div class="col-md-2"><div class="mb-3"><input type="text" class="general-commission-input form-control isNumber" name="third_target" id="general_third_target" value="" placeholder="Third Target Limit Amount" autocomplete="off" maxlength="12"></div></div>
                                        <div class="col-md-2"><div class="mb-3"><input type="text" class="form-control NumericValidation" name="third_commission" id="general_third_commission" value="" placeholder="Third Target Commission" autocomplete="off"></div></div>
                                        <div class="col-md-2"><div class="mb-3"><input type="text" class="form-control isNumber" name="third_lum_sum_comm" id="general_third_lum_sum_comm" value="" placeholder="Third Target Lum Sum Commission" autocomplete="off"></div></div>
                                        <div class="col-md-2"><div class="mb-3"><input type="text" class="general-commission-from-date form-control" name="third_from_date" id="general_third_from_date" placeholder="dd-mm-yyyy" value="" autocomplete="off"></div></div>
                                        <div class="col-md-2"><div class="mb-3"><input type="text" class="form-control" name="third_end_date" id="general_third_end_date" placeholder="dd-mm-yyyy" value="" autocomplete="off"></div></div>
                                    </div>

                                    <div class="row">
                                        <div class="col-md-2"><label for="general_division_id" class="form-label f-14 col-form-label">4th Target</label></div>
                                        <div class="col-md-2"><div class="mb-3"><input type="text" class="general-commission-input form-control isNumber" name="forth_target" id="general_forth_target" value="" placeholder="Forth Target Limit Amount" autocomplete="off" maxlength="12"></div></div>
                                        <div class="col-md-2"><div class="mb-3"><input type="text" class="form-control NumericValidation" name="forth_commission" id="general_forth_commission" value="" placeholder="Forth Target Commission" autocomplete="off"></div></div>
                                        <div class="col-md-2"><div class="mb-3"><input type="text" class="form-control isNumber" name="forth_lum_sum_comm" id="general_forth_lum_sum_comm" value="" placeholder="Forth Target Lum Sum Commission" autocomplete="off"></div></div>
                                        <div class="col-md-2"><div class="mb-3"><input type="text" class="general-commission-from-date form-control" name="forth_from_date" id="general_forth_from_date" placeholder="dd-mm-yyyy" value="" autocomplete="off"></div></div>
                                        <div class="col-md-2"><div class="mb-3"><input type="text" class="form-control" name="forth_end_date" id="general_forth_end_date" placeholder="dd-mm-yyyy" value="" autocomplete="off"></div></div>
                                    </div>
                                </div>
                                
                                <hr>

                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="mb-3">
                                            <label for="general_division_id"class="form-label f-14 col-form-label">Meeting Date</label>
                                            <input type="text" class="form-control" name="meeting_date" id="general_meeting_date" placeholder="dd-mm-yyyy" value="" autocomplete="off">
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="mb-3">
                                            <label for="general_division_id" class="form-label f-14 col-form-label">Meeting Head Name</label>
                                            <input type="text" class="form-control" name="meeting_officer_name" id="general_meeting_officer_name" value="" placeholder="Enter Officer Name" autocomplete="off">
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="mb-3">
                                            <label for="general_division_id" class="form-label f-14 col-form-label">Company Letter Dt./ Reff.No.</label>
                                            <input type="text" class="form-control" name="company_letter_number" id="general_company_letter_number" value="" placeholder="Enter Officer Name" autocomplete="off">
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="mb-3">
                                            <div class="fallback" enctype="multipart/form-data">
                                                <input type="hidden" class="form-control" id="policy_document_names_general" name="policy_document_names">
                                                <label for="general_document" id="label_policy_document" class="form-label">Upload Documents
                                                    @if ($data['is_edit'] == 1 && $data->id != 0 && $data->policy_document_names != null)
                                                        <a href="{{ route('download.commission.document', ['id' => $data->id, 'document' => $data->policy_document_names, 'department' => 'general']) }}" class="text text-primary ms-2">Download</a>
                                                    @endif
                                                </label>
                                                <input type="file" name="general_document[]" multiple="multiple" id="general_document" class="form-control" accept="image/jpeg,image/png,application/pdf">
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="mb-3">
                                            <label for="general_remark" class="form-label">Remarks</label>
                                            <input type="text" class="form-control" name="remark" id="general_remark" placeholder="Remarks" maxlength="160" autocomplete="off">
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-8"></div>
                                    <div class="col-md-4">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="my-3">
                                                    <button type="button" onclick="downloadPDF()" class="form-control btn btn-primary" id="export_pdf">Export PDF</button>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="my-3">
                                                    <button type="submit" class="form-control btn btn-primary" id="btnSaveGeneral">Save</button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>

                        <!-- life insurance commission -->
                        <div class="tab-pane fade" id="lifeCommission" role="tabpanel" aria-labelledby="life-commission">
                            <form action="{{route('commission.add.life.setting')}}" method="POST" id="formLifeCommission" enctype="multipart/form-data" class="needs-validation" novalidate>
                                @csrf
                                <input type="hidden" class="form-control" name="document_number" id="document_number" readonly value="@php echo date('dmy'); echo mt_rand(10000,99999); @endphp" >
                                <input type="hidden" class="form-control" name="previous_life_commission_id" id="previous_life_commission_id" value="" >

                                <div class="row">
                                    <div class="col-md-3">
                                        <div class="mb-3">
                                            <label for="life_insurance_company_id" class="form-label">Select Insurance Company<span class="text-danger">*</span></label>
                                            <select class="form-control select2-ajax" id="life_insurance_company_id" name="insurance_company_id" required></select>
                                            <div class="invalid-feedback">This value is required.</div>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="mb-3">
                                            <label for="life_agency_id" class="form-label">Agency Name<span class="text-danger">*</span></label>
                                            @if ($data['is_edit'] == 0)
                                                <select class="form-control select2-ajax" id="life_agency_id" name="life_agency_ids[]" required multiple></select>
                                            @else
                                                <select class="form-control select2-ajax" id="life_agency_id" name="life_agency_ids[]" required multiple>
                                                                                                    </select>
                                            @endif
                                            <div class="invalid-feedback">This value is required.</div>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="mb-2">
                                            <label for="life_insurance_plan_id" class="form-label">Insurance Plan Number<span class="text-danger">*</span></label>
                                            <select class="form-control select2-ajax" id="life_insurance_plan_id" name="insurance_plan_id" required></select>
                                            <div class="invalid-feedback">This value is required.</div>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="mb-2">
                                            <label for="life_risk_term_id" class="form-label">Risk Term Category<span class="text-danger">*</span></label>
                                            <select class="form-control select2-ajax" id="life_risk_term_id" name="risk_term_id" required></select>
                                            <div class="invalid-feedback">This value is required.</div>
                                        </div>
                                    </div>
                                </div>

                                <div class="row mt-2 mainSelection">
                                    <div class="col-md-12">
                                        <div class="form-check">
                                            <label class="form-label spaceRemove">&nbsp;&nbsp;&nbsp;&nbsp;</label>
                                            <div class="form-check-inline">
                                                <input class="form-check-input" type="radio" name="commision_type_life[]" id="commision_type_life" value="1" checked>
                                                <label class="form-check-label me-5 fw-600" for="commision_type_life">Commission Type</label>
                                            </div>
                                            <div class="form-check-inline">
                                                <input class="form-check-input" type="radio" name="commision_type_life[]" id="target_base_commision_life" value="2">
                                                <label class="form-check-label fw-600" for="target_base_commision_life">Target Base Commission</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div id="commi_type_life">
                                    <hr>

                                    <div class="row">
                                        <div class="col-md-2"><div class="mb-2"><label class="form-label col-form-label"><h5><strong>Commission Type</strong></h5></label></div></div>
                                        <div class="col-md-2"><div class="mb-2"><label class="form-label col-form-label"><h5><strong>Commission % Fixed</strong></h5></label></div></div>
                                        <div class="col-md-2"><div class="mb-2"><label class="form-label col-form-label"><h5><strong>EFFECTIVE DATE</strong></h5></label></div></div>
                                        <div class="col-md-2"><div class="mb-2"><label class="form-label col-form-label"><h5><strong>Commission Type</strong></h5></label></div></div>
                                        <div class="col-md-2"><div class="mb-2"><label class="form-label col-form-label"><h5><strong>Commission % Fixed</strong></h5></label></div></div>
                                        <div class="col-md-2"><div class="mb-2"><label class="form-label col-form-label"><h5><strong>EFFECTIVE DATE</strong></h5></label></div></div>
                                    </div>

                                    <div class="row">
                                        <div class="col-md-2"><label  class="form-label f-14 col-form-label">1st Year Commission (IRDA)</label></div>
                                        <div class="col-md-2"><div class="mb-3"><input type="text" class="life-commission-input form-control NumericValidation" name="first_year_commission" id="life_first_year_commission" value="" placeholder="1st Year Commission" autocomplete="off"></div></div>
                                        <div class="col-md-2"><div class="mb-3"><input type="text" class="life-commission-from-date form-control" name="first_year_effective_date" id="life_first_year_effective_date" placeholder="dd-mm-yyyy" value="" autocomplete="off"></div></div>
                                            
                                        <div class="col-md-2"><label  class="form-label f-14 col-form-label">2nd Year Commission (IRDA)</label></div>
                                        <div class="col-md-2"><div class="mb-3"><input type="text" class="life-commission-input form-control NumericValidation" name="second_year_commission" id="life_second_year_commission" value="" placeholder="2nd Year Commission" autocomplete="off"></div></div>
                                        <div class="col-md-2"><div class="mb-3"><input type="text" class="life-commission-from-date form-control" name="second_year_effective_date" id="life_second_year_effective_date" placeholder="dd-mm-yyyy" value="" autocomplete="off"></div></div>
                                    </div>

                                    <div class="row">
                                        <div class="col-md-2"><label  class="form-label f-14 col-form-label">3rd Year Commission (IRDA)</label></div>
                                        <div class="col-md-2"><div class="mb-3"><input type="text" class="life-commission-input form-control NumericValidation" name="third_year_commission" id="life_third_year_commission" value="" placeholder="3rd Year Commission" autocomplete="off"></div></div>
                                        <div class="col-md-2"><div class="mb-3"><input type="text" class="life-commission-from-date form-control" name="third_year_effective_date" id="life_third_year_effective_date" placeholder="dd-mm-yyyy" value="" autocomplete="off"></div></div>
                                            
                                        <div class="col-md-2"><label  class="form-label f-14 col-form-label">After Subsequent Year (IRDA)</label></div>
                                        <div class="col-md-2"><div class="mb-3"><input type="text" class="life-commission-input form-control NumericValidation" name="after_year_commission" id="life_after_year_commission" value="" placeholder="After Subsequent Year" autocomplete="off"></div></div>
                                        <div class="col-md-2"><div class="mb-3"><input type="text" class="life-commission-from-date form-control" name="after_year_effective_date" id="life_after_year_effective_date" placeholder="dd-mm-yyyy" value="" autocomplete="off"></div></div>
                                    </div>

                                    <div class="row">
                                        <div class="col-md-2"><label  class="form-label f-14 col-form-label">Bonus Commission (IRDA)</label></div>
                                        <div class="col-md-2"><div class="mb-3"><input type="text" class="life-commission-input form-control NumericValidation" name="bonus_commission" id="life_bonus_commission" value="" placeholder="Bonus Commission" autocomplete="off"></div></div>
                                        <div class="col-md-2"><div class="mb-3"><input type="text" class="life-commission-from-date form-control" name="bonus_commission_effective_date" id="life_bonus_commission_effective_date" placeholder="dd-mm-yyyy" value="" autocomplete="off"></div></div>
                                        
                                        <div class="col-md-2"><label  class="form-label f-14 col-form-label">Incentive Commission</label></div>
                                        <div class="col-md-2"><div class="mb-3"><input type="text" class="life-commission-input form-control NumericValidation" name="incentive_commission" id="life_incentive_commission" value="" placeholder="Incentive Commission" autocomplete="off"></div></div>
                                        <div class="col-md-2"><div class="mb-3"><input type="text" class="life-commission-from-date form-control" name="incentive_commission_effective_date" id="life_incentive_commission_effective_date" placeholder="dd-mm-yyyy" value="" autocomplete="off"></div></div>
                                    </div>

                                    <div class="row">
                                        <div class="col-md-2"><label  class="form-label f-14 col-form-label">Other Commission</label></div>
                                        <div class="col-md-2"><div class="mb-3"><input type="text" class="life-commission-input form-control NumericValidation " name="other_commission" id="life_other_commission" value="" placeholder="Other Commission" autocomplete="off"></div></div>
                                        <div class="col-md-2"><div class="mb-3"><input type="text" class="life-commission-from-date form-control" name="other_commission_effective_date" id="life_other_commission_effective_date" placeholder="dd-mm-yyyy" value="" autocomplete="off"></div></div>
                                    </div>
                                </div>

                                <div id="target_base_commi_life">
                                    <hr>

                                    <div class="row">
                                        <div class="col-md-2"><label class="form-label col-form-label"><h5><strong>Target Series</strong></h5></label></div>
                                        <div class="col-md-10">
                                            <div class="row">
                                                <div class="col-md-3"><div class="mb-2"><label class="form-label col-form-label"><h5><strong>Target Limit Amount</strong></h5></label></div></div>
                                                <div class="col-md-3"><div class="mb-2"><label class="form-label col-form-label"><h5><strong>Add. Commission %</strong></h5></label></div></div>
                                                <div class="col-md-3"><div class="mb-2"><label class="form-label col-form-label"><h5><strong>Effective From Date</strong></h5></label></div></div>
                                                <div class="col-md-3"><div class="mb-2"><label class="form-label col-form-label"><h5><strong>Effective End Date</strong></h5></label></div></div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-md-2"><label for="life_first_target" class="form-label f-14 col-form-label">1st Target</label></div>
                                        <div class="col-md-10">
                                            <div class="row">
                                                <div class="col-md-3"><div class="mb-3"><input type="text" class="life-commission-input form-control isNumber" name="first_target" id="life_first_target" value="" placeholder="First Target Limit Amount" autocomplete="off" maxlength="12"></div></div>
                                                <div class="col-md-3"><div class="mb-3"><input type="text" class="form-control NumericValidation" name="first_commission" id="life_first_commission" value="" placeholder="First Target Commission" autocomplete="off"></div></div>
                                                <div class="col-md-3"><div class="mb-3"><input type="text" class="life-commission-from-date form-control" name="first_from_date" id="life_first_from_date" placeholder="dd-mm-yyyy" value="" autocomplete="off"></div></div>
                                                <div class="col-md-3"><div class="mb-3"><input type="text" class="form-control" name="first_end_date" id="life_first_end_date" placeholder="dd-mm-yyyy" value="" autocomplete="off"></div></div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-md-2"><label for="life_second_target" class="form-label f-14 col-form-label">2st Target</label></div>
                                        <div class="col-md-10">
                                            <div class="row">
                                                <div class="col-md-3"><div class="mb-3"><input type="text" class="life-commission-input form-control isNumber" name="second_target" id="life_second_target" value="" placeholder="Second Target Limit Amount" autocomplete="off" maxlength="12"></div></div>
                                                <div class="col-md-3"><div class="mb-3"><input type="text" class="form-control NumericValidation" name="second_commission" id="life_second_commission" value="" placeholder="Second Target Commission" autocomplete="off"></div></div>
                                                <div class="col-md-3"><div class="mb-3"><input type="text" class="life-commission-from-date form-control" name="second_from_date" id="life_second_from_date" placeholder="dd-mm-yyyy" value="" autocomplete="off"></div></div>
                                                <div class="col-md-3"><div class="mb-3"><input type="text" class="form-control" name="second_end_date" id="life_second_end_date" placeholder="dd-mm-yyyy" value="" autocomplete="off"></div></div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-md-2"><label for="life_third_target" class="form-label f-14 col-form-label">3st Target</label></div>
                                        <div class="col-md-10">
                                            <div class="row">
                                                <div class="col-md-3"><div class="mb-3"><input type="text" class="life-commission-input form-control isNumber" name="third_target" id="life_third_target" value="" placeholder="Third Target Limit Amount" autocomplete="off" maxlength="12"></div></div>
                                                <div class="col-md-3"><div class="mb-3"><input type="text" class="form-control NumericValidation" name="third_commission" id="life_third_target_commission" value="" placeholder="Third Target Commission" autocomplete="off"></div></div>
                                                <div class="col-md-3"><div class="mb-3"><input type="text" class="life-commission-from-date form-control" name="third_from_date" id="life_third_from_date" placeholder="dd-mm-yyyy" value="" autocomplete="off"></div></div>
                                                <div class="col-md-3"><div class="mb-3"><input type="text" class="form-control" name="third_end_date" id="life_third_end_date" placeholder="dd-mm-yyyy" value="" autocomplete="off"></div></div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-md-2"><label for="life_forth_target" class="form-label f-14 col-form-label">4st Target</label></div>
                                        <div class="col-md-10">
                                            <div class="row">
                                                <div class="col-md-3"><div class="mb-3"><input type="text" class="life-commission-input form-control isNumber" name="forth_target" id="life_forth_target" value="" placeholder="Forth Target Limit Amount" autocomplete="off" maxlength="12"></div></div>
                                                <div class="col-md-3"><div class="mb-3"><input type="text" class="form-control NumericValidation" name="forth_commission" id="life_forth_commission" value="" placeholder="Forth Target Commission" autocomplete="off"></div></div>
                                                <div class="col-md-3"><div class="mb-3"><input type="text" class="life-commission-from-date form-control" name="forth_from_date" id="life_forth_from_date" placeholder="dd-mm-yyyy" value="" autocomplete="off"></div></div>
                                                <div class="col-md-3"><div class="mb-3"><input type="text" class="form-control" name="forth_end_date" id="life_forth_end_date" placeholder="dd-mm-yyyy" value="" autocomplete="off"></div></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                
                                <hr>

                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="mb-3">
                                            <label for="life_meeting_date" class="form-label f-14 col-form-label">Meeting Date</label>
                                            <input type="text" class="form-control" name="meeting_date" id="life_meeting_date" placeholder="dd-mm-yyyy" value="" autocomplete="off">
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="mb-3">
                                            <label for="life_meeting_officer_name" class="form-label f-14 col-form-label">Meeting Head Name</label>
                                            <input type="text" class="form-control" name="meeting_officer_name" id="life_meeting_officer_name" value="" placeholder="Enter Officer Name" autocomplete="off">
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="mb-3">
                                            <label for="life_company_letter_number" class="form-label f-14 col-form-label">Company Letter Dt./Reff.No.</label>
                                            <input type="text" class="form-control" name="company_letter_number" id="life_company_letter_number" value="" placeholder="Enter Officer Name" autocomplete="off">
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="mb-3">
                                            <div class="fallback" enctype="multipart/form-data">
                                                <input type="hidden" class="form-control" id="policy_document_names_life"name="policy_document_names">
                                                <label for="life_document" id="label_policy_document"class="form-label">Upload Documents
                                                    @if ($data['is_edit'] == 1 && $data->id != 0 && $data->policy_document_names != null)
                                                        <a href="{{ route('download.commission.document', ['id' => $data->id, 'document' => $data->policy_document_names, 'department' => 'life']) }}" class="text text-primary ms-2">Download</a>
                                                    @endif
                                                </label>
                                                <input type="file" name="life_document[]" multiple="multiple" id="life_document" class="form-control" accept="image/jpeg,image/png,application/pdf">
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="mb-3">
                                            <label for="life_remark" class="form-label">Remarks</label>
                                            <input type="text" class="form-control" name="remark" id="life_remark" placeholder="Remarks" maxlength="160" autocomplete="off">
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-8"></div>
                                    <div class="col-md-4">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="my-3">
                                                    <button type="button" onclick="downloadPDF();" class="form-control btn btn-primary" id="export_life_pdf">Export PDF</button>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="my-3">
                                                    <button type="submit" class="form-control btn btn-primary" id="btnSaveLife">Save</button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>

                        <!-- investment commission -->
                        <div class="tab-pane fade" id="investmentCommission" role="tabpanel" aria-labelledby="investment-commission">
                            <form action="{{route('commission.add.investment.setting')}}" method="POST" id="formInvestmentCommission" enctype="multipart/form-data" class="needs-validation" novalidate>
                                @csrf
                                <input type="hidden" class="form-control" name="document_number" id="document_number" value="@php echo date('dmy'); echo mt_rand(10000,99999); @endphp" >
                                <input type="hidden" class="form-control" name="previous_investment_commission_id" id="previous_investment_commission_id" value="" >
                                
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="type_id" class="form-label">Investment Type<span class="text-danger">*</span></label>
                                            <select class="form-control select2-ajax" id="type_id" name="type_id" required></select>
                                            <div class="invalid-feedback">This value is required.</div>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="invested_party_id" class="form-label">Invested Party Name Type<span class="text-danger">*</span></label>
                                            <select class="form-control select2-ajax" id="invested_party_id" name="invested_party_id" required></select>
                                            <div class="invalid-feedback">This value is required.</div>
                                        </div>
                                    </div>
                                </div>

                                <div class="row mt-2 mainSelection">
                                    <div class="col-md-12">
                                        <div class="form-check">
                                            <label class="form-label spaceRemove">&nbsp;&nbsp;&nbsp;&nbsp;</label>
                                            <div class="form-check-inline">
                                                <input class="form-check-input" type="radio" name="commision_type_investment[]" id="commision_type_investment" value="1" checked>
                                                <label class="form-check-label me-5 fw-600" for="commision_type_investment">Commission Type</label>
                                            </div>
                                            <div class="form-check-inline">
                                                <input class="form-check-input" type="radio" name="commision_type_investment[]" id="target_base_commision_investment" value="2">
                                                <label class="form-check-label fw-600" for="target_base_commision_investment">Target Base Commission</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div id="commi_type_investment">
                                    <hr>

                                    <div class="row">
                                        <div class="col-md-2"><label class="form-label col-form-label"><h5><strong>Commission Type</strong></h5></label></div>
                                        <div class="col-md-10">
                                            <div class="row">
                                                <div class="col-md-3"><div class="mb-2"><label class="form-label col-form-label"><h5><strong>Commission % Fixed</strong></h5></label></div></div>
                                                <div class="col-md-3"><div class="mb-2"><label class="form-label col-form-label"><h5><strong>Effective From Date</strong></h5></label></div></div>
                                                <div class="col-md-3"><div class="mb-2"><label class="form-label col-form-label"><h5><strong>Effective End Date</strong></h5></label></div></div>
                                                <div class="col-md-3"><div class="mb-2"><label class="form-label col-form-label"><h5><strong>Commission %</strong></h5></label></div></div>
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <div class="row">
                                        <div class="col-md-2"><label class="form-label f-14 col-form-label">IRDA Commission</label></div>
                                        <div class="col-md-10">
                                            <div class="row">
                                                <div class="col-md-3"><div class="mb-3"><input type="text" class="investment-commission-input form-control NumericValidation commission-input-1" name="irda_commission" id="investment_irda_commission" value="" placeholder="Enter IRDA Commission" autocomplete="off"></div></div>
                                                <div class="col-md-3"><div class="mb-3"><input type="text" class="investment-commission-from-date form-control" name="irda_from_date" id="investment_irda_from_date" placeholder="dd-mm-yyyy" value="" autocomplete="off"></div></div>
                                                <div class="col-md-3"><div class="mb-3"><input type="text" class="form-control" name="irda_end_date" id="investment_irda_end_date" placeholder="dd-mm-yyyy" value="" autocomplete="off"></div></div>
                                                <div class="col-md-3"><div class="mb-3"><input type="text" class="form-control NumericValidation" name="irda_total_commission" id="investment_irda_total_commission" value="" placeholder="IRDA Total Commission" autocomplete="off"></div></div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-md-2"><label class="form-label f-14 col-form-label">ORC Commission</label></div>
                                        <div class="col-md-10">
                                            <div class="row">
                                                <div class="col-md-3"><div class="mb-3"><input type="text" class="investment-commission-input form-control NumericValidation commission-input-1" name="direct_commission" id="investment_direct_commission" value="" placeholder="Enter ORC Commission" autocomplete="off"></div></div>
                                                <div class="col-md-3"><div class="mb-3"><input type="text" class="investment-commission-from-date form-control" name="direct_from_date" id="investment_direct_from_date" placeholder="dd-mm-yyyy" value="" autocomplete="off"></div></div>
                                                <div class="col-md-3"><div class="mb-3"><input type="text" class="form-control" name="direct_end_date" id="investment_direct_end_date" placeholder="dd-mm-yyyy" value="" autocomplete="off"></div></div>
                                                <div class="col-md-3"><div class="mb-3"><input type="text" class="form-control NumericValidation" name="direct_total_commission" id="investment_direct_total_commission" value="" placeholder="Direct Total Commission" autocomplete="off" ></div></div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-md-2"><label class="form-label f-14 col-form-label">Incentive Commission</label></div>
                                        <div class="col-md-10">
                                            <div class="row">
                                                <div class="col-md-3"><div class="mb-3"><input type="text" class="investment-commission-input form-control NumericValidation commission-input-1" name="incentive_commission" id="investment_incentive_commission" value="" placeholder="Enter Incentive Commission" autocomplete="off"></div></div>
                                                <div class="col-md-3"><div class="mb-3"><input type="text" class="investment-commission-from-date form-control" name="incentive_from_date" id="investment_incentive_from_date" placeholder="dd-mm-yyyy" value="" autocomplete="off"></div></div>
                                                <div class="col-md-3"><div class="mb-3"><input type="text" class="form-control" name="incentive_end_date" id="investment_incentive_end_date" placeholder="dd-mm-yyyy" value="" autocomplete="off"></div></div>
                                                <div class="col-md-3"><div class="mb-3"><input type="text" class="form-control NumericValidation" name="incentive_total_commission" id="investment_incentive_total_commission" value="" placeholder="Incentive Total Commission" autocomplete="off"></div></div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-md-2"><label class="form-label f-14 col-form-label">Other Commission</label></div>
                                        <div class="col-md-10">
                                            <div class="row">
                                                <div class="col-md-3"><div class="mb-3"><input type="text" class="investment-commission-input form-control NumericValidation commission-input-1" name="other_commission" id="investment_other_commission" value="" placeholder="Enter Other Commission" autocomplete="off"></div></div>
                                                <div class="col-md-3"><div class="mb-3"><input type="text" class="investment-commission-from-date form-control" name="other_from_date" id="investment_other_from_date" placeholder="dd-mm-yyyy" value="" autocomplete="off"></div></div>
                                                <div class="col-md-3"><div class="mb-3"><input type="text" class="form-control" name="other_end_date" id="investment_other_end_date" placeholder="dd-mm-yyyy" value="" autocomplete="off"></div></div>
                                                <div class="col-md-3"><div class="mb-3"><input type="text" class="form-control NumericValidation" name="other_total_commission" id="investment_other_total_commission" value="" placeholder="Other Total Commission" autocomplete="off"></div></div>
                                            </div>
                                        </div>
                                    </div> 
                                </div>

                                <div id="target_base_commi_investment">
                                    <hr>

                                    <div class="row">
                                        <div class="col-md-2"><div class="mb-2"><label class="form-label col-form-label"><h5><strong>Target Series</strong></h5></label></div></div>
                                        <div class="col-md-2"><div class="mb-2"><label class="form-label col-form-label"><h5><strong>Target Limit Amount</strong></h5></label></div></div>
                                        <div class="col-md-2"><div class="mb-2"><label class="form-label col-form-label"><h5><strong>Add. Commission %</strong></h5></label></div></div>
                                        <div class="col-md-2"><div class="mb-2"><label class="form-label col-form-label"><h5><strong>Lum Sum Commission</strong></h5></label></div></div>
                                        <div class="col-md-2"><div class="mb-2"><label class="form-label col-form-label"><h5><strong>Effective From Date</strong></h5></label></div></div>
                                        <div class="col-md-2"><div class="mb-2"><label class="form-label col-form-label"><h5><strong>Effective End Date</strong></h5></label></div></div>
                                    </div>

                                    <div class="row">
                                        <div class="col-md-2"><label class="form-label f-14 col-form-label">1st Target</label></div>
                                        <div class="col-md-2"><div class="mb-3"><input type="text" class="form-control isNumber" name="first_target" id="investment_first_target" value="" placeholder="First Target Limit Amount" autocomplete="off" maxlength="12"></div></div>
                                        <div class="col-md-2"><div class="mb-3"><input type="text" class="form-control NumericValidation" name="first_target_commission" id="investment_first_target_commission" value="" placeholder="First Target Commission" autocomplete="off"></div></div>
                                        <div class="col-md-2"><div class="mb-3"><input type="text" class="form-control isNumber" name="first_target_lum_sum_comm" id="investment_first_target_lum_sum_comm" value="" placeholder="First Target Lum Sum Commission" autocomplete="off"></div></div>
                                        <div class="col-md-2"><div class="mb-3"><input type="text" class="form-control" name="first_from_date" id="investment_first_from_date" placeholder="dd-mm-yyyy" value="" autocomplete="off"></div></div>
                                        <div class="col-md-2"><div class="mb-3"><input type="text" class="form-control" name="first_end_date" id="investment_first_end_date" placeholder="dd-mm-yyyy" value="" autocomplete="off"></div></div>
                                    </div>

                                    <div class="row">
                                        <div class="col-md-2"><label class="form-label f-14 col-form-label">2nd Target</label></div>
                                        <div class="col-md-2"><div class="mb-3"><input type="text" class="form-control isNumber" name="second_target" id="investment_second_target" value="" placeholder="Second Target Limit Amount" autocomplete="off" maxlength="12"></div></div>
                                        <div class="col-md-2"><div class="mb-3"><input type="text" class="form-control NumericValidation" name="second_target_commission" id="investment_second_target_commission" value="" placeholder="Second Target Commission" autocomplete="off"></div></div>
                                        <div class="col-md-2"><div class="mb-3"><input type="text" class="form-control isNumber" name="second_target_lum_sum_comm" id="investment_second_target_lum_sum_comm" value="" placeholder="Second Target Lum Sum Commission" autocomplete="off"></div></div>
                                        <div class="col-md-2"><div class="mb-3"><input type="text" class="form-control" name="second_from_date" id="investment_second_from_date" placeholder="dd-mm-yyyy" value="" autocomplete="off"></div></div>
                                        <div class="col-md-2"><div class="mb-3"><input type="text" class="form-control" name="second_end_date" id="investment_second_end_date" placeholder="dd-mm-yyyy" value="" autocomplete="off"></div></div>
                                    </div>

                                    <div class="row">
                                        <div class="col-md-2"><label class="form-label f-14 col-form-label">3rd Target</label></div>
                                        <div class="col-md-2"><div class="mb-3"><input type="text" class="form-control isNumber" name="third_target"id="investment_third_target" value=""placeholder="Third Target Limit Amount" autocomplete="off" maxlength="12"></div></div>
                                        <div class="col-md-2"><div class="mb-3"><input type="text" class="form-control NumericValidation"name="third_target_commission"id="investment_third_target_commission" value="" placeholder="Third Target Commission" autocomplete="off"></div></div>
                                        <div class="col-md-2"><div class="mb-3"><input type="text" class="form-control isNumber"name="third_target_lum_sum_comm"id="investment_third_target_lum_sum_comm" value=""placeholder="Third Target Lum Sum Commission" autocomplete="off"></div></div>
                                        <div class="col-md-2"><div class="mb-3"><input type="text" class="form-control" name="third_from_date" id="investment_third_from_date" placeholder="dd-mm-yyyy" value="" autocomplete="off"></div></div>
                                        <div class="col-md-2"><div class="mb-3"><input type="text" class="form-control" name="third_end_date" id="investment_third_end_date" placeholder="dd-mm-yyyy" value="" autocomplete="off"></div></div>
                                    </div>

                                    <div class="row">
                                        <div class="col-md-2"><label class="form-label f-14 col-form-label">4th Target</label></div>
                                        <div class="col-md-2"><div class="mb-3"><input type="text" class="form-control isNumber" name="forth_target"id="investment_forth_target" value=""placeholder="Forth Target Limit Amount" autocomplete="off" maxlength="12"></div></div>
                                        <div class="col-md-2"><div class="mb-3"><input type="text" class="form-control NumericValidation"name="forth_target_commission"id="investment_forth_target_commission" value=""placeholder="Forth Target Commission" autocomplete="off"></div></div>
                                        <div class="col-md-2"><div class="mb-3"><input type="text" class="form-control isNumber"name="forth_target_lum_sum_comm"id="investment_forth_target_lum_sum_comm" value=""placeholder="Forth Target Lum Sum Commission" autocomplete="off"></div></div>
                                        <div class="col-md-2"><div class="mb-3"><input type="text" class="form-control" name="forth_from_date" id="investment_forth_from_date" placeholder="dd-mm-yyyy" value="" autocomplete="off"></div></div>
                                        <div class="col-md-2"><div class="mb-3"><input type="text" class="form-control" name="forth_end_date" id="investment_forth_end_date" placeholder="dd-mm-yyyy" value="" autocomplete="off"></div></div>
                                    </div> 
                                </div>

                                <hr>

                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="mb-3">
                                            <label class="form-label f-14 col-form-label">Meeting Date</label>
                                            <input type="text" class="form-control" name="meeting_date" id="investment_meeting_date" placeholder="dd-mm-yyyy" value="" autocomplete="off">
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="mb-3">
                                            <label class="form-label f-14 col-form-label">Meeting Head Name</label>
                                            <input type="text" class="form-control"name="meeting_officer_name"id="investment_meeting_officer_name" value=""placeholder="Enter Officer Name" autocomplete="off">
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="mb-3">
                                            <label class="form-label f-14 col-form-label">Company Letter Dt./Reff.No.</label>
                                            <input type="text" class="form-control"name="company_letter_number"id="investment_company_letter_number" value=""placeholder="Enter Officer Name" autocomplete="off">
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="mb-3">
                                            <div class="fallback" enctype="multipart/form-data">
                                                <input type="hidden" class="form-control" id="policy_document_names_investment"name="policy_document_names">
                                                <label for="investment_document" id="label_policy_document"class="form-label">Upload Documents
                                                    @if ($data['is_edit'] == 1 && $data->id != 0 && $data->policy_document_names != null)
                                                        <a href="{{ route('download.commission.document', ['id' => $data->id, 'document' => $data->policy_document_names, 'department' => 'investment']) }}" class="text text-primary ms-2">Download</a>
                                                    @endif
                                                </label>
                                                <input type="file" name="investment_document[]" multiple="multiple" id="investment_document" class="form-control" accept="image/jpeg,image/png,application/pdf">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="mb-3">
                                            <label class="form-label">Remarks</label>
                                            <input type="text" class="form-control" name="remark" id="investment_remark" placeholder="Remarks" maxlength="160" autocomplete="off">
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-8"></div>
                                    <div class="col-md-4">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="my-3">
                                                    <button type="button" onclick="downloadPDF();" class="form-control btn btn-primary" id="export_pdf">Export PDF</button>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="my-3">
                                                    <button type="submit" class="form-control btn btn-primary" id="btnSaveInvestment">Save</button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div> 
                            </form>
                        </div>
                 
                        <!-- investment commission -->
                        <div class="tab-pane fade" id="subAgentCommission" role="tabpanel" aria-labelledby="sub-agent-commission">
                            <h3>Sub Agent Tab</h3>
                        </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/kendo.all.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 type="text/javascript">
    var ajaxSearchInsurancePlanNumber = "{{ route('search.life.insurance.plan.number') }}";
    var ajaxSearchInsuranceRiskTermCategory = "{{ route('search.risk.term.categories') }}";
    var ajaxSearchLifeInsuranceCompany = "{{ route('search.insurance.company') }}";
    var ajaxSearchInsuranceCompany = "{{ route('search.insurance.company') }}";
    var ajaxSearchInvestmentType = "{{ route('search.all.investment.type') }}";
    var addInvestmentAjaxRoute = "{{ route('commission.add.investment.setting')}}";
    var ajaxSearchGeneralDivision = "{{ route('search.general.division') }}";
    var ajaxSearchInvestedParty = "{{ route('search.invested.party') }}";
    var addGeneralAjaxRoute = "{{ route('commission.add.general.setting')}}";
    var addLifeAjaxRoute = "{{ route('commission.add.life.setting')}}";
    var ajaxSearchInsuranceAgency = "{{ route('search.agency') }}";
    var ajaxSearchSegment = "{{ route('search.segment') }}";
    var ajaxSearchBroker = "{{ route('search.broker') }}";
    var canEdit = "{{ $data['is_edit'] }}";
    var title = "{{ $data['title'] }}";


    $(document).ready(function() {
        $('#myTab').hide();
        $("#target_base_commi_general").hide();
        $("#target_base_commi_life").hide();
        $("#target_base_commi_investment").hide();

        $('#general_irda_total_commission').prop('readOnly',true);
        $('#general_direct_total_commission').prop('readOnly',true);
        $('#general_incentive_total_commission').prop('readOnly',true);
        $('#general_other_total_commission').prop('readOnly',true);

        $('#investment_irda_total_commission').prop('readOnly',true);
        $('#investment_direct_total_commission').prop('readOnly',true);
        $('#investment_incentive_total_commission').prop('readOnly',true);
        $('#investment_other_total_commission').prop('readOnly',true);

        $('#export_pdf').prop('disabled', true);
        
        updateURLWithActiveTabId();

        // GENERAL

        $("#general_division_id").select2({
            ajax: {
                url: ajaxSearchGeneralDivision,
                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;

                    return {
                        results: data.results,
                        pagination: {
                            more: (params.page * 30) < data.total_count
                        }
                    };
                },
                cache: false
            },
            placeholder: 'Search for division',
        });

        $('#general_division_id').on('change', function() {
            $('#general_segment_id').val('').trigger('change');
        });

        $('#general_segment_id').on('select2:open', function(e) {
            if (!$('#general_division_id option:selected').length) {
                toastr.error("Please select Division first.");
            }
        });

        $("#general_segment_id").select2({
            ajax: {
                url: ajaxSearchSegment,
                dataType: 'json',
                delay: 0,
                data: function(params) {
                    return {
                        "division_id": function() {
                            return $("#general_division_id").val()
                        },
                        search_value: params.term, // search term
                        page: params.page
                    };
                },
                processResults: function(data, params) {
                    params.page = params.page || 1;

                    return {
                        results: data.results,
                        pagination: {
                            more: (params.page * 30) < data.total_count
                        }
                    };
                },
                cache: false
            },
            placeholder: 'Search for segment',
        });

        $("#general_broker_id").select2({
            ajax: {
                url: ajaxSearchBroker,
                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;

                    return {
                        results: data.results,
                        pagination: {
                            more: (params.page * 30) < data.total_count
                        }
                    };
                },
                cache: false
            },
            placeholder: 'Search for broker',
        });

        $("#general_insurance_company_id").select2({
            ajax: {
                url: ajaxSearchInsuranceCompany,
                dataType: 'json',
                delay: 0,
                data: function(params) {
                    return {
                        "company_type": function() {return "General"},
                        search_value: params.term, // search term
                        page: params.page
                    };
                },
                processResults: function(data, params) {
                    params.page = params.page || 1;

                    return {
                        results: data.results,
                        pagination: {
                            more: (params.page * 30) < data.total_count
                        }
                    };
                },
                cache: false
            },
            placeholder: 'Search for insurance company ',
        });

        const datepickerIdsGeneral = [
            "general_irda_from_date",
            "general_irda_end_date",
            "general_direct_from_date",
            "general_direct_end_date",
            "general_incentive_from_date",
            "general_incentive_end_date",
            "general_other_from_date",
            "general_other_end_date",
            "general_first_from_date",
            "general_first_end_date",
            "general_second_from_date",
            "general_second_end_date",
            "general_third_from_date",
            "general_third_end_date",
            "general_forth_from_date",
            "general_forth_end_date",
            "general_meeting_date",
        ];

        datepickerIdsGeneral.forEach(function(id) {
            dateValidations($("#" + id));

            $("#" + id).datepicker({
                format: "dd-mm-yyyy",
                autoclose: true,
            }).on('changeDate', function() {
                $('.datepicker').hide();
            });
        });
        
        $(".general-commission-input").on('input', checkGeneralInputValidations);
        $(".general-commission-from-date").on('change', checkGeneralInputValidations);
        $(".life-commission-input").on('input', checkLifeInputValidations);
        $(".life-commission-from-date").on('change', checkLifeInputValidations);
        $(".investment-commission-input").on('input', checkInvestmentInputValidations);
        $(".investment-commission-from-date").on('change', checkInvestmentInputValidations);
        
        $(".commission-input").on('input', function() {
            var irda_commissions = $("#general_irda_commission").val();
            var direct_commissions = $("#general_direct_commission").val();
            var incentive_commissions = $("#general_incentive_commission").val();
            var other_commissions = $("#general_other_commission").val();
            var general_irda_commission = parseFloat($("#general_irda_commission").val()) || 0;
            var general_direct_commission = parseFloat($("#general_direct_commission").val()) || 0;
            var general_incentive_commission = parseFloat($("#general_incentive_commission").val()) || 0;
            var general_other_commission = parseFloat($("#general_other_commission").val()) || 0;
            var general_direct_total_commission = general_irda_commission + general_direct_commission;
            var general_incentive_total_commission = general_direct_total_commission + general_incentive_commission;
            var general_other_total_commission = general_incentive_total_commission + general_other_commission;

            if(general_direct_commission){
                $("#general_direct_total_commission").val(general_direct_total_commission.toFixed(2));
            }else{
                $("#general_direct_total_commission").val('');
            }
            if(general_incentive_commission){
                $("#general_incentive_total_commission").val(general_incentive_total_commission.toFixed(2));
            }else{
                $("#general_incentive_total_commission").val('');
            }
            if(general_other_commission){
                $("#general_other_total_commission").val(general_other_total_commission.toFixed(2));
            }else{
                $("#general_other_total_commission").val('');
            }
        });

        $(".commission-input-1").on('input', function() {
            const investment_irda_commission = parseFloat($("#investment_irda_commission").val()) || 0;
            const investment_direct_commission = parseFloat($("#investment_direct_commission").val()) || 0;
            const investment_incentive_commission = parseFloat($("#investment_incentive_commission").val()) || 0;
            const investment_other_commission = parseFloat($("#investment_other_commission").val()) || 0;

            const investment_direct_total_commission = investment_irda_commission + investment_direct_commission;
            const investment_incentive_total_commission = investment_direct_total_commission + investment_incentive_commission;
            const investment_other_total_commission = investment_incentive_total_commission + investment_other_commission;

            if(investment_direct_commission){
                $("#investment_direct_total_commission").val(investment_direct_total_commission.toFixed(2));
            }else{
                $("#investment_direct_total_commission").val('');
            }
            if(investment_incentive_commission){
                $("#investment_incentive_total_commission").val(investment_incentive_total_commission.toFixed(2));
            }else{
                $("#investment_incentive_total_commission").val('');
            }
            if(investment_other_commission){
                $("#investment_other_total_commission").val(investment_other_total_commission.toFixed(2));
            }else{
                $("#investment_other_total_commission").val('');
            }
        });

        $('#general-commission').click(function(){
            $('.nav-link.waves-effect').removeClass('active');
            $('.tab-pane').removeClass('active show');
            $('#general-commission').addClass('active');
            $('#generalCommission').addClass('active show');

            const urlType = "general-commission";
            const currentUrl = window.location.href;
            const url = new URL(currentUrl);

            url.searchParams.set('type', urlType);
            history.replaceState(null, null, url.toString());
        });

        $("input[name='commission_checkbox']").click(function() {
            if ($("#general_broker").is(":checked")) {
                $("#brokerTab1").show();
                $('#general_insurance_company_id').empty().trigger("change");
            } else {
                $("#brokerTab1").hide();
            }
        });

        $('#general_division_id').change(function() {
            $('#export_pdf').prop('disabled', false);
        });

        $('#btnSaveGeneral').on('click', function(e) {
            e.preventDefault();

            var generalFormData = new FormData($('#formGeneralCommission')[0]);

            $.ajax({
                type: 'POST',
                url: addGeneralAjaxRoute,
                data: generalFormData,
                processData: false,
                contentType: false,
                beforeSend: function(){
                    showLoader();
                },
                success: function(resultData) {
                    if (resultData['status'] == 1){

                        resetGeneralForm();

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

                        $("#formGeneralCommission").removeClass('was-validated');

                        setTimeout(function() {
                            hideLoader();

                            window.location = "{{ route('commission.setting', ['type' => 'general-commission']) }}";
                        }, 1000);

                    } else if (resultData['status'] == 0) {
                        hideLoader();

                        if (typeof resultData['data'] !== "undefined") {
                            var size = Object.keys(resultData['data']).length;
                            if (size > 0) {
                                for (var [key, value] of Object.entries(resultData['data'])) {
                                    toastr["error"](value);
                                }
                            }
                        } else {
                            toastr["error"](resultData['msg']);
                        }
                        checkGeneralInputValidations();
                        $("#formGeneralCommission").addClass('was-validated');
                    }
                }
            });

            var generalIrdaCommission = $('#general_irda_commission');
            var generalIrdaFromDate = $("#general_irda_from_date");
            var otherFieldsCommisionType = [$('#general_direct_commission'), $('#general_incentive_commission'), $('#general_other_commission')];

            var allFieldsEmptyCommisionType = otherFieldsCommisionType.every(function(field) {
                return field.val() === '';
            });

            var generalFirstTarget = $('#general_first_target');
            var generalFirstFromDate = $("#general_first_from_date");

            var otherFieldsTargetBase = [$('#general_second_target'), $('#general_third_target'), $('#general_forth_target')];

            var allFieldsEmptyTargetBase = otherFieldsTargetBase.every(function(field) {
                return field.val() === '';
            });

            if( $('input[type="checkbox"][value="1"]').is(':checked') &&  !$('input[type="checkbox"][value="2"]').is(':checked')){
                if (allFieldsEmptyCommisionType) {
                    generalIrdaCommission.prop('required', true);
                    generalIrdaFromDate.prop('required',true);
                } else {
                    generalIrdaCommission.removeAttr('required');
                    generalIrdaFromDate.removeAttr('required');
                }
            }else if ( $('input[type="checkbox"][value="2"]').is(':checked') && !$('input[type="checkbox"][value="1"]').is(':checked')){
                if (allFieldsEmptyTargetBase) {
                    generalFirstTarget.prop('required', true);
                    generalFirstFromDate.prop('required',true);
                } else {
                    generalFirstTarget.removeAttr('required');
                    generalFirstFromDate.removeAttr('required');
                }
            }else if($('input[type="checkbox"][value="1"]').is(':checked') && $('input[type="checkbox"][value="2"]').is(':checked')){
                if (allFieldsEmptyCommisionType) {
                    generalIrdaCommission.prop('required', true);
                    generalIrdaFromDate.prop('required',true);
                } else {
                    generalIrdaCommission.removeAttr('required');
                    generalIrdaFromDate.removeAttr('required');
                }

                if (allFieldsEmptyTargetBase) {
                    generalFirstTarget.prop('required', true);
                    generalFirstFromDate.prop('required',true);
                } else {
                    generalFirstTarget.removeAttr('required');
                    generalFirstFromDate.removeAttr('required');
                }
            }
        });

        // LIFE
        $("#life_insurance_company_id").select2({
            ajax: {
                url: ajaxSearchLifeInsuranceCompany,
                dataType: 'json',
                delay: 0,
                data: function(params) {
                    return {
                        "company_type": function() {
                            return "Life";
                        },
                        search_value: params.term, // search term
                        page: params.page
                    };
                },
                processResults: function(data, params) {
                    params.page = params.page || 1;

                    return {
                        results: data.results,
                        pagination: {
                            more: (params.page * 30) < data.total_count
                        }
                    };
                },
                cache: false
            },
            placeholder: 'Search for insurance company ',
        });

        $("#life_insurance_company_id").on("change", function() {
            $("#life_insurance_plan_id").empty();
        });

        $("#life_insurance_plan_id").on("select2:open", function(e) {
            if (!$("#life_insurance_company_id option:selected").length) {
                toastr.error("Please select a insurance company first.");
            }
        });

        $("#life_insurance_plan_id").select2({
            ajax: {
                url: ajaxSearchInsurancePlanNumber,
                dataType: 'json',
                delay: 0,
                data: function(params) {
                    return {
                        "insurance_company_id": function() {
                            return $("#life_insurance_company_id").val()
                        },
                        search_value: params.term, // search term
                        page: params.page
                    };
                },
                processResults: function(data, params) {
                    params.page = params.page || 1;

                    return {
                        results: data.results,
                        pagination: {
                            more: (params.page * 30) < data.total_count
                        }
                    };
                },
                cache: false
            },
            placeholder: 'Search for insurance plan Number',
        });

        $("#life_risk_term_id").select2({
            ajax: {
                url: ajaxSearchInsuranceRiskTermCategory,
                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;

                    return {
                        results: data.results,
                        pagination: {
                            more: (params.page * 30) < data.total_count
                        }
                    };
                },
                cache: false
            },
            placeholder: 'Search for insurance risk term category',
        });

        $("#life_agency_id").select2({
            ajax: {
                url: ajaxSearchInsuranceAgency,
                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;

                    return {
                        results: data.results,
                        pagination: {
                            more: (params.page * 30) < data.total_count
                        }
                    };
                },
                cache: false
            },
            placeholder: 'Search for insurance agency name',
            allowClear: true,
            closeOnSelect: false 
        });

        const datepickerIdsLife = [
            "life_effective_start_date",
            "life_effective_end_date",
            "life_first_year_effective_date",
            "life_second_year_effective_date",
            "life_third_year_effective_date",
            "life_after_year_effective_date",
            "life_bonus_commission_effective_date",
            "life_incentive_commission_effective_date",
            "life_other_commission_effective_date",
            "life_first_from_date",
            "life_first_end_date",
            "life_second_from_date",
            "life_second_end_date",
            "life_third_from_date",
            "life_third_end_date",
            "life_forth_from_date",
            "life_forth_end_date",
            "life_meeting_date",
        ];

        datepickerIdsLife.forEach(function(id) {
            dateValidations($("#" + id));

            $("#" + id).datepicker({
                format: "dd-mm-yyyy",
                autoclose: true,
            }).on('changeDate', function() {
                $('.datepicker').hide();
            });
        });

        $("#life_first_year_commission").bind("keyup", function() {
            if ($(this).val() == null || $(this).val() == 0){
                if(($("#life_second_year_commission").val() === '' || $("#life_second_year_commission").val() === 0) &&
                    ($("#life_third_year_commission").val() === '' || $("#life_third_year_commission").val() === 0) &&
                    ($("#life_after_year_commission").val() === '' || $("#life_after_year_commission").val() === 0) &&
                    ($("#life_bonus_commission").val() === '' || $("#life_bonus_commission").val() === 0 ) &&
                    ($("#life_incentive_commission").val() === '' || $("#life_incentive_commission").val() === 0 ) &&
                    ($("#life_other_commission").val() === '' || $("#life_other_commission").val() === 0)){
                    $("#life_first_year_effective_date").prop("required", true);
                }else{
                    $("#life_first_year_effective_date").prop("required", false);
                }
            }
        });

        $("#life_second_year_commission").bind("keyup", function() {
            if ($(this).val() !== null){
                $("#life_second_year_effective_date").prop("required", true);
            
                $("#life_first_year_commission").prop("required", false);
            
                if($("#life_first_year_commission").val() != '' && $("#life_first_year_commission").val() != null){
                    $("#life_first_year_effective_date").prop("required", true);
                }else{
                    $("#life_first_year_effective_date").prop("required", false);
                }
            }

            if($(this).val() == '' || $(this).val() == 0){
                $("#life_second_year_effective_date").prop("required", false);

                if($("#life_third_year_commission").val() == '' && $("#life_after_year_commission").val() == '' && $("#life_bonus_commission").val() == '' && $("#life_incentive_commission").val() == '' && $("#life_other_commission").val() == ''){
                    $("#life_first_year_commission").prop("required", true);
                    $("#life_first_year_effective_date").prop("required", true);
                }
            }
        });

        $("#life_third_year_commission").bind("keyup", function() {
            if ($(this).val() !== null){
                $("#life_third_year_effective_date").prop("required", true);
                
                $("#life_first_year_commission").prop("required", false);
            
                if($("#life_first_year_commission").val() != '' && $("#life_first_year_commission").val() != null){
                    $("#life_first_year_effective_date").prop("required", true);
                }else{
                    $("#life_first_year_effective_date").prop("required", false);
                }
            }

            if($(this).val() == '' || $(this).val() == 0){
                $("#life_third_year_effective_date").prop("required", false);

                if($("#life_second_year_commission").val() == '' && $("#life_after_year_commission").val() == '' && $("#life_bonus_commission").val() == '' && $("#life_incentive_commission").val() == '' && $("#life_other_commission").val() == ''){
                    $("#life_first_year_commission").prop("required", true);
                    $("#life_first_year_effective_date").prop("required", true);
                }
            }
        });

        $("#life_after_year_commission").bind("keyup", function() {
            if ($(this).val() !== null){
                $("#life_after_year_effective_date").prop("required", true);

                $("#life_first_year_commission").prop("required", false);
            
                if($("#life_first_year_commission").val() != '' && $("#life_first_year_commission").val() != null){
                    $("#life_first_year_effective_date").prop("required", true);
                }else{
                    $("#life_first_year_effective_date").prop("required", false);
                }
            }

            if($(this).val() == '' || $(this).val() == 0){
                $("#life_after_year_effective_date").prop("required", false);

                if($("#life_third_year_commission").val() == '' && $("#life_second_year_commission").val() == '' && $("#life_bonus_commission").val() == '' && $("#life_incentive_commission").val() == '' && $("#life_other_commission").val() == ''){
                    $("#life_first_year_commission").prop("required", true);
                    $("#life_first_year_effective_date").prop("required", true);
                }
            }
        });

        $("#life_bonus_commission").bind("keyup", function() {
            if ($(this).val() !== null){
                $("#life_bonus_commission_effective_date").prop("required", true);

                $("#life_first_year_commission").prop("required", false);
            
                if($("#life_first_year_commission").val() != '' && $("#life_first_year_commission").val() != null){
                    $("#life_first_year_effective_date").prop("required", true);
                }else{
                    $("#life_first_year_effective_date").prop("required", false);
                }
            }

            if($(this).val() == '' || $(this).val() == 0){
                $("#life_bonus_commission_effective_date").prop("required", false);

                if($("#life_third_year_commission").val() == '' && $("#life_second_year_commission").val() == '' && $("#life_after_year_commission").val() == '' && $("#life_incentive_commission").val() == '' && $("#life_other_commission").val() == ''){
                    $("#life_first_year_commission").prop("required", true);
                    $("#life_first_year_effective_date").prop("required", true);
                }
            }
        });

        $("#life_incentive_commission").bind("keyup", function() {
            if ($(this).val() !== null){
                $("#life_incentive_commission_effective_date").prop("required", true);

                $("#life_first_year_commission").prop("required", false);
            
                if($("#life_first_year_commission").val() != '' && $("#life_first_year_commission").val() != null){
                    $("#life_first_year_effective_date").prop("required", true);
                }else{
                    $("#life_first_year_effective_date").prop("required", false);
                }
            }

            if($(this).val() == '' || $(this).val() == 0){
                $("#life_incentive_commission_effective_date").prop("required", false);

                if($("#life_third_year_commission").val() == '' && $("#life_second_year_commission").val() == '' && $("#life_after_year_commission").val() == '' && $("#life_bonus_commission").val() == '' && $("#life_other_commission").val() == ''){
                    $("#life_first_year_commission").prop("required", true);
                    $("#life_first_year_effective_date").prop("required", true);
                }
            }
        });

        $("#life_other_commission").bind("keyup", function() {
            if ($(this).val() !== null){
                $("#life_other_commission_effective_date").prop("required", true);

                $("#life_first_year_commission").prop("required", false);
            
                if($("#life_first_year_commission").val() != '' && $("#life_first_year_commission").val() != null){
                    $("#life_first_year_effective_date").prop("required", true);
                }else{
                    $("#life_first_year_effective_date").prop("required", false);
                }
            }

            if($(this).val() == '' || $(this).val() == 0){
                $("#life_other_commission_effective_date").prop("required", false);

                if($("#life_third_year_commission").val() == '' && $("#life_second_year_commission").val() == '' && $("#life_after_year_commission").val() == '' && $("#life_bonus_commission").val() == '' && $("#life_incentive_commission").val() == ''){
                    $("#life_first_year_commission").prop("required", true);
                    $("#life_first_year_effective_date").prop("required", true);
                }
            }
        });
        
        $('#life_risk_term_id').on('change', function() {
            var riskTermName = $('#select2-life_risk_term_id-container').html();

            if(riskTermName == "Single" || riskTermName == "single"){
                $('#life_third_year_commission').attr('disabled', true);
                $('#life_after_year_commission').attr('disabled', true);
                $('#life_second_year_commission').attr('disabled', true);
                $('#life_third_year_effective_date').attr('disabled', true);
                $('#life_after_year_effective_date').attr('disabled', true);
                $('#life_second_year_effective_date').attr('disabled', true);
                
                var newRowHtml = `<div class="row" id="singleRiskTermRow">
                    <input type="hidden" name="second_year_commission" id="life_second_year_commission" value="" >
                    <input type="hidden" name="second_year_effective_date" id="life_second_year_effective_date" value="">
                    <input type="hidden" name="third_year_commission" id="life_third_year_commission" value="">
                    <input type="hidden" name="third_year_effective_date" id="life_third_year_effective_date" value="">
                    <input type="hidden" name="after_year_commission" id="life_after_year_commission" value="">
                    <input type="hidden" name="after_year_effective_date" id="life_after_year_effective_date" value="">
                </div>`;

                $("#formLifeCommission").append(newRowHtml);
            }else{
                $('#singleRiskTermRow').remove();

                $('#life_third_year_commission').attr('disabled', false);
                $('#life_after_year_commission').attr('disabled', false);
                $('#life_second_year_commission').attr('disabled', false);
                $('#life_third_year_effective_date').attr('disabled', false);
                $('#life_after_year_effective_date').attr('disabled', false);
                $('#life_second_year_effective_date').attr('disabled', false);
            }
        });

        $('#life-commission').click(function(){
            $('.nav-link.waves-effect').removeClass('active');
            $('.tab-pane').removeClass('active show');
            $('#life-commission').addClass('active');
            $('#lifeCommission').addClass('active show');

            const urlType = "life-commission";
            const currentUrl = window.location.href;
            const url = new URL(currentUrl);

            url.searchParams.set('type', urlType);
            history.replaceState(null, null, url.toString());
        });

        $('#btnSaveLife').on('click', function(e) {
            e.preventDefault();

            var lifeFormData = new FormData($('#formLifeCommission')[0]);

            $.ajax({
                type: 'POST',
                url: addLifeAjaxRoute,
                data: lifeFormData,
                processData: false,
                contentType: false,
                beforeSend: function(){
                    showLoader();
                },
                success: function(resultData) {
                    if (resultData['status'] == 1){
                        resetGeneralForm();

                        toastr["success"](resultData['msg']);
                        
                        $("#formLifeCommission").removeClass('was-validated');

                        setTimeout(function() {
                            hideLoader();
                            window.location = "{{ route('commission.setting', ['type' => 'life-commission']) }}";
                        }, 1000);

                    } else if (resultData['status'] == 0) {
                        hideLoader();

                        $("#formLifeCommission").addClass('was-validated');

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

            var life_first_commission = $('#life_first_year_commission');
            var life_first_commission_date = $("#life_first_year_effective_date");
           
            var otherFieldsCommisionType = [
                $('#life_second_year_commission'), 
                $('#life_after_year_commission'), 
                $('#life_third_year_commission'), 
                $('#life_incentive_commission'), 
                $('#life_bonus_commission'), 
                $('#life_other_commission'),
            ];

            var allFieldsEmptyCommisionType = otherFieldsCommisionType.every(function(field) {
                return field.val() === '';
            });

            var lifeFirstTarget = $('#life_first_target');
            var lifeFirstFromDate = $("#life_first_from_date");

            var otherFieldsTargetBase = [
                $('#life_second_target'),
                $('#life_third_target'),
                $('#life_forth_target')
            ];

            var allFieldsEmptyTargetBase = otherFieldsTargetBase.every(function(field) {
                return field.val() === '';
            });

            if( $('input[type="checkbox"][value="1"]').is(':checked') &&  !$('input[type="checkbox"][value="2"]').is(':checked')){
                if (allFieldsEmptyCommisionType) {
                    life_first_commission.prop('required', true);
                    life_first_commission_date.prop('required',true);
                } else {
                    life_first_commission.removeAttr('required');
                    life_first_commission_date.removeAttr('required');
                }
            }else if ( $('input[type="checkbox"][value="2"]').is(':checked') && !$('input[type="checkbox"][value="1"]').is(':checked')){
                if (allFieldsEmptyTargetBase) {
                    lifeFirstTarget.prop('required', true);
                    lifeFirstFromDate.prop('required',true);
                } else {
                    lifeFirstTarget.removeAttr('required');
                    lifeFirstFromDate.removeAttr('required');
                }
                
            }else if($('input[type="checkbox"][value="1"]').is(':checked') && $('input[type="checkbox"][value="2"]').is(':checked')){
                if (allFieldsEmptyCommisionType) {
                    life_first_commission.prop('required', true);
                    life_first_commission_date.prop('required',true);
                } else {
                    life_first_commission.removeAttr('required');
                    life_first_commission_date.removeAttr('required');
                }

                if (allFieldsEmptyTargetBase) {
                    lifeFirstTarget.prop('required', true);
                    lifeFirstFromDate.prop('required',true);
                } else {
                    lifeFirstTarget.removeAttr('required');
                    lifeFirstFromDate.removeAttr('required');
                }
            }
        });

        $("#type_id").select2({
            ajax: {
                url: ajaxSearchInvestmentType,
                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;

                    return {
                        results: data.results,
                        pagination: {
                            more: (params.page * 30) < data.total_count
                        }
                    };
                },
                cache: false
            },
            placeholder: 'Search for Investment Type',
        });

        $("#invested_party_id").select2({
            ajax: {
                url: ajaxSearchInvestedParty,
                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;

                    return {
                        results: data.results,
                        pagination: {
                            more: (params.page * 30) < data.total_count
                        }
                    };
                },
                cache: false
            },
            placeholder: 'Search for Investment Party Name',
        });

        const datepickerIdsInvestment = [
            "investment_irda_from_date",
            "investment_irda_end_date",
            "investment_direct_from_date",
            "investment_direct_end_date",
            "investment_incentive_from_date",
            "investment_incentive_end_date",
            "investment_other_from_date",
            "investment_other_end_date",
            "investment_first_from_date",
            "investment_first_end_date",
            "investment_second_from_date",
            "investment_second_end_date",
            "investment_third_from_date",
            "investment_third_end_date",
            "investment_forth_from_date",
            "investment_forth_end_date",
            "investment_meeting_date",
        ];

        datepickerIdsInvestment.forEach(function(id) {
            dateValidations($("#" + id));

            $("#" + id).datepicker({
                format: "dd-mm-yyyy",
                autoclose: true,
            }).on('changeDate', function() {
                $('.datepicker').hide();
            });
        });

        $("input[name='commission_checkbox']").click(function() {
            if ($("#direct_company").is(":checked")) {
                $("#insuranceTab1").show();
                $('#general_broker_id').empty().trigger("change");
            } else {
                $("#insuranceTab1").hide();
            }
        });

        $("#investment_irda_commission").bind("keyup", function() {
            if($(this).val() != null){
                if (($("#investment_direct_commission").val() === '' || parseFloat($("#investment_direct_commission").val()) === 0) || 
                    ($("#investment_incentive_commission").val() === '' || parseFloat($("#investment_incentive_commission").val()) === 0) ||
                    ($("#investment_other_commission").val() === '' || parseFloat($("#investment_other_commission").val()) === 0)){
                    
                        $("#investment_irda_from_date").prop("required", true);
                }
            }else{
                $("#investment_irda_from_date").prop("required", false);
            }

            if($(this).val()){
                $("#investment_irda_total_commission").val(NumericValidationFunction($(this).val()));
            }else{
                $("#investment_irda_total_commission").val('');
            }
        });
            
        $("#investment_direct_commission").bind("keyup", function() {
            if ($(this).val() !== null && $(this).val() != 0 && $(this).val() != ''){
                $("#investment_direct_from_date").prop("required", true);

                $("#investment_irda_commission").prop("required", false);

                // if($("#investment_irda_commission").val() != '' && $("#investment_irda_commission").val() != null){
                    $("#investment_irda_from_date").prop("required", false);
            }else{
                $("#investment_irda_from_date").prop("required", true);
            }

            if($(this).val() == '' || $(this).val() == 0){
                $("#investment_direct_from_date").prop("required", false);

                if($("#investment_incentive_commission").val() == '' && $("#investment_other_commission").val() == ''){
                    $("#investment_irda_commission").prop("required", true);
                    $("#investment_irda_from_date").prop("required", true);
                }
            }
        });

        $("#investment_incentive_commission").bind("keyup", function() {
            if ($(this).val() !== null && $(this).val() != 0 && $(this).val() != ''){
                $("#investment_incentive_from_date").prop("required", true);

                $("#investment_irda_commission").prop("required", false);

                // if($("#investment_irda_commission").val() != '' && $("#investment_irda_commission").val() != null){
                    $("#investment_irda_from_date").prop("required", false);
                    // }
                }else{
                    $("#investment_irda_from_date").prop("required", true);
            }

            if($(this).val() == '' || $(this).val() == 0){
                $("#investment_incentive_from_date").prop("required", false);

                if($("#investment_direct_commission").val() == '' && $("#investment_other_commission").val() == ''){
                    $("#investment_irda_commission").prop("required", true);
                    $("#investment_irda_from_date").prop("required", true);
                }
            }
        });

        $("#investment_other_commission").bind("keyup", function() {
            if ($(this).val() !== null && $(this).val() != 0 && $(this).val() != ''){
                $("#investment_other_from_date").prop("required", true);

                $("#investment_irda_commission").prop("required", false);

                // if($("#investment_irda_commission").val() != '' && $("#investment_irda_commission").val() != null){
                //     $("#investment_irda_from_date").prop("required", true);
                // }else{
                    $("#investment_irda_from_date").prop("required", false);
                // }
            }else{
                $("#investment_irda_from_date").prop("required", true);
            }

            if($(this).val() == '' || $(this).val() == 0){
                $("#investment_other_from_date").prop("required", false);

                if($("#investment_direct_commission").val() == '' && $("#investment_incentive_commission").val() == ''){
                    $("#investment_irda_commission").prop("required", true);
                    $("#investment_irda_from_date").prop("required", true);
                }
            }
        });

        $("#investment_first_target").bind("keyup", function() {
            if ($(this).val() == null ){
                if($("#investment_second_target").val()== '' || $("#investment_third_target").val() == '' || $("#investment_forth_target").val() == ''){
                    $("#investment_first_from_date").prop("required", true);
                }else{
                    $("#investment_first_from_date").prop("required", false);
                }
            }
        });

        $("#investment_second_target").bind("keyup", function() {
            if ($(this).val() !== null){
                $("#investment_second_from_date").prop("required", true);

                $("#investment_first_target").prop("required", false);
                
                if($("#investment_first_target").val() != '' && $("#investment_first_target").val() != null){
                    $("#investment_first_from_date").prop("required", true);
                }else{
                    $("#investment_first_from_date").prop("required", false);
                }
            }

            if($(this).val() == '' || $(this).val() == 0){
                $("#investment_second_from_date").prop("required", false);

                if($("#investment_third_target").val() == '' && $("#investment_forth_target").val() == ''){
                    $("#investment_first_target").prop("required", true);
                    $("#investment_first_from_date").prop("required", true);
                }
            }
        });

        $("#investment_third_target").bind("keyup", function() {
            if ($(this).val() !== null){
                $("#investment_third_from_date").prop("required", true);

                $("#investment_first_target").prop("required", false);
                
                if($("#investment_first_target").val() != '' && $("#investment_first_target").val() != null){
                    $("#investment_first_from_date").prop("required", true);
                }else{
                    $("#investment_first_from_date").prop("required", false);
                }
            }

            if($(this).val() == '' || $(this).val() == 0){
                $("#investment_third_from_date").prop("required", false);

                if($("#investment_forth_target").val() == '' && $("#investment_second_target").val() == ''){
                    $("#investment_first_target").prop("required", true);
                    $("#investment_first_from_date").prop("required", true);
                }
            }
        });

        $("#investment_forth_target").bind("keyup", function() {
            if ($(this).val() !== null){
                $("#investment_forth_from_date").prop("required", true);

                $("#investment_first_target").prop("required", false);
                
                if($("#investment_first_target").val() != '' && $("#investment_first_target").val() != null){
                    $("#investment_first_from_date").prop("required", true);
                }else{
                    $("#investment_first_from_date").prop("required", false);
                }
            }

            if($(this).val() == '' || $(this).val() == 0){
                $("#investment_forth_from_date").prop("required", false);

                if($("#investment_third_target").val() == '' && $("#investment_second_target").val() == ''){
                    $("#investment_first_target").prop("required", true);
                    $("#investment_first_from_date").prop("required", true);
                }
            }
        });

        $('#investment-commission').click(function(){
            $('.nav-link.waves-effect').removeClass('active');
            $('.tab-pane').removeClass('active show');
            $('#investment-commission').addClass('active');
            $('#investmentCommission').addClass('active show');

            const urlType = "investment-commission";
            const currentUrl = window.location.href;
            const url = new URL(currentUrl);

            url.searchParams.set('type', urlType);
            history.replaceState(null, null, url.toString());
        });
       
        $('#type_id').change(function() {
            $('#export_pdf').prop('disabled', false);
        });

        $('#btnSaveInvestment').on('click', function(e) {
            e.preventDefault();

            var investmentFormData = new FormData($('#formInvestmentCommission')[0]);

            $.ajax({
                type: 'POST',
                url: addInvestmentAjaxRoute,
                data: investmentFormData,
                processData: false,
                contentType: false,
                beforeSend: function(){
                    showLoader();
                },
                success: function(resultData) {
                    if (resultData['status'] == 1){
                        resetInvestmentForm();
                        toastr["success"](resultData['msg']);

                        $("#formInvestmentCommission").removeClass('was-validated');

                        setTimeout(function() {
                            hideLoader();
                            window.location = "{{ route('commission.setting', ['type' => 'investment-commission']) }}";
                        }, 1000);

                    } else if (resultData['status'] == 0) {
                        hideLoader();

                        $("#formInvestmentCommission").addClass('was-validated');

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

            var investmentIrdCommission = $('#investment_irda_commission');
            var investmentIrdaFromDate = $("#investment_irda_from_date");
           
            var otherFieldsCommisionType = [
                $('#investment_direct_commission'),
                $('#investment_incentive_commission'),
                $('#investment_other_commission')
            ];

            var allFieldsEmptyCommisionType = otherFieldsCommisionType.every(function(field) {
                return field.val() === '';
            });

            var investmentFirstTarget = $('#investment_first_target');
            var investmentFirstFromDate = $("#investment_first_from_date");

            var otherFieldsTargetBase = [
                $('#investment_second_target'),
                $('#investment_third_target'),
                $('#investment_forth_target')
            ];

            var allFieldsEmptyTargetBase = otherFieldsTargetBase.every(function(field) {
                return field.val() === '';
            });

            if( $('input[type="checkbox"][value="1"]').is(':checked') &&  !$('input[type="checkbox"][value="2"]').is(':checked')){
                if (allFieldsEmptyCommisionType) {
                    investmentIrdCommission.prop('required', true);
                    investmentIrdaFromDate.prop('required',true);
                } else {
                    investmentIrdCommission.removeAttr('required');
                    investmentIrdaFromDate.removeAttr('required');
                }
            }else if ( $('input[type="checkbox"][value="2"]').is(':checked') && !$('input[type="checkbox"][value="1"]').is(':checked')){
                if (allFieldsEmptyTargetBase) {
                    investmentFirstTarget.prop('required', true);
                    investmentFirstFromDate.prop('required',true);
                } else {
                    investmentFirstTarget.removeAttr('required');
                    investmentFirstFromDate.removeAttr('required');
                }
                
            }else if($('input[type="checkbox"][value="1"]').is(':checked') && $('input[type="checkbox"][value="2"]').is(':checked')){
                if (allFieldsEmptyCommisionType) {
                    investmentIrdCommission.prop('required', true);
                    investmentIrdaFromDate.prop('required',true);
                } else {
                    investmentIrdCommission.removeAttr('required');
                    investmentIrdaFromDate.removeAttr('required');
                }

                if (allFieldsEmptyTargetBase) {
                    investmentFirstTarget.prop('required', true);
                    investmentFirstFromDate.prop('required',true);
                } else {
                    investmentFirstTarget.removeAttr('required');
                    investmentFirstFromDate.removeAttr('required');
                }
            }
        });

        $('.NumericValidation').on('input', function() {
            var elementId = $(this).attr('id');
            var NumericValidation = $(this);
            var numericValue = NumericValidation.val().replace(/[^\d.]/g, '');
            var parts = numericValue.split('.');
            if (parts.length > 1) {
                parts[1] = parts[1].substring(0, 2);
                numericValue = parts.join('.');
            }

            if (parseFloat(numericValue) > 100) {
                numericValue = '';
                if("general_irda_commission" == elementId){
                    $('#general_irda_total_commission').val('');
                }
                if("general_direct_commission" == elementId){
                    $('#general_direct_total_commission').val('');
                }
                if("general_incentive_commission" == elementId){
                    $('#general_incentive_total_commission').val('');
                }
                if("general_other_commission" == elementId){
                    $('#general_other_total_commission').val('');
                }
            }

            NumericValidation.val(numericValue);
        });

        $('.isNumber').on("keypress", function(event) {
            var ch = String.fromCharCode(event.which);
            
            if (!/[0-9]/.test(ch)) {
                event.preventDefault();
            }
            
            var inputValue = $(this).val();
            if (inputValue.length >= 8) {
                event.preventDefault();
            }
        });

        $("input[name='commision_type_general[]']").click(function() {
            if($('#commision_type_general').is(':checked')) {
                $('#commi_type_general').show();
            }else{
                $('#commi_type_general').hide();
            }
 
            if($('#target_base_commision_general').is(':checked')) {
                $('#target_base_commi_general').show();
            }else{
                $('#target_base_commi_general').hide();
            }
        });

        $("input[name='commision_type_life[]']").click(function() {
            if($('#commision_type_life').is(':checked')) {
                $('#commi_type_life').show();
            }else{
                $('#commi_type_life').hide();
            }
 
            if($('#target_base_commision_life').is(':checked')) {
                $('#target_base_commi_life').show();
            }else{
                $('#target_base_commi_life').hide();
            }
        });

        $("input[name='commision_type_investment[]']").click(function() {
            if($('#commision_type_investment').is(':checked')) {
                $('#commi_type_investment').show();
            }else{
                $('#commi_type_investment').hide();
            }
 
            if($('#target_base_commision_investment').is(':checked')) {
                $('#target_base_commi_investment').show();
            }else{
                $('#target_base_commi_investment').hide();
            }
        });

        

        $(function() {

            // General
            setupDatePair($('#general_irda_from_date'), $('#general_irda_end_date'));
            setupDatePair($('#general_direct_from_date'), $('#general_direct_end_date'));
            setupDatePair($('#general_incentive_from_date'), $('#general_incentive_end_date'));
            setupDatePair($('#general_other_from_date'), $('#general_other_end_date'));
            setupDatePair($('#general_first_from_date'), $('#general_first_end_date'));
            setupDatePair($('#general_second_from_date'), $('#general_second_end_date'));
            setupDatePair($('#general_third_from_date'), $('#general_third_end_date'));
            setupDatePair($('#general_forth_from_date'), $('#general_forth_end_date'));

            // Life
            // life_first_year_effective_date
            // life_second_year_effective_date
            // life_third_year_effective_date
            // life_after_year_effective_date
            // life_bonus_commission_effective_date
            // life_incentive_commission_effective_date
            // life_other_commission_effective_date
            setupDatePair($('#life_first_from_date'), $('#life_first_end_date'));
            setupDatePair($('#life_second_from_date'), $('#life_second_end_date'));
            setupDatePair($('#life_third_from_date'), $('#life_third_end_date'));
            setupDatePair($('#life_forth_from_date'), $('#life_forth_end_date'));
            setupDatePair($('#life_effective_start_date'), $('#life_effective_end_date'));


            // Investment
            setupDatePair($('#investment_irda_from_date'), $('#investment_irda_end_date'));
            setupDatePair($('#investment_direct_from_date'), $('#investment_direct_end_date'));
            setupDatePair($('#investment_from_date'), $('#investment_to_date'));
            setupDatePair($('#investment_incentive_from_date'), $('#investment_incentive_end_date'));
            setupDatePair($('#investment_other_from_date'), $('#investment_other_end_date'));
            setupDatePair($('#investment_first_from_date'), $('#investment_first_end_date'));
            setupDatePair($('#investment_second_from_date'), $('#investment_second_end_date'));
            setupDatePair($('#investment_third_from_date'), $('#investment_third_end_date'));
            setupDatePair($('#investment_forth_from_date'), $('#investment_forth_end_date'));
    
            function setupDatePair(startDateInput, endDateInput) {
                var datepickerConfig = {
                    format: 'dd-mm-yyyy',
                    autoclose: true
                };
    
                startDateInput.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 startDate = startDateInput.datepicker('getDate');
                    if (e.date < startDate) {
                        startDateInput.datepicker('setDate', null);
                        startDateInput.val("");
                    }
                });
            }
        });
    });

    function checkGeneralInputValidations(){

        if($('#general_irda_commission').val() == '' || $('#general_irda_commission').val() == 0){
            $("#general_irda_total_commission").val('');
            $("#general_irda_commission").prop("required", false);
            $("#general_irda_from_date").prop("required", false);
        }else{
            $("#general_irda_commission").prop("required", true);
            $("#general_irda_from_date").prop("required", true);
        }

        if($('#general_irda_commission').val() > 0.00){
            $("#general_irda_commission").prop("required", false);
            $("#general_irda_total_commission").val(NumericValidationFunction($('#general_irda_commission').val()));
        }else{
            $("#general_irda_commission").val('');
            $("#general_irda_total_commission").val('');
        }

        if($('#general_direct_commission').val() == '' || $('#general_direct_commission').val() == 0){
            $("#general_direct_total_commission").val('');
            $("#general_direct_from_date").prop("required", false);

            if($("#general_incentive_commission").val() == '' && $("#general_other_commission").val() == ''){
                $("#general_irda_commission").prop("required", true);
                $("#general_irda_from_date").prop("required", true);
            }
        }

        if($('#general_direct_commission').val() > 0.00){
            $("#general_direct_from_date").prop("required", true);
            $("#general_irda_commission").prop("required", false);
        }else{
            $("#general_direct_commission").val('');
            $("#general_direct_total_commission").val('');
        }

        if($('#general_incentive_commission').val() == '' || $('#general_incentive_commission').val() == 0){
            $("#general_incentive_from_date").prop("required", false);
            $("#general_incentive_total_commission").val('');
        
            if($("#general_direct_commission").val() == '' && $("#general_other_commission").val() == ''){
                $("#general_irda_commission").prop("required", true);
                $("#general_irda_from_date").prop("required", true);
            }
        }

        if($('#general_incentive_commission').val() > 0.00){
            $("#general_incentive_from_date").prop("required", true);
            $("#general_irda_commission").prop("required", false);
        }else{
            $("#general_incentive_commission").val('');
            $("#general_incentive_total_commission").val('');
        }

        if($('#general_other_commission').val() == '' || $('#general_other_commission').val() == 0){
            $("#general_other_total_commission").val('');
            $("#general_other_from_date").prop("required", false);

            if($("#general_direct_commission").val() == '' && $("#general_incentive_commission").val() == ''){
                $("#general_irda_commission").prop("required", true);
                $("#general_irda_from_date").prop("required", true);
            }
        }

        if($('#general_other_commission').val() > 0.00){
            $("#general_other_from_date").prop("required", true);
            $("#general_irda_commission").prop("required", false);
        }else{
            $("#general_other_commission").val('');
            $("#general_other_total_commission").val('');
        }

        if($('#general_first_target').val() == '' || $('#general_first_target').val() == 0){
            $("#general_first_target").prop("required", false);
            $("#general_first_from_date").prop("required", false);
        }else{
            $("#general_first_target").prop("required", true);
            $("#general_first_from_date").prop("required", true);
        }

        if($('#general_first_target').val() > 0){
            $("#general_first_target").prop("required", false);
        }else{
            $("#general_first_target").val('');
        }

        if($('#general_second_target').val() == '' || $('#general_second_target').val() == 0){
            $("#general_second_from_date").prop("required", false);

            if($("#general_third_target").val() == '' && $("#general_forth_target").val() == ''){
                $("#general_first_target").prop("required", true);
                $("#general_first_from_date").prop("required", true);
            }
        }

        if($('#general_second_target').val() > 0){
            $("#general_second_from_date").prop("required", true);
            $("#general_first_target").prop("required", false);
        }else{
            $("#general_second_target").val('');
        }

        if($('#general_third_target').val() == '' || $('#general_third_target').val() == 0){
            $("#general_third_from_date").prop("required", false);
        
            if($("#general_second_target").val() == '' && $("#general_forth_target").val() == ''){
                $("#general_first_target").prop("required", true);
                $("#general_first_from_date").prop("required", true);
            }
        }

        if($('#general_third_target').val() > 0){
            $("#general_third_from_date").prop("required", true);
            $("#general_first_target").prop("required", false);
        }else{
            $("#general_third_target").val('');
        }
        
        if($('#general_forth_target').val() == '' || $('#general_forth_target').val() == 0){
            $("#general_forth_from_date").prop("required", false);

            if($("#general_second_target").val() == '' && $("#general_third_target").val() == ''){
                $("#general_first_target").prop("required", true);
                $("#general_first_from_date").prop("required", true);
            }
        }
        
        if($('#general_forth_target').val() > 0){
            $("#general_forth_from_date").prop("required", true);
            $("#general_first_target").prop("required", false);
        }else{
            $("#general_forth_target").val('');
        }
    }
    
    function checkLifeInputValidations(){

        if($('#life_first_target').val() == '' || $('#life_first_target').val() == 0){
            $("#life_first_target").prop("required", false);
            $("#life_first_from_date").prop("required", false);
        }else{
            $("#life_first_target").prop("required", true);
            $("#life_first_from_date").prop("required", true);
        }
        if($('#life_first_target').val() > 0){
            $("#life_first_target").prop("required", false);
        }else{
            $("#life_first_target").val('');
        }

        if($('#life_second_target').val() == '' || $('#life_second_target').val() == 0){
            $("#life_second_from_date").prop("required", false);

            if($("#life_third_target").val() == '' && $("#life_forth_target").val() == ''){
                $("#life_first_target").prop("required", true);
                $("#life_first_from_date").prop("required", true);
            }
        }
        if($('#life_second_target').val() > 0){
            $("#life_second_from_date").prop("required", true);
            $("#life_first_target").prop("required", false);
        }else{
            $("#life_second_target").val('');
        }

        if($('#life_third_target').val() == '' || $('#life_third_target').val() == 0){
            $("#life_third_from_date").prop("required", false);
        
            if($("#life_second_target").val() == '' && $("#life_forth_target").val() == ''){
                $("#life_first_target").prop("required", true);
                $("#life_first_from_date").prop("required", true);
            }
        }
        if($('#life_third_target').val() > 0){
            $("#life_third_from_date").prop("required", true);
            $("#life_first_target").prop("required", false);
        }else{
            $("#life_third_target").val('');
        }
        
        if($('#life_forth_target').val() == '' || $('#life_forth_target').val() == 0){
            $("#life_forth_from_date").prop("required", false);

            if($("#life_second_target").val() == '' && $("#life_third_target").val() == ''){
                $("#life_first_target").prop("required", true);
                $("#life_first_from_date").prop("required", true);
            }
        }
        if($('#life_forth_target').val() > 0){
            $("#life_forth_from_date").prop("required", true);
            $("#life_first_target").prop("required", false);
        }else{
            $("#life_forth_target").val('');
        }
    }
    
    function checkInvestmentInputValidations(){

        if($('#investment_irda_commission').val() == '' || $('#investment_irda_commission').val() == 0){
            $("#investment_irda_total_commission").val('');
            $("#investment_irda_commission").prop("required", false);
            $("#investment_irda_from_date").prop("required", false);
        }else{
            $("#investment_irda_commission").prop("required", true);
            $("#investment_irda_from_date").prop("required", true);
        }
        if($('#investment_irda_commission').val() > 0.00){
            $("#investment_irda_commission").prop("required", false);
            $("#investment_irda_total_commission").val(NumericValidationFunction($('#investment_irda_commission').val()));
        }else{
            $("#investment_irda_commission").val('');
            $("#investment_irda_total_commission").val('');
        }

        if($('#investment_direct_commission').val() == '' || $('#investment_direct_commission').val() == 0){
            $("#investment_direct_total_commission").val('');
            $("#investment_direct_from_date").prop("required", false);

            if($("#investment_incentive_commission").val() == '' && $("#investment_other_commission").val() == ''){
                $("#investment_irda_commission").prop("required", true);
                $("#investment_irda_from_date").prop("required", true);
            }
        }
        if($('#investment_direct_commission').val() > 0.00){
            $("#investment_direct_from_date").prop("required", true);
            $("#investment_irda_commission").prop("required", false);
        }else{
            $("#investment_direct_commission").val('');
            $("#investment_direct_total_commission").val('');
        }

        if($('#investment_incentive_commission').val() == '' || $('#investment_incentive_commission').val() == 0){
            $("#investment_incentive_from_date").prop("required", false);
            $("#investment_incentive_total_commission").val('');
        
            if($("#investment_direct_commission").val() == '' && $("#investment_other_commission").val() == ''){
                $("#investment_irda_commission").prop("required", true);
                $("#investment_irda_from_date").prop("required", true);
            }
        }
        if($('#investment_incentive_commission').val() > 0.00){
            $("#investment_incentive_from_date").prop("required", true);
            $("#investment_irda_commission").prop("required", false);
        }else{
            $("#investment_incentive_commission").val('');
            $("#investment_incentive_total_commission").val('');
        }

        if($('#investment_other_commission').val() == '' || $('#investment_other_commission').val() == 0){
            $("#investment_other_total_commission").val('');
            $("#investment_other_from_date").prop("required", false);

            if($("#investment_direct_commission").val() == '' && $("#investment_incentive_commission").val() == ''){
                $("#investment_irda_commission").prop("required", true);
                $("#investment_irda_from_date").prop("required", true);
            }
        }
        if($('#investment_other_commission').val() > 0.00){
            $("#investment_other_from_date").prop("required", true);
            $("#investment_irda_commission").prop("required", false);
        }else{
            $("#investment_other_commission").val('');
            $("#investment_other_total_commission").val('');
        }

        if($('#investment_first_target').val() == '' || $('#investment_first_target').val() == 0){
            $("#investment_first_target").prop("required", false);
            $("#investment_first_from_date").prop("required", false);
        }else{
            $("#investment_first_target").prop("required", true);
            $("#investment_first_from_date").prop("required", true);
        }
        if($('#investment_first_target').val() > 0){
            $("#investment_first_target").prop("required", false);
        }else{
            $("#investment_first_target").val('');
        }

        if($('#investment_second_target').val() == '' || $('#investment_second_target').val() == 0){
            $("#investment_second_from_date").prop("required", false);

            if($("#investment_third_target").val() == '' && $("#investment_forth_target").val() == ''){
                $("#investment_first_target").prop("required", true);
                $("#investment_first_from_date").prop("required", true);
            }
        }
        if($('#investment_second_target').val() > 0){
            $("#investment_second_from_date").prop("required", true);
            $("#investment_first_target").prop("required", false);
        }else{
            $("#investment_second_target").val('');
        }

        if($('#investment_third_target').val() == '' || $('#investment_third_target').val() == 0){
            $("#investment_third_from_date").prop("required", false);
        
            if($("#investment_second_target").val() == '' && $("#investment_forth_target").val() == ''){
                $("#investment_first_target").prop("required", true);
                $("#investment_first_from_date").prop("required", true);
            }
        }
        if($('#investment_third_target').val() > 0){
            $("#investment_third_from_date").prop("required", true);
            $("#investment_first_target").prop("required", false);
        }else{
            $("#investment_third_target").val('');
        }
        
        if($('#investment_forth_target').val() == '' || $('#investment_forth_target').val() == 0){
            $("#investment_forth_from_date").prop("required", false);

            if($("#investment_second_target").val() == '' && $("#investment_third_target").val() == ''){
                $("#investment_first_target").prop("required", true);
                $("#investment_first_from_date").prop("required", true);
            }
        }
        if($('#investment_forth_target').val() > 0){
            $("#investment_forth_from_date").prop("required", true);
            $("#investment_first_target").prop("required", false);
        }else{
            $("#investment_forth_target").val('');
        }
    }

    function downloadPDF() {
        var dn = new Date();

        kendo.drawing.drawDOM($(".container-fluid")).then(function(group) {
            return kendo.drawing.exportPDF(group, {
                paperSize: "auto",
                margin: { left: "1cm", top: "1cm", right: "1cm", bottom: "1cm" }
            });
        }).done(function(data) {
            kendo.saveAs({ dataURI: data, fileName: dn + ".pdf" });
        });
    }

    function resetGeneralForm(){
        $('#general_broker_id').empty().trigger("change");
        $('#general_division_id').empty().trigger("change");
        $('#general_segment_id').empty().trigger("change");
        $('#general_insurance_company_id').empty().trigger("change");
        
        $('#formGeneralCommission').trigger("reset");
    }

    function resetLifeForm(){
        $('#life_insurance_company_id').empty().trigger("change");
        $('#life_agency_id').empty().trigger("change");
        $('#life_insurance_plan_id').empty().trigger("change");
        $('#life_risk_term_id').empty().trigger("change");
        
        $('#formLifeCommission').trigger("reset");
    }
  
    function resetInvestmentForm(){
        $('#formInvestmentCommission').trigger("reset");
    }

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

        if(typeValue == null){
            typeValue = "general-commission";
            url.searchParams.set('type', typeValue);
            history.replaceState(null, null, url.toString());
        }

        $('.nav-link.waves-effect').removeClass('active');
        $('#'+typeValue).addClass('active');

        $('.tab-pane').removeClass('active show');

        if(typeValue == "general-commission"){
            $('#generalCommission').addClass('active show');
        }else if(typeValue == "life-commission"){
            $('#lifeCommission').addClass('active show');
        }else if(typeValue == "investment-commission"){
            $('#investmentCommission').addClass('active show');
        }else if(typeValue == "sub-agent-commission"){
            $('#subAgentCommission').addClass('active show');
        }

        url.searchParams.set('type', typeValue);
        history.replaceState(null, null, url.toString());
    }

    function NumericValidationFunction(digitNumber){
        var NumericValidation = digitNumber;

        var numericValue = NumericValidation.replace(/[^\d.]/g, '');
        var parts = numericValue.split('.');
        if (parts.length > 1) {
            parts[1] = parts[1].substring(0, 2);
            numericValue = parts.join('.');
        }

        if (parseFloat(numericValue) > 100) {
            numericValue = '';
        }
        return numericValue;
    }

    $('#formGeneralCommission, #formLifeCommission, #formInvestmentCommission').on('change', 'input[type="file"]', function() {
        const fileInput = $(this);
    
        const maxFiles = 5;

        if (fileInput[0].files.length > maxFiles) {
            toastr["error"](`You can only upload ${maxFiles} files.`);
            fileInput.val(''); // reset the file input
        }
    });
</script>
@endsection