@include('admin.layouts.header')
@include('admin.layouts.sidebar')
<style>
    .hidden{
        display: none;
    }
    .font-weight{
        font-weight: 600;
    }
    table{
        width: 100%;
        font-family: Arial;
    }
    .emi-form > thead > tr > th{
        font-weight: 600 !important;
    }
    .payable-amt{
        border-top-style: solid;
        border-bottom-style: solid;
    }
    .interest_rate{
        text-transform: capitalize;
    }
    .datepicker tbody tr > td[class='day']{
        border-color: #34b9c3;
        color: black;
        border-style: dashed;
        border-width: 1px;
    }

    /* Tooltip styling for readonly/disabled fields */
    input[readonly][title]:hover::after,
    .readonly-div[title]:hover::after {
        content: attr(title);
        position: absolute;
        background-color: #333;
        color: white;
        padding: 5px 10px;
        border-radius: 4px;
        font-size: 12px;
        white-space: nowrap;
        z-index: 1000;
        pointer-events: none;
        margin-top: 5px;
    }

    input[readonly][title],
    .readonly-div[title] {
        position: relative;
        cursor: not-allowed;
    }

    /* Style readonly select elements to look disabled but still submit data */
    select[readonly] {
        background-color: #f5f5f5;
        opacity: 0.7;
        pointer-events: none;
    }
</style>
<div class="m-grid__item m-grid__item--fluid m-wrapper">
    <!-- BEGIN: Subheader -->
    <div class="m-subheader ">
        <div class="d-flex align-items-center">
            <div class="mr-auto">
                <h3 class="m-subheader__title m-subheader__title--separator">
                    EMI Calculation
                </h3>
            </div>

        </div>
    </div>
    <!-- END: Subheader -->
    <div class="m-content">
        @if(Session::has('success'))
            <div class="alert alert-success alert-dismissible fade show" role="alert">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"></button>
                {{ Session::get('success') }}
            </div>
        @endif
        @if(Session::has('error'))
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"></button>
                {{ Session::get('error') }}
            </div>
        @endif
        <div class="m-portlet m-portlet--mobile">
            <div class="m-portlet__head">
                <div class="m-portlet__head-caption">
                    <div class="m-portlet__head-title">
                        <span class="m-portlet__head-icon">
                            <i class="fa fa-calculator"></i>
                        </span>
                        <h3 class="m-portlet__head-text">
                            EMI Calculation
                        </h3>
                    </div>
                </div>
            </div>
            <div class="m-portlet__body">
                <div class="m-section">
                    <div>
                        <div>
                            <div class="col-md-12">
                                <div class="row btn btn-primary" data-toggle="modal" data-target="#insurance_summary">@if($merchant_data && isset($merchant_data->collect_advance_amount) && $merchant_data->collect_advance_amount) Advance Amount & @endif Insurance & Processing Fee Summary</div>
                                <div id="merchant_offer" class="form-horizontal">
                                    <input name="_token" value="{{ csrf_token() }}" type="hidden">
                                    @if(isset($application_id))
                                    <input type="hidden" name="application_id" id="application_id" value="{!! $application_id !!}"/>
                                    @endif
                                    <div class="row" style="padding-bottom: 10px;margin-left: -32px;padding-top: 10px;">
                                        <input type="hidden" name="offer_id" id="offer_id" value="{!! $offer_id or '' !!}"/>
                                        <div class="col-md-3">
                                            <select class="form-control" name="merchant_id" id="merchant_id">
                                                <option>Select Merchant</option>
                                                @foreach($merchants as $index=>$merchant)
                                                    <option data-index="{!! $index !!}" value="{!! $merchant->id !!}" @if(isset($merchant_id) && $merchant_id == $merchant->id) selected="selected" @endif>{!! $merchant->merchant_name !!}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="col-md-3">
                                            <select class="form-control" name="category_id" id="category_id">
                                                <option>Select Category</option>
                                            </select>
                                        </div>
                                        <div class="col-md-3 hidden" style="position: relative;">
                                            <select class="form-control" name="merchant_offer_id" id="merchant_offerSelect" onchange="offerSelection()"
                                                @if((!empty($state) && !in_array($state,['incomplete form', 'form completed', 'waiting for decision', 'waiting for documents', 'in-process'])) && (!\Illuminate\Support\Facades\Session::has('post_approval_edit_tenure|-2')))
                                                    readonly
                                                @endif>
                                            </select>

                                            @if((!empty($state) && !in_array($state,['incomplete form', 'form completed', 'waiting for decision', 'waiting for documents', 'in-process'])) && (!\Illuminate\Support\Facades\Session::has('post_approval_edit_tenure|-2')))
                                                <div
                                                    id="offer_select_overlay"
                                                    data-toggle="tooltip"
                                                    data-placement="top"
                                                    title="Post approval edit access unavailable"
                                                    style="
                                                        position: absolute;
                                                        top: 0; left: 0;
                                                        width: 100%; height: 100%;
                                                        cursor: not-allowed;
                                                        z-index: 10;
                                                        background: transparent;
                                                    ">
                                                </div>
                                            @endif
                                        </div>
                                        <div class="col-md-3">
                                            <input type="text" name="loan_amount" @if(isset($loan_amount) && $loan_amount > 0) disabled="disabled" @endif id="loan_amount" value="<?php echo isset($_GET['due_amount']) ? $_GET['due_amount'] : $loan_amount; ?>" class="form-control" placeholder="Loan Amount" autocomplete="off"/>
                                        </div>

                                        <div class="col-md-2 calculate-for-emi">
                                            <button type="button" class="btn btn-accent m-btn m-btn--custom m-btn--icon m-btn--air m-btn--pill" id="calculate_emi">Calculate EMI</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="emi-calculation-summary m-section__content">
                        <table class="table-calculation">
                            <tr>
                                <td>EMI Plan (Total/Advance)</td>
                                <td class="emi-plan font-weight">0</td>

                                <td>Advance Payable</td>
                                <td class="from-customer font-weight">0</td>
                            </tr>
                            <tr>
                                <td>EMI Remaining</td>
                                <td class="emi-remaining font-weight">0</td>

                                <td>Processing Fee</td>
                                <td class="processing-fee font-weight">0</td>

                            </tr>
                            <tr>
                                <td class="interest_rate_label">Annual Interest Rate</td>
                                <td class="interest_rate font-weight">0</td>

                                <td>Pending EMI</td>
                                <td class="pending-emi font-weight">0</td>
                            </tr>
                            <tr>
                                <td>EMI</td>
                                <td class="emi font-weight">0</td>

                                <td class="insurance-amt">Insurance Premium</td>
                                <td class="insurance-amt insurance-fee font-weight">0</td>
                            </tr>
                            <tr>
                                <td>Processing Fee</td>
                                <td class="processing-fee-t font-weight">0</td>
                                <td class="legal-charges">Legal Charges</td>
                                <td class="legal-charges-val font-weight">0</td>
                            </tr>
                            <tr>
                                <td>Subvention Type</td>
                                <td class="subvention-type font-weight">0</td>

                                <td class="payable-amt">Total Payable</td>
                                <td class="payable-amt payable font-weight">0</td>
                            </tr>
                        </table>
                        @if(isset($emi_generate))
                        <table class="cc-ap-vp" style="padding-top: 20px;">
                            <tr>
                                <td style="width: 13%;">First EMI Date</td>
                                <td><input style="margin-top: 6px;" type="text" name="emi_date" class="form-control col-md-3" data-av-en="{!! $is_avanse_enabled or 0 !!}" data-lender-id="{!! $lender_id or '' !!}" value="{!! $first_emi_date or 0 !!}" data-is-bnpl = "{!! $application_element->is_bnpl or 0 !!}" data-is-subv = "" data-phase = "{!! $phase !!}" placeholder="First EMI Date" id="first_emi_date"/></td>
                            </tr>
                        </table>
                        @endif
                            <table class="table m-table emi-form">
                                <thead>
                                <tr>
                                    <th>Installment</th>
                                    <th>Amount</th>
                                </tr>
                                </thead>
                                <tbody id="emi_calculation_view">

                                </tbody>
                            </table>
                    </div>
                </div>
                @if(isset($emi_generate))
                <div>
                    <div class="btn btn-primary _generate_emi" id="_generate_emi_view_tm" data-flag="0">Generate EMI For Agreement/CAM</div>
                </div>
                @endif
            </div>
        </div>
    </div>
</div>

<!-- Modal -->
<div class="modal fade" id="insurance_summary" tabindex="-1" role="dialog" aria-labelledby="insurance_summary" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLongTitle">@if($merchant_data && isset($merchant_data->collect_advance_amount) && $merchant_data->collect_advance_amount) Advance Amount & @endif Insurance & Processing Fee Summary</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body ins-b-s">
                <div class="form-group m-form__group row">
                    <label class="col-lg-6 col-form-label">
                        Insurance Applicable:
                        <span tabindex="0" 
                                role="button"
                                data-toggle="popover" 
                                data-trigger="focus" 
                                data-content="The Merchant has opted in for the Solar panel insurance for its customer if this is ticked else has opted out of insurance." 
                                style="cursor: pointer; margin-top: 8px;">
                                <i class="fa fa-info-circle" aria-hidden="true"></i>
                        </span>
                    </label>
                    <div class="col-lg-6" style="padding-top: 8px;">
                        @php
                            $is_non_solar = \App\ApplicationCategory::isNonSolarCategory($merchant_data->category_id ?: ($category_id ?? null));
                            /*
                             * "Asset Insurance Premium" on the merchant (merchant.insurance_premium)
                             * is the master switch. With it off the merchant has not opted in to
                             * insuring its customers, so this application cannot opt in either and
                             * the selection is locked. ConsumerApplicationController::saveInsuranceSummary()
                             * applies the same rule, so a direct post cannot get round it.
                             */
                            $merchant_insurance_enabled = !empty($merchant_data->insurance_premium);
                            $insurance_locked = $is_non_solar || !$merchant_insurance_enabled;
                            $insurance_locked_reason = $is_non_solar ? 'Insurance not applicable for non-solar' : 'Asset Insurance Premium is not enabled for this merchant';
                            $is_insured = !$insurance_locked && ((!empty($proFormaInvoice) && !empty($proFormaInvoice->insurance_premium_applicable)) || (empty($proFormaInvoice) && !empty($merchant_data->insurance_premium)));
                        @endphp
                        <span class="d-inline-block" @if($insurance_locked) data-toggle="tooltip" data-placement="top" title="{{ $insurance_locked_reason }}" style="cursor: not-allowed;" @endif>
                            <input type="checkbox" id="insurance_applicable_toggle" name="insurance_premium_applicable"
                                @if($is_insured) checked="checked" @endif
                                @if($insurance_locked) disabled="disabled" style="pointer-events: none; cursor: not-allowed;" @endif />
                        </span>
                    </div>
                </div>

                <!-- START of conditional fields -->
                <div id="insurance-fields" style="{{ $is_insured ? '' : 'display: none;' }}">
                    <div class="form-group m-form__group row">
                        <label class="col-lg-6 col-form-label">
                            Insurance Coverage (yrs):
                        </label>
                        <?php
                            $insurance_coverage = $proFormaInvoice->insurance_coverage ?? 0;
                            $_insurance_coverage = in_array($application_element->type_of_customer, [1,2]) ? 5 : 1;
                            if($_insurance_coverage == 1){
                                $insurance_coverage = 1;
                            }else if(!$insurance_coverage){
                                $insurance_coverage = $_insurance_coverage;
                            }
                        ?>

                        <div class="col-lg-6">
                            <input type="number" class="form-control m-input" name="insurance_coverage_years" 
                                value="{!! $insurance_coverage or "" !!}"
                                placeholder="Max value should be <?php echo $_insurance_coverage; ?> yrs"
                                min="0" 
                                max="5" 
                                step="1" 
                                maxlength="1"
                                onkeyup="this.value = (this.value >= 1 && this.value <= <?php echo $_insurance_coverage; ?>) ? this.value : ''"
                                @if(\Illuminate\Support\Facades\Auth::check() && (!in_array(\Illuminate\Support\Facades\Auth::user()->user_type,[5,6,7,8,41]))) 
                                readonly="readonly" @endif>
                        </div>
                    </div>
                    <div class="form-group m-form__group row">
                        <label class="col-lg-6 col-form-label">
                            Discount on CF solar insurance:
                            <span tabindex="0" 
                                role="button"
                                data-toggle="popover" 
                                data-trigger="focus" 
                                data-content="Do not make any changes to this field." 
                                style="cursor: pointer; margin-top: 8px;">
                                <i class="fa fa-info-circle" aria-hidden="true"></i>
                            </span>
                        </label>
                        <div class="col-lg-6">
                            <input type="number" class="form-control m-input" name="solar_discount_by_cf" value="{!! $application_element->discount_by_cf or "" !!}"  placeholder="Enter value between 0 and 100" min="0" max="100" step="1" maxlength="3"
                                oninput="validateSolarDiscount(this)"
                                @if(\Illuminate\Support\Facades\Auth::check() && (!in_array(\Illuminate\Support\Facades\Auth::user()->user_type,[5,6,7,8,41]))) readonly="readonly" @endif>
                            <span id="solar-discount-error" style="color: red; display: none;">Please enter a value between 0 and 100</span>
                        </div>
                    </div>

                    <div class="form-group m-form__group row">
                        <label class="col-lg-6 col-form-label">
                            Insurance Premium Amount:
                        </label>
                        <div class="col-lg-6">
                            <input type="text" placeholder="Insurance Premium Amount" value="{!! $proFormaInvoice->insurance_premium_amount or '' !!}" name="insurance_premium_amount" class="form-control">
                        </div>
                    </div>

                    <div class="form-group m-form__group row ">
                        <label class="col-lg-6 col-form-label mb-0">
                            Insurance Collection Method:
                        </label>
                        <div class="col-lg-6" style="font-size: 10px; line-height: 1.4; padding:12px;">
                            <label class="d-block mb-1">
                                <input type="radio" name="insurance_method_radio" value="2" 
                                    @if(isset($proFormaInvoice)) 
                                      @if(isset($proFormaInvoice->insurance_premium_by_merchant) && $proFormaInvoice->insurance_premium_by_merchant == 2) checked="checked"  @endif
                                    @elseif(isset($merchant_data) && isset($merchant_data->insurance_collection_method) && $merchant_data->insurance_collection_method == 2) checked="checked" @endif>
                                Add in loan amount
                            </label>
                            <label class="d-block mb-1">
                                <input type="radio" name="insurance_method_radio" value="0" 
                                    @if(isset($proFormaInvoice)) 
                                      @if(isset($proFormaInvoice->insurance_premium_by_merchant) && $proFormaInvoice->insurance_premium_by_merchant == 0) checked="checked"  @endif
                                    @elseif(isset($merchant_data) && isset($merchant_data->insurance_collection_method) && $merchant_data->insurance_collection_method == 0) checked="checked" @endif> 
                                Collect upfront from customer by CF
                            </label>
                            <label class="d-block">
                                <input type="radio" name="insurance_method_radio" value="1" 
                                   @if(isset($proFormaInvoice)) 
                                      @if(isset($proFormaInvoice->insurance_premium_by_merchant) && $proFormaInvoice->insurance_premium_by_merchant == 1) checked="checked"  @endif
                                    @elseif(isset($merchant_data) && isset($merchant_data->insurance_collection_method) && $merchant_data->insurance_collection_method == 1) checked="checked" @endif>
                                Collect upfront from merchant
                            </label>
                        </div>
                    </div>

                </div>
                <hr/>

                {{-- =====================================================
                     CHARGES IN LOAN AMOUNT (PF / CERSAI / Legal Charges)
                     ===================================================== --}}
                <div class="mb-2">
                    <h6 class="font-weight-bold text-dark mb-1" style="font-size:13px;">
                        Add Charges in Loan Amount
                        <span tabindex="0" role="button"
                              data-toggle="popover" data-trigger="focus"
                              data-content="Select which charges should be added to the loan principal (EMI-financed). Charges added here will not be deducted from the net disbursement to the merchant."
                              style="cursor:pointer;">
                            <i class="fa fa-info-circle text-muted" aria-hidden="true"></i>
                        </span>
                    </h6>
                    <p class="text-muted mb-2" style="font-size:11px;">
                        Any combination of the three charges below can be added into the loan amount.
                        Charges already present in the system are shown in brackets.
                    </p>

                    {{-- CERSAI --}}
                    <div class="form-group m-form__group row mb-1">
                        <label class="col-lg-6 col-form-label" style="font-size:12px;">
                            CERSAI Hypothecation Charge collection method
                            @if(isset($proFormaInvoice) && $proFormaInvoice->cersai_hypothecation_charge)
                                <span class="text-muted" style="font-size:11px;">
                                    &nbsp;(₹{{ number_format($proFormaInvoice->cersai_hypothecation_charge) }})
                                </span>
                            @endif
                        </label>
                        <div class="col-lg-6" style="font-size: 11px; line-height: 1.6; padding-top: 6px;">
                            @php($cersaiMethod = isset($proFormaInvoice) ? $proFormaInvoice->cersai_collection_method : null)
                            @if(!isset($allow_add_in_loan_amount) || $allow_add_in_loan_amount)
                            <input type="radio" id="cersai_collection_method_2" name="cersai_collection_method" value="2"
                                   @if(!is_null($cersaiMethod) && $cersaiMethod == 2) checked="checked" @endif />
                            Add in loan amount
                            <br/>
                            @endif
                            <input type="radio" id="cersai_collection_method_1" name="cersai_collection_method" value="1"
                                   @if(!is_null($cersaiMethod) && $cersaiMethod == 1) checked="checked" @endif />
                            Collected by merchant
                            <br/>
                            <input type="radio" id="cersai_collection_method_0" name="cersai_collection_method" value="0"
                                   @if(!is_null($cersaiMethod) && $cersaiMethod == 0) checked="checked" @endif />
                            Collected by CreditFair
                        </div>
                    </div>

                    {{-- Legal Charges --}}
                    <div class="form-group m-form__group row mb-1">
                        <label class="col-lg-6 col-form-label" style="font-size:12px;">
                            Legal Charges (Stamp Duty) collection method
                            <span class="text-muted" style="font-size:11px;">
                                &nbsp;— calculated dynamically per lender/category
                            </span>
                        </label>
                        <div class="col-lg-6" style="font-size: 11px; line-height: 1.6; padding-top: 6px;">
                            @php($legalMethod = isset($proFormaInvoice) ? $proFormaInvoice->legal_charges_collection_method : null)
                            @if(!isset($allow_add_in_loan_amount) || $allow_add_in_loan_amount)
                            <input type="radio" id="legal_charges_collection_method_2" name="legal_charges_collection_method" value="2"
                                   @if(!is_null($legalMethod) && $legalMethod == 2) checked="checked" @endif />
                            Add in loan amount
                            <br/>
                            @endif
                            <input type="radio" id="legal_charges_collection_method_1" name="legal_charges_collection_method" value="1"
                                   @if(!is_null($legalMethod) && $legalMethod == 1) checked="checked" @endif />
                            Collected by merchant
                            <br/>
                            <input type="radio" id="legal_charges_collection_method_0" name="legal_charges_collection_method" value="0"
                                   @if(!is_null($legalMethod) && $legalMethod == 0) checked="checked" @endif />
                            Collected by CreditFair
                        </div>
                    </div>
                </div>

                <hr/>
                <div class="form-group m-form__group row">
                    <label class="col-lg-6 col-form-label">
                        Processing Fee collection method
                    </label>
                    <div class="col-lg-6" style="font-size: 11px; line-height: 1.6; padding-top: 6px;">
                        @php($pfMethod = isset($proFormaInvoice) ? $proFormaInvoice->processing_fee_collection_method : null)
                        @if(!isset($allow_add_in_loan_amount) || $allow_add_in_loan_amount)
                        <input type="radio" id="processing_fee_collection_method_2" name="processing_fee_collection_method" value="2"
                               @if(!is_null($pfMethod) && $pfMethod == 2) checked="checked" @endif />
                        Add in loan amount
                        <br/>
                        @endif
                        <input type="radio" id="processing_fee_collection_method_1" name="processing_fee_collection_method" value="1"
                               @if(!is_null($pfMethod) && $pfMethod == 1) checked="checked" @endif />
                        Collected by merchant
                        <br/>
                        <input type="radio" id="processing_fee_collection_method_0" name="processing_fee_collection_method" value="0"
                               @if(!is_null($pfMethod) && $pfMethod == 0) checked="checked" @endif />
                        Collected by CreditFair
                    </div>
                </div>

                <div class="form-group m-form__group row">
                    <label class="col-lg-6 col-form-label">
                        Do you want to send the processing fee communication?
                    </label>
                    <div class="col-lg-6" style="padding-top: 8px;">
                        <input type="checkbox" name="send_processing_fee_communication"/>
                    </div>
                </div>
                <hr>
                {{-- RISK BASED PRICING PF ADJUSTMENT--}}
                <div class="mb-4" <?php if(!\Illuminate\Support\Facades\Session::has('PF_Surcharge_Discount|-63')) echo "style='pointer-events: none;'" ?>>
                    <div class="form-check form-switch mb-3">
                        <input class="form-check-input" type="checkbox" id="adjustPF" @if(isset($enable_pf_adjustment) && $enable_pf_adjustment) checked="checked" @endif>
                        <label class="form-check-label fw-semibold" for="adjustPF">Enable PF adjustment</label>
                    </div>
                    <div class="row align-items-end mb-3">
                        <div class="col-md-6">
                            <label for="adjustType" class="form-label">Adjustment Type</label>
                            <div class="input-group">
                                <select class="form-select" id="adjustType" style="max-width: 90px;height: 35px;margin-bottom: inherit;">
                                    <option value="increase" @if(isset($risk_based_pricing_adjustment) && $risk_based_pricing_adjustment == 'increase') selected @endif>Increase</option>
                                    <option value="decrease" @if(isset($risk_based_pricing_adjustment) && $risk_based_pricing_adjustment == 'decrease') selected @endif>Decrease</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-6">
                        <label for="pfValue" class="form-label">Value</label>
                        <div class="input-group">
                            <select class="form-select" id="pfValueType" style="max-width: 90px; margin-bottom: inherit">
                                <option value="amount" @if(isset($risk_based_pricing_value_type) && $risk_based_pricing_value_type == 'amount') selected @endif>₹</option>
                                <option value="percent" @if(isset($risk_based_pricing_value_type) && $risk_based_pricing_value_type == 'percent') selected @endif>%</option>
                            </select>
                            <input type="number" class="form-control" id="pfValue" value="{{ isset($risk_based_pricing_value) ? $risk_based_pricing_value : 0 }}" placeholder="Enter value" style="max-width: 120px;" min="0">
                        </div>
                        </div>
                    </div>
                    @if (isset($pf_surcharge))
                        <div class="alert alert-info py-2 px-3 mb-4 small">
                            Risk-based surcharge of <strong><?php echo $pf_surcharge;?>%</strong> is charged on the loan amount.
                        </div>
                    @endif
                    <div class="form-group m-form__group row">
                        <label class="col-lg-6 col-form-label">Offer Linked PF</label>
                        <div class="col-lg-6">
                            <input type="number" class="form-control" id="offerLinkedPF" value="{{ isset($offerLinkedPF) ? $offerLinkedPF : 0 }}" placeholder="Enter value" style="max-width: 120px;" min="0">
                        </div>
                    </div>
                    <!-- Summary Section -->
                    <div class="border-top pt-3" id="pf-summary-section">
                        <h6 class="text-muted mb-3">Calculation Summary</h6>
                        
                        <div class="row mb-2">
                            <div class="col-6 text-muted">Total Processing Fee (PF):</div>
                            <div class="col-6 fw-bold text-end" id="pf-summary-value" data-original="{{ $total_pf }}">₹{{ number_format($total_pf, 2) }}</div>
                        </div>
                        <small class="text-muted">(Based on Total PF)</small>
                    </div>
                </div>
                @include('admin.scripts.interest_rate_functionality')
                <hr/>
                @if($merchant_data && ((isset($merchant_data->collect_advance_amount) && $merchant_data->collect_advance_amount) || (isset($proFormaInvoice) && isset($proFormaInvoice->merchant_collected_advance_amount) && $proFormaInvoice->merchant_collected_advance_amount == 1)))
                    <div class="form-group m-form__group row">
                        <label class="col-lg-6 col-form-label">
                            Advance amount to be collected by CF
                        </label>
                        <div class="col-lg-6" style="padding-top: 8px;">
                            <input type="checkbox" @if(isset($proFormaInvoice) && isset($proFormaInvoice->merchant_collected_advance_amount) && $proFormaInvoice->merchant_collected_advance_amount == 1) checked="checked" data-id="1" @else data-id="0" @endif name="merchant_collected_advance_amount"/>
                        </div>
                    </div>
                @endif
                @if($merchant_data->is_fldg_active == 1 && $merchant_data->hold_liability == 1)
                    <div style="
                            position: relative;
                            padding: 6px;
                            margin-bottom: 6px;">
                        <label for="type_of_hold">Liability Hold</label>
                        <input type="radio" class="form-control liability_hold" name="type_of_hold" @if(/*$merchant_data->hold_liability || */$proFormaInvoice->liability_hold)checked="checked"@endif value="liability_hold" style=" width: 53px; position: absolute; top: 10px;left: 90px;">
                        <br/>
                        <label for="type_of_hold">FLDG Applied</label>
                        <input type="radio" class="form-control fldg_applied" name="type_of_hold" @if(/*$merchant_data->is_fldg_active && !$merchant_data->hold_liability ||*/ $proFormaInvoice->fldg_applied)checked="checked"@endif value="fldg" style="width: 53px;position: absolute;top: 38px;left: 90px;"><br/>
                        <label for="type_of_hold">Regular Case</label>
                        <input type="radio" class="form-control regular_case" name="type_of_hold" @if(!$proFormaInvoice->fldg_applied && !$proFormaInvoice->liability_hold)checked="checked"@endif value="regular_case" style="width: 53px;position: absolute;top: 65px;left: 90px;">
                    </div>
                @elseif($merchant_data->hold_liability == 1)
                    <div style="position: relative;padding: 6px;margin-bottom: 6px;">
                        <span>Liability Hold</span>
                        <input type="checkbox" class="form-control liability_hold" name="type_of_hold" checked="checked" value="liability_hold" style="width: 53px;position: absolute;top: 10px; left: 84px;">
                    </div>
                @elseif($merchant_data->is_fldg_active == 1)
                    <div style="position: relative;padding: 6px;margin-bottom: 6px;">
                        <span>FLDG Applied</span>
                        <input type="checkbox" class="form-control fldg_applied" name="type_of_hold" checked="checked" value="fldg" style="width: 53px;position: absolute;top: 10px;left: 84px;">
                    </div>
                @endif
                <div class="form-group m-form__group row">
                    <label class="col-lg-6 col-form-label">
                        FLDG Category
                    </label>
                    <div class="col-lg-6" style="padding-top: 8px;">
                        <select class="form-control" name="category_id" id="category_id">
                            <option value="">Select Category</option>
                            @foreach($FLDGCategory as $item)
                                <option value="{!! $item->id !!}" @if($proFormaInvoice->fldg_applied_category == $item->id) selected="selected" @endif>{!! $item->name !!}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
{{--                @endif--}}
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary save-insurance-details">Save changes</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="reviseSection1" tabindex="-1" role="dialog">
  <div class="modal-dialog modal-sm modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-body">
        <p id="msg1"></p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary" id="_reviseDoc">Revise</button>
        <button type="button" class="btn btn-default" id="cancel1" data-dismiss="modal">Cancel</button>
      </div>
    </div>
  </div>
</div>
@include("admin.layouts.footer")
<script>

    // Change input placeholder and step based on type (amount/percent)
    document.getElementById('pfValueType').addEventListener('change', function() {
        var pfValue = document.getElementById('pfValue');
        if (this.value === 'percent') {
            pfValue.placeholder = 'Enter percentage';
            pfValue.step = '0.01';
            pfValue.min = '0';
            pfValue.max = '100';
        } else {
            pfValue.placeholder = 'Enter amount';
            pfValue.step = '0.01';
            pfValue.removeAttribute('max');
        }
        pfValue.value = '';
    });

    // JS for dynamic PF calculation
    function recalculatePF() {
        var totalPF = {{ $total_pf }};
        var adjustPF = document.getElementById('adjustPF').checked;
        var adjustType = document.getElementById('adjustType').value;
        var pfValueType = document.getElementById('pfValueType').value;
        var pfValue = parseFloat(document.getElementById('pfValue').value) || 0;
        var calculatedPF = totalPF;

        if (adjustPF) {
            if (adjustType === 'increase') {
                if (pfValueType === 'amount') {
                    calculatedPF = totalPF + pfValue;
                } else if (pfValueType === 'percent') {
                    if (totalPF === 0) {
                        totalPF = 1; // incase pf is 0 then setting it to 1 for percentage calculation
                        calculatedPF = totalPF * (pfValue / 100);
                    } else {
                        calculatedPF = totalPF + (totalPF * (pfValue / 100));
                    }
                }
            } else if (adjustType === 'decrease') {
                if (pfValueType === 'amount') {
                    calculatedPF = totalPF - pfValue;
                } else if (pfValueType === 'percent') {
                    if (totalPF === 0){
                        totalPF = 1; // incase pf is 0 then setting it to 1 for percentage calculation
                        calculatedPF = totalPF * (pfValue / 100);
                    } else {
                        calculatedPF = totalPF - (totalPF * (pfValue / 100));
                    }
                }
            }
        }

        document.getElementById('pf-summary-value').innerText = '₹' + calculatedPF.toFixed(2);
    }

    document.addEventListener('DOMContentLoaded', function() {
        recalculatePF();
        window.old_pf_summary = $('#pf-summary-value').text().replace(/[^\d.-]/g, '');
        window.old_value_type = $(".ins-b-s").find("select[id='pfValueType']").val();
    });

    document.getElementById('adjustPF').addEventListener('change', recalculatePF);
    document.getElementById('adjustType').addEventListener('change', function() {
        if (document.getElementById('adjustPF').checked) recalculatePF();
    });
    document.getElementById('pfValueType').addEventListener('change', function() {
        if (document.getElementById('adjustPF').checked) recalculatePF();
    });
    document.getElementById('pfValue').addEventListener('input', function() {
        if (this.value < 0) {
            this.value = 0; // reset to 0 if negative
        }
        if (document.getElementById('adjustPF').checked) recalculatePF();
    });
    
    function toggleRiskPricingFields() {
        var enabled = document.getElementById('adjustPF').checked;
        document.getElementById('adjustType').disabled = !enabled;
        document.getElementById('pfValueType').disabled = !enabled;
        document.getElementById('pfValue').disabled = !enabled;
    }
    document.getElementById('adjustPF').addEventListener('change', toggleRiskPricingFields);
    toggleRiskPricingFields();

    $(".save-insurance-details").click(function () {
        
        if(checkRiskBasedInterestRateValidation()){
            return false;
        }
        
        if($(".ins-b-s").find("input[name='insurance_premium_applicable']").is(':checked')){
            if (typeof $(".ins-b-s").find("input[name='insurance_premium_amount']").val() !== 'undefined' && (/*!$(".ins-b-s").find("input[name='insurance_premium_amount']").val().match('^[0-9]*$') ||*/ $(".ins-b-s").find("input[name='insurance_premium_amount']").val().length == 0)) {
                alert('Please enter insurance premium amount');
                return false;
            }
        }
        // else{
        //     if($(".ins-b-s").find("input[name='insurance_premium_amount']").val().length > 0){
        //         alert('Insurance premium amount should be empty');
        //         return false;
        //     }
        // }

        if($(".ins-b-s").find("input[name='type_of_hold']").is(':checked')) {
            if (!$(".ins-b-s").find("select[name='category_id'] option:selected").val().length && $(".ins-b-s").find("input[name='type_of_hold']:checked").val() !== 'regular_case') {
                alert('Please select FLDG category');
                return false;
            }
        }

        saveInsuranceDetails();
    });
    $(document).ready(function(){
        function toggleInsuranceFields() {
            if ($('#insurance_applicable_toggle').is(':checked') && !$('#insurance_applicable_toggle').is(':disabled')) {
                $('#insurance-fields').show();
            } else {
                $('#insurance-fields').hide();
            }
        }

        // Initial check on page load
        toggleInsuranceFields();

        // Toggle on change
        $('#insurance_applicable_toggle').on('change', function () {
            toggleInsuranceFields();
        });

        // Initialize popovers and tooltips
        $('[data-toggle="popover"]').popover();
        $('[data-toggle="tooltip"]').tooltip();
    });

    $("#_reviseDoc").click(function (){

        if(checkRiskBasedInterestRateValidation()){
            return true;
        }

        $("#_reviseDoc").attr('disabled', 'disabled');
        var _token = '<?php echo csrf_token(); ?>';
        var id = $("input#application_id").val();
        $(".init-loader").css({display: 'block'});
        $.ajax({
            type: 'POST',
            url: "/admin/consumer-application/revise-document",
            data: {
                _token: _token,
                data: reviseDocStatus,
                id: id,
            },
            dataType: "JSON",
            success: function (response) {
                $(".init-loader").css({display: 'none'});
                if(response.status != 'OK'){
                    alert('Failed to revise the documents/emi schedule');
                }
            }
        });

        var first_emi_date = $("input#first_emi_date").val();


        if (typeof emiCalculation['first_emi_date'] === 'undefined') {
            emiCalculation['first_emi_date'] = first_emi_date;
        }
        if (typeof emiCalculation['flag'] === 'undefined') {
            emiCalculation['flag'] = true;
        }
        emiCalculation['offer_id'] = $("#merchant_offer #merchant_offerSelect option:selected").val();

        emiCalculation['is_new_interest_rate_enable'] = $("input#enable_interest_rate_change") && $("input#enable_interest_rate_change").prop('checked') ? 1 : 0;

        if(emiCalculation['is_new_interest_rate_enable']){
            emiCalculation['offer_id'] = $("select[name='offer_selected_for_interest_change'] option:selected").val();
        }

        <?php if(isset($_GET['re-schedule']) && isset($_GET['type'])){?> emiCalculation['re_schedule_type'] = <?php echo $_GET['type']; ?>;
        <?php } ?>
            <?php if(isset($_GET['re-schedule']) && isset($_GET['due_amount']) && isset($_GET['type'])){?> emiCalculation['due_amount'] = <?php echo $_GET['due_amount']; ?>;
        <?php } ?>

        $.ajax({
            type: 'POST',
            url: "/admin/emi-calculation/save/" + id,
            data: emiCalculation,
            dataType: "JSON",
            success: function (response) {
                alert(response.message);
                if (response.status === 'OK') {
                    window.location.href = '/admin/consumer-applications';
                }
            }
        });

        $("#_reviseDoc").prop('disabled', false);
    });


    let id = '<?php echo $application_id ?? 0; ?>';
    let user_id = '<?php echo \Illuminate\Support\Facades\Auth::user()->id ?? 0; ?>';
    let insurance_premium_applicable = 0;
    let insurance_premium_by_merchant = 0;
    let processing_fee = 0;
    let processing_fee_impact = 1;
    let advance_amount_collect = 0;
    let send_processing_fee_communication = 0;
    let insurance_premium_amount = 0;
    let insurance_cf_solar_discount = 0;
    let pf_detail = null;
    let liability_percent = 0;
    let liability_hold = 0;
    let fldg_applied = 0;
    let fldg_category = '';
    let confirm_for_doc_revise = '';
    let confirm_msg = '';
    let reviseDocStatus = '';
    let insurance_coverage_years = 0;
    // Per-application charge collection methods
    // 0 = collected by CreditFair, 1 = collected by merchant, 2 = added in loan amount
    let cersai_collection_method = null;
    let legal_charges_collection_method = null;

    function saveInsuranceDetails(){
        $(".generic-loader").css({'display':'block'});

        if($(".ins-b-s").find("input[name='insurance_premium_applicable']").is(':checked') && !$(".ins-b-s").find("input[name='insurance_premium_applicable']").is(':disabled')){
            insurance_premium_applicable = 1;
        }else{
            insurance_premium_applicable = 0;
        }

        // if($(".ins-b-s").find("input[name='insurance_premium_by_merchant']").is(':checked')){
        //     insurance_premium_by_merchant = 1;
        // }

        let selected_pf_method = $(".ins-b-s").find("input[name='processing_fee_collection_method']:checked").val();
        processing_fee = (typeof selected_pf_method !== 'undefined') ? parseInt(selected_pf_method) : null;

        if($(".ins-b-s").find("input[name='merchant_collected_advance_amount']").is(':checked')){
            advance_amount_collect = 1;
        }else{
            advance_amount_collect = 0;
        }

        if($(".ins-b-s").find("input[name='send_processing_fee_communication']").is(':checked')){
            send_processing_fee_communication = 1;
        }else{
            send_processing_fee_communication = 0;
        }

        if ($(".ins-b-s").find("input[id='adjustPF']").is(':checked')) {
            pf_details = {
                pf_adjustment_enabled: 1,
                adjust_type: $(".ins-b-s").find("select[id='adjustType']").val(),
                value_type: $(".ins-b-s").find("select[id='pfValueType']").val(),
                pf_increase_value: $(".ins-b-s").find("input[id='pfValue']").val(),
                pf_summary_value: $('#pf-summary-value').text().replace(/[^\d.-]/g, ''),
                offer_linked_pf: $('#pf-summary-value').data('original')
            };
        } else {
            pf_details = null;
        }

        if ($(".ins-b-s").find("input[id='adjustPF']").is(':checked')) {
            pf_details = {
                pf_adjustment_enabled: 1,
                adjust_type: $(".ins-b-s").find("select[id='adjustType']").val(),
                value_type: $(".ins-b-s").find("select[id='pfValueType']").val(),
                pf_increase_value: $(".ins-b-s").find("input[id='pfValue']").val(),
                pf_summary_value: $('#pf-summary-value').text().replace(/[^\d.-]/g, ''),
                offer_linked_pf: $('#pf-summary-value').data('original')
            };
        } else {
            pf_details = null;
        }

        // Only flag an impact when the processing fee collection method actually changed
        let persisted_pf_method = @json(isset($proFormaInvoice) && !is_null($proFormaInvoice->processing_fee_collection_method) ? (int) $proFormaInvoice->processing_fee_collection_method : null);
        if (processing_fee === persisted_pf_method) {
            processing_fee_impact = 0;
        }
        insurance_premium_by_merchant = $(".ins-b-s").find("input[name='insurance_method_radio']:checked").val();

        insurance_premium_amount = $(".ins-b-s").find("input[name='insurance_premium_amount']").val();
        insurance_cf_solar_discount = $(".ins-b-s").find("input[name='solar_discount_by_cf']").val();
        insurance_coverage_years = $(".ins-b-s").find("input[name='insurance_coverage_years']").val();

        // Read the CERSAI / legal charge collection methods
        let selected_cersai_method = $(".ins-b-s").find("input[name='cersai_collection_method']:checked").val();
        cersai_collection_method = (typeof selected_cersai_method !== 'undefined') ? parseInt(selected_cersai_method) : null;

        let selected_legal_method = $(".ins-b-s").find("input[name='legal_charges_collection_method']:checked").val();
        legal_charges_collection_method = (typeof selected_legal_method !== 'undefined') ? parseInt(selected_legal_method) : null;


        if (typeof $(".ins-b-s").find("input[name='type_of_hold']").val() !== 'undefined' && $(".ins-b-s").find("input[name='type_of_hold']").is(':checked')){
            if($(".ins-b-s").find("input[name='type_of_hold']:checked").val() == 'liability_hold'){
                liability_hold = 1;
            }else if($(".ins-b-s").find("input[name='type_of_hold']:checked").val() == 'fldg'){
                fldg_applied = 1;
            }

            if(!$(".ins-b-s").find("select[name='category_id'] option:selected").val().length && $(".ins-b-s").find("input[name='type_of_hold']:checked").val() !== 'regular_case'){
                alert('Please select FLDG Category');
                return false;
            }
        }

        fldg_category = $(".ins-b-s").find("select[name='category_id'] option:selected").val();
        if($(".ins-b-s").find("input[name='type_of_hold']:checked").val() == 'regular_case'){
            fldg_category = 0;
        }

        if (pf_details && parseFloat(pf_details.pf_summary_value) < 0) {
            alert('Processing Fee (PF) cannot be negative.');
            $(".generic-loader").css({'display':'none'});
            return false;
        }
        if(insurance_premium_applicable == 0){
            insurance_premium_amount = null;
            insurance_premium_by_merchant = 0;
            insurance_cf_solar_discount = null;
            insurance_coverage_years = 0;
        }

        callInsuranceDetailsAPI();
    }

    function callInsuranceDetailsAPI(){
        let _token = '<?php echo csrf_token(); ?>';
        // let old_discount = '<?php echo $application_element->pf_discount ?? 0 ?>';
        var confirm_msg = 'Are you sure?';
        if(confirm_for_doc_revise === ''){
            if(window.confirm(confirm_msg)) {
                $.ajax({
                    type: 'POST',
                    url: "/admin/consumer-application/save-insurance-summary",
                    data: {
                        _token: _token,
                        user_id: user_id,
                        id: id,
                        insurance_premium_amount: insurance_premium_amount,
                        insurance_premium_by_merchant: insurance_premium_by_merchant,
                        insurance_coverage: insurance_coverage_years,
                        insurance_cf_solar_discount: insurance_cf_solar_discount,
                        insurance_premium_applicable: insurance_premium_applicable,
                        processing_fee_impact: processing_fee_impact,
                        processing_fee: processing_fee,
                        send_processing_fee_communication: send_processing_fee_communication,
                        advance_amount_collect: advance_amount_collect,
                        liability_percent: liability_percent,
                        liability_hold: liability_hold,
                        fldg_applied: fldg_applied,
                        fldg_category: fldg_category,
                        reviseDocStatus: reviseDocStatus,
                        pf_details: pf_details,
                        // Charges in loan amount
                        cersai_collection_method: cersai_collection_method,
                        legal_charges_collection_method: legal_charges_collection_method
                    },
                    dataType: "JSON",
                    success: function () {
                        $("#insurance_summary").modal('hide');
                        $(".generic-loader").css({'display': 'none'});
                        if(old_pf_summary !== pf_details?.pf_summary_value || old_value_type !== pf_details?.value_type || true){
                            showReviseDocumentAlert();
                        }
                    }
                });
            }
        }
    }

    function validateSolarDiscount(input) {
        let value = parseInt(input.value, 10);
        let errorMsg = document.getElementById("solar-discount-error");

        if (isNaN(value) || value < 0 || value > 100) {
            errorMsg.style.display = "block";
            input.style.borderColor = "red";
        } else {
            errorMsg.style.display = "none";
            input.style.borderColor = "";
        }
    }

    function showReviseDocumentAlert(){

        var cam = 0;
        var proforma = 0;
        var sanction = 0;
        var loanagreement = 0;
        var emischedule = 0;
        var payment_links = 0;
        var webhook = 0;
        var confirm_msg = 'Are you sure?';
        var confirm_for_doc_revise = '';

        $('#msg1').html('');
        <?php if(\Illuminate\Support\Facades\Session::has('Revise_Documents|-56') && in_array(($state ?? ''),['approved','disbursement checklist done', 'disbursement query'])): ?>
            emiCalculation['flag'] = false;

        confirm_for_doc_revise = '';
        proforma += 1;
        sanction += 1;
        loanagreement += 1;
        emischedule += 1;
        cam += 1;
        webhook += 1;

        if(cam > 0 || proforma > 0 || sanction > 0 || loanagreement > 0 || emischedule > 0){
            confirm_for_doc_revise = '<b>The Following Documents/EMI Schedule will be revised:</b><br>';
        }
        if(cam > 0){
            confirm_for_doc_revise += 'Credit Appraisal Memo<br>';
        }
        if(proforma > 0){
            confirm_for_doc_revise += 'Pro Forma Invoice<br>';
        }
        if(sanction > 0){
            confirm_for_doc_revise += 'Sanction Letter<br>';
        }
        if(loanagreement > 0){
            confirm_for_doc_revise += 'Loan Agreement<br>';
        }
        if(emischedule > 0){
            confirm_for_doc_revise += 'EMI Schedule<br>';
        }

        reviseDocStatus = {'cam':cam, 'proforma':proforma,'sanction':sanction,'loanagreement':loanagreement,'emi_schedule':emischedule,'payment_links':payment_links, 'webhook': webhook};

        if(confirm_for_doc_revise !== ''){
            confirm_for_doc_revise += '<br><b>Do you want to revise emi schedule?</b>';
            confirm_for_doc_revise += '<br>Collect/Adjust the new PF amount';
            confirm_msg = confirm_for_doc_revise;
            $('#insurance_summary').modal('hide');
            $('#reviseSection1').modal({backdrop: 'static', keyboard: false},'show');
            $('#msg1').append(confirm_msg);
        }
        <?php endif; ?>
    }

    $(document).ready(function(){

            $("input[name='insurance_coverage_years'], input[name='solar_discount_by_cf']").on("keyup", function(){

            var _token = '<?php echo csrf_token(); ?>';
            var id = <?php echo $application_id; ?>;
            var loan_amount = <?php echo $loan_amount; ?>;
            var tenure_in_years = $("input[name='insurance_coverage_years']").val();
            var discount = $("input[name='solar_discount_by_cf']").val();


            if(tenure_in_years.length){
                $.ajax({
                    url: "/admin/consumer-application/calculate-insurance",
                    method: "POST",
                    data: {
                        _token: _token,
                        loan_amount: loan_amount,
                        discount: discount,
                        pf: 0,
                        id: id,
                        split: 0,
                        tenure_in_years: tenure_in_years,
                        approvedDate: null
                    },
                    success: function(response){
                        $("input[name='insurance_premium_amount']").val(response.insurance_amount);
                    }
                });
            }
        });
    });
</script>