@extends('frontend.layouts.app')
@section('title')
    Eligibility Calculator
@endsection
@section('content')
<input type="hidden" class="autonumeric">
<div class="inrPageLayout__wr">
    <div class="inrPageTitleSec__wr">
        <div class="container">
            <div class="row row-gap-4 align-items-center">
                <div class="col">
                    <div class="inrPageTitleBlock">
                        <div class="inrPageTitleIconBlock">
                            <span class="inrPageTitleIcon">
                                <img src="images/budget-calculator-secondary-icon.png" loading="lazy" class="img-fluid" alt="counter-icon" width="32" height="32">
                            </span>
                        </div>
                        <h2 class="inrPageTitle mb-0">Residential Resale</h2>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="cardBoxBlock__wr pb-lg-80px pb-5">
        <div class="container">
            <div class="cardBodyBox__wr">
                <form class="eligibilityCalcSec__wr" action="">
                    <div class="row row-gap-4 gx-xl-5 align-items-lg-center">
                        <div class="col-lg-5 col-12">
                            <div class="eligCalcProgresSteps">
                                <ul class="list-unstyled eligCalcProgStepBlock">
                                    <li class="eligCalcProgStep active" data-tag="prsDetail__wr">
                                        <div class="stepCountBlock">
                                            <span class="stepCountLabel">STEP</span>
                                            <span class="stepCount">01</span>
                                        </div>
                                        <div class="eligCalcProgStepContent">
                                            <p class="eligCalcProgStepTitle">Personal Details</p>
                                        </div>
                                    </li>
                                    <li class="eligCalcProgStep" data-tag="incomDetail__wr">
                                        <div class="stepCountBlock">
                                            <span class="stepCountLabel">STEP</span>
                                            <span class="stepCount">02</span>
                                        </div>
                                        <div class="eligCalcProgStepContent">
                                            <p class="eligCalcProgStepTitle">Income Details</p>
                                        </div>
                                    </li>
                                    <li class="eligCalcProgStep" data-tag="liabiltyDetail__wr">
                                        <div class="stepCountBlock">
                                            <span class="stepCountLabel">STEP</span>
                                            <span class="stepCount">03</span>
                                        </div>
                                        <div class="eligCalcProgStepContent">
                                            <p class="eligCalcProgStepTitle">Liability Details</p>
                                        </div>
                                    </li>
                                    <li class="eligCalcProgStep" data-tag="morgageDetail__wr">
                                        <div class="stepCountBlock">
                                            <span class="stepCountLabel">STEP</span>
                                            <span class="stepCount">04</span>
                                        </div>
                                        <div class="eligCalcProgStepContent">
                                            <p class="eligCalcProgStepTitle">Required Mortgage Period In Years & Finalization</p>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-lg-7 col-12">
                            <div class="eligCalcProgDataDetail">
                                <div class="eligCalcFormBlock fades active" id="prsDetail__wr">
                                    <div class="eligCalcFormBlockHead">
                                        <h2 class="eligCalcFormBlockHeadTitle">Personal Details</h2>
                                        <p>Eos eius magni ut sunt nostrum est pariatur enim et aspernatur doloremque in quasi molestiae.</p>
                                    </div>
                                    <div class="eligCalcFormBlockBody" id="personal_from">
                                        <div class="row gx-2">
                                            <div class="col-lg-12 col-12">
                                                <div class="form-group w-100 position-relative mb-4" >
                                                    <label class="form-label">Applicant Type<span>*</span></label>
                                                    <select class="form-select titleNull__wr" id="applicant">
                                                        <option value="">Applicant Type</option>
                                                        <option value="0" selected>Single</option>
                                                        <option value="1">Joint</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-lg-12 col-12">
                                                <div class="form-group w-100 position-relative mb-4" style="display: none" id="applicant_no_wr">
                                                    <label class="form-label">Applicant No<span>*</span></label>
                                                    <select class="form-select titleNull__wr">
                                                        <option value="2" selected>2</option>
                                                        <option value="3">3</option>
                                                    </select>
                                                </div>
                                            </div>
                                            
                                            <!-- EXTRA FIELD FOR DEVLOPER E -->
                                            <div class="col-lg-12 col-12">
                                                <div class="form-group w-100 position-relative mb-4">
                                                    <label class="form-label">Nationality<span>*</span></label>
                                                    <select class="form-select titleNull__wr" id="nationality">
                                                        <option value="1" selected>Other/Expat</option>
                                                        <option value="2">UAE National</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-lg-12 col-12">
                                                <div class="form-group w-100 position-relative mb-4">
                                                    <label class="form-label">Salaried / Self-employed?<span>*</span></label>
                                                    <select class="form-select titleNull__wr" id="emp_type">
                                                        <option value="1" selected>Salaried</option>
                                                        <option value="2">Self-Employed</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-lg-12 col-12">
                                                <div class="form-group w-100 position-relative mb-4">
                                                    <label class="form-label">Resident of UAE?<span>*</span></label>
                                                    <select class="form-select titleNull__wr" id="resident_type">
                                                        <option value="1" selected>Yes</option>
                                                        <option value="2">No</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="eligCalcFormBlockFoot">
                                        <div class="btnBlock">
                                            <button type="button" class="btn btn-primary rounded-pill nextTabBtn__wr" id="step1">
                                                <span class="btnTitle">NEXT</span>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                                <div class="eligCalcFormBlock" id="incomDetail__wr">
                                    <div class="eligCalcFormBlockHead">
                                        <h2 class="eligCalcFormBlockHeadTitle">Income Details</h2>
                                        <p>Eos eius magni ut sunt nostrum est pariatur enim et aspernatur doloremque in quasi molestiae.</p>
                                    </div>
                                    <div class="eligCalcFormBlockBody">
                                        <div class="row gx-2" id="income_details">
                                            <div class="col-lg-12 col-12">
                                                <div class="form-group w-100 position-relative mb-4">
                                                    <label class="form-label">DOB<span>*</span></label>
                                                    <input type="text" class="form-control date-picker" placeholder="Date Of Birth (DD-MMM-YYYY)" id="dob_0" value="{{date('d/M/Y')}}">
                                                    <span class="formIcon formIconEnd datePickerIcon">
                                                        <img src="images/date-picker-seconadry-icon.svg" loading="lazy" class="img-fluid" alt="date-picker-seconadry-icon" width="24" height="24">
                                                    </span>
                                                </div>
                                            </div>
                                            <div class="col-lg-12 col-12">
                                                <div class="form-group w-100 position-relative mb-4">
                                                    <label class="form-label">Monthly Gross Salary<span>*</span></label>
                                                    <input type="text" class="form-control" name="gross_salary" placeholder="Enter Here" id="gross_salary_0" value="100000">
                                                </div>
                                            </div>
                                            <div class="col-lg-12 col-12">
                                                <div class="form-group w-100 position-relative mb-4" >
                                                    <label class="form-label">Fixed Annual Bonus</label>
                                                    <input type="text" class="form-control" placeholder="Enter Here" id="fixed_annual_0" value="10000">
                                                </div>
                                            </div>
                                            <div class="col-lg-12 col-12">
                                                <div class="form-group w-100 position-relative mb-4">
                                                    <label class="form-label">Variable Monthly Income / Commission<span>*</span></label>
                                                    <input type="text" class="form-control" placeholder="Enter Here" id="income_commission_0" value="10000">
                                                </div>
                                            </div>
                                            <div class="col-lg-12 col-12">
                                                <div class="form-group w-100 position-relative mb-4" >
                                                    <label class="form-label">Annual Rental Income (If any)</label>
                                                    <input type="text" class="form-control" placeholder="Enter Here" id="annual_rental_0" value="10000">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="eligCalcFormBlockFoot">
                                        <div class="btnBlock">
                                            <button type="button" class="btn btn-light rounded-pill prevTabBtn__wr">
                                                <span class="btnTitle">BACK</span>
                                            </button>
                                            <button type="button" class="btn btn-primary rounded-pill nextTabBtn__wr" id="income_btn">
                                                <span class="btnTitle">NEXT</span>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                                <div class="eligCalcFormBlock" id="liabiltyDetail__wr">
                                    <div class="eligCalcFormBlockHead">
                                        <h2 class="eligCalcFormBlockHeadTitle">Liability Details</h2>
                                        <p>Eos eius magni ut sunt nostrum est pariatur enim et aspernatur doloremque in quasi molestiae.</p>
                                    </div>
                                    <div class="eligCalcFormBlockBody">
                                        <div class="row gx-2" id="loan_details">
                                            <div class="col-lg-12 col-12">
                                                <div class="form-group w-100 position-relative mb-4">
                                                    <label class="form-label">Home Loan(s)<span>*</span></label>
                                                    <input type="text" class="form-control" placeholder="Enter Here" id="home_loan_0" value="10000">
                                                </div>
                                            </div>
                                            <div class="col-lg-12 col-12">
                                                <div class="form-group w-100 position-relative mb-4">
                                                    <label class="form-label">Auto Loans(s)<span>*</span></label>
                                                    <input type="text" class="form-control" placeholder="Enter Here" id="auto_loan_0" value="10000">
                                                </div>
                                            </div>
                                            <div class="col-lg-12 col-12">
                                                <div class="form-group w-100 position-relative mb-4">
                                                    <label class="form-label">Personal Loan(s)<span>*</span></label>
                                                    <input type="text" class="form-control" placeholder="Enter Here" id="personal_loan_0" value="1000">
                                                </div>
                                            </div>
                                            <div class="col-lg-12 col-12">
                                                <div class="form-group w-100 position-relative mb-4">
                                                    <label class="form-label">Overdraft Limit<span>*</span></label>
                                                    <input type="text" class="form-control" placeholder="Enter Here" id="over_draft_limit_0" value="1000">
                                                </div>
                                            </div>
                                            <div class="col-lg-12 col-12">
                                                <div class="form-group w-100 position-relative mb-4">
                                                    <label class="form-label">Credit Limit(s)<span>*</span></label>
                                                    <input type="text" class="form-control" placeholder="Enter Here" id="credit_limit_0" value="100000">
                                                </div>
                                            </div>
                                            <div class="col-lg-12 col-12" style="display: none;">
                                                <div class="form-group w-100 position-relative mb-4">
                                                    <label class="form-label">Other Loan<span>*</span></label>
                                                    <input type="text" class="form-control" placeholder="Enter Here" id="other_loan_0" value="0">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="eligCalcFormBlockFoot">
                                        <div class="btnBlock">
                                            <button type="button" class="btn btn-light rounded-pill prevTabBtn__wr">
                                                <span class="btnTitle">BACK</span>
                                            </button>
                                            <button type="button" class="btn btn-primary rounded-pill nextTabBtn__wr" id="calculate">
                                                <span class="btnTitle">NEXT</span>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                                <div class="eligCalcFormBlock" id="morgageDetail__wr">
                                    <div class="eligCalcFormBlockHead">
                                        <h2 class="eligCalcFormBlockHeadTitle">Required Mortgage Period In Years & Finalization</h2>
                                        <p>Eos eius magni ut sunt nostrum est pariatur enim et aspernatur doloremque in quasi molestiae.</p>
                                    </div>
                                    <div class="eligCalcFormBlockBody">
                                        <div class="row gx-2">
                                            <div class="col-lg-6 col-12">
                                                <div class="form-group w-100 position-relative mb-4">
                                                    <label class="form-label">Years<span>*</span></label>
                                                    <input type="text" class="form-control eligCalcTenorYear" placeholder="Enter Here" id="tenor">
                                                </div>
                                            </div>
                                            <div class="col-lg-6 col-12">
                                                <div class="form-group w-100 position-relative mortYearTenor__wr mb-4">
                                                    <div class="dataBlock__wr eligCalcMorgageLoanDataBlock">
                                                        <span class="minData__wr eligCalcMorgageMinData">1</span>
                                                        <span class="maxData__wr eligCalcMorgageMaxData">20</span>
                                                    </div>
                                                    <div class="eligCalcMorgageLoanSlidrRange sliderRange__wr"></div>
                                                </div>
                                            </div>
                                            <div class="col-lg-6 col-12 d-none">
                                                <div class="form-group w-100 position-relative mb-4">
                                                    <label class="form-label">Tenor Month<span>*</span></label>
                                                    <input type="text" class="form-control" placeholder="Enter Here" value="" id="tenor_month">
                                                </div>
                                            </div>
                                            <div class="col-lg-12 col-12">
                                                <div class="form-group w-100 position-relative mb-4">
                                                    <label class="form-label">Your Maximum Estimated Loan Eligibility Among Multiple Lenders In The UAE<span>*</span></label>
                                                    <input type="text" class="form-control " placeholder="0.00" readonly id="choosen_tenor">
                                                </div>
                                            </div>
                                            <div class="col-lg-12 col-12">
                                                <div class="form-group w-100 position-relative mb-4">
                                                    <label class="form-label">Full Name<span>*</span></label>
                                                    <input type="text" name="name" class="form-control" placeholder="Enter Here">
                                                </div>
                                            </div>
                                            <div class="col-lg-6 col-12">
                                                <div class="form-group w-100 position-relative mb-4">
                                                    <label class="form-label">Email Address<span>*</span></label>
                                                    <input type="email" name="email" class="form-control" placeholder="Enter Here">
                                                </div>
                                            </div>
                                            <div class="col-lg-6 col-12">
                                                <div class="form-group w-100 position-relative mb-4">
                                                    <label class="form-label">Mobile Number<span>*</span></label>
                                                    <input type="tel" class="form-control contactNumber__wr" placeholder="Mobile No">
                                                    <span class="text-danger" style="display: none" id="err_msg">Please enter valid mobile number</span>
                                                    <input type="hidden" name="mobile" id="mobile_value">
                                                </div>
                                            </div>
                                            <div class="col-lg-6 col-12 d-none">
                                                <div class="form-group w-100 position-relative mb-4">
                                                    <label class="form-label">Mortgage Market RM<span>*</span></label>
                                                    
                                                    <select class="form-control titleNull__wr" name="mm_rm">
                                                        <option value="">Mortgage Market RM</option>
                                                        {{-- @if ($rms->isNotEmpty())
                                                            @foreach ($rms as $rm)
                                                                <option value="{{$rm->id}}">{{$rm->name}}</option>
                                                            @endforeach
                                                        @endif --}}
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="eligCalcFormBlockFoot">
                                        <div class="btnBlock">
                                            <button type="button" class="btn btn-light rounded-pill prevTabBtn__wr">
                                                <span class="btnTitle">BACK</span>
                                            </button>
                                            <button type="button" id="send_to_client" class="btn btn-primary rounded-pill" disabled>
                                                <span class="btnTitle">SUBMIT</span>
                                            </button>
                                        </div>
                                    </div>
                                
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <table class="table" id="result_table">
                <thead>
                    <tr>
                        <th scope="col">Details</th>
                        <th scope="col">First Bank</th>
                        <th scope="col">Second Bank</th>
                        
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <th scope="row">Total Monthly Debt / Liabilities Per Applicant</th>
                        <td>00.00</td>
                        <td>00.00</td>
                    </tr>
                    <tr>
                        <th scope="row">EMI Based On DSR</th>
                        <td>00.00</td>
                        <td>00.00</td>
                    </tr>
                    <tr>
                        <th scope="row">Total Maximum Affordable EMI</th>
                        <td>00.00</td>
                        <td>00.00</td>
                    </tr>
                    <tr>
                        <th scope="row">Interest Rate - (Stress rate) Monthly</th>
                        <td>00.00</td>
                        <td>00.00</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection
@section('script')
<script>
    function initAutonumeric() {
        $('input[type=text]').not('#choosen_tenor, .date-picker, .eligCalcTenorYear, [name=name], [name=email], [name=phone], [id*=length_of_bs]').each(function () {
            new AutoNumeric(this, autoNumericOptionsEuro);
        });
    }
    // initialization for calculator html
    $(document).ready( function () {
        dobValidate(); //DOB Validation, If dob input is empty so we cant proceed next
        initAutonumeric();
        $('#income_details').on('change', '[id^="dob_"]', function() {
            dobValidate();
        });

        

        $(document).on('change', '#applicant', function () {
            var selected = $(this).val();
            var applicant_no = 0;
            var emp_type = ($('#emp_type').val() == 1) ? 'salaried' : 'self_emp';
            if (selected == '1') {
                $('#applicant_no_wr').show(100);
                $('#applicant_no_wr select').val('2').trigger('change');
                applicant_no = 2;
            } else {
                $('#applicant_no_wr').hide(100);
                // $('.warn-msg').hide(); //
            }
            putHtml(applicant_no, emp_type);
        })

        $(document).on('change', '#emp_type', function () {
            let applicant_no = $('#applicant_no_wr select').val();
            applicant_no = ($('#applicant').val() == 0) ? 0 : applicant_no;

            var emp_type = ($('#emp_type').val() == 1) ? 'salaried' : 'self_emp';
            putHtml(applicant_no, emp_type);
        })
        $(document).on('change', '#applicant_no_wr select', function () {
            var applicant_no = $(this).val();
            var emp_type = ($('#emp_type').val() == 1) ? 'salaried' : 'self_emp';
            putHtml(applicant_no, emp_type);
        })



        // calculation part 
        var banks = @json($banks);
        let valueIds = ['basic_salary', 'rental_income', 'joint_salary', 'commission', 'fixed_bonus', 'commitments', 'personal_loan', 'auto_loan', 'mortgage', 'credit_limit']; 
        let inpValues = getValueByIds(valueIds);
        var input = {
            loan_amount: 1000000,
            basic_salary: inpValues.basic_salary,
            rental_income: inpValues.rental_income,
            joint_income: inpValues.joint_salary,
            commission_incentive: inpValues.commission,
            fixed_bonus: inpValues.fixed_bonus,
            commitments: inpValues.commitments,
            personal_loan: inpValues.personal_loan,
            auto_loan: inpValues.auto_loan,
            mortgage: inpValues.mortgage,
            credit_cards_emi: inpValues.credit_limit,
        }

        var product = {
            ltv: 80,
            qualifying_rate_int: 7,
            tenor: 25,
            roi: 3.99
        }

        salary_calculation(input, product);
        // calculation end 
    })

    $(document).on('keyup', '.lenght_of_bs', function(){
        el_id = $(this).attr("id").slice(-1);
        if($(this).val() <= 2){
            $(document).find(`.net_profit_3_${el_id}`).hide();
        }else{
            $(document).find(`.net_profit_3_${el_id}`).show();
        }
        
    })
    // Start Calculation script
    var banks = @json($banks);
    var unrs_central = @json($unrs_central);
    var unnrs_central = @json($unnrs_central);
    var onrs_central = @json($onrs_central);
    var onnrs_central = @json($onnrs_central);
    var unrse_central = @json($unrse_central);
    var unnrse_central = @json($unnrse_central);
    var onrse_central = @json($onrse_central);
    var onnrse_central = @json($onnrse_central);
    
    var t_head = `<tr><th scope="col">Details</th>`; //Remove table Code after testing
    var tr_td_1 = `<tr><th scope="row">Total Monthly Debt / Liabilities Per Applicant</th>`;
    var tr_td_2 = `<tr><th scope="row">EMI Based On DSR	</th>`;
    var tr_td_3 = `<th scope="row">Total Maximum Affordable EMI</th>`;
    var tr_td_4 = `<th scope="row">Interest Rate - (Stress rate) Monthly</th>`;
    var tr_td_5 = `<th scope="row">Pre Approved Amount</th>`;
    var tr_td_6 = `<th scope="row">Eligible Amount Based On chosen Tenor</th>`;
    
    var data = {};
    var formData = {};
    var other_details = {};
    var all_banks = {};
    var pdf_values = {};
    var pdf_labels = {};
    $(document).on('click', '#calculate', function () {
        
        var fileds = $('.eligibilityCalcSec__wr').find('input');
        /**Get Here All fields Data in loop*/
        fileds.each(function() {
            var inputName = $(this).attr('id');
            var inputValue = $(this).val();
            var labels = $(this).prev().text();
            labels = labels
            .replace(/[^a-zA-Z0-9\s]/g, '')  // Remove special characters
            .trim()                          // Remove whitespace
            .toLowerCase()                   // Convert to lowercase
            .replace(/\s+/g, '_');
            if (inputName) {
                formData[inputName] = parseFloat(inputValue.replace(/,(?=.*\.\d+)/g, ''));
                pdf_values[labels] = inputValue == '' ? 0 : inputValue.replace(/,(?=.*\.\d+)/g, '');
                pdf_labels[labels] = $(this).prev().text();
            }
        });
        var salaried = ($('#emp_type').find('option:selected').val() == 1) ? true : false;
        var self_emp = ($('#emp_type').find('option:selected').val() == 2) ? true : false;
        var single = ($('#applicant').find('option:selected').val() == 0) ? true : false;
        var joint = ($('#applicant').find('option:selected').val() == 1) ? true : false;
        var consider_income = ($('#consider_income select').find('option:selected').val() == 1) ? true : false;
        var resident = ($('#resident_type').find('option:selected').val() == 1) ? true : false;
        var uae_national = ($('#nationality').val() == 2) ? true : false;
        /** Make PDF Label in Joint Case */
        var totalMonthlyGross = 0;
        var annual_bonus = 0;
        var variable_monthly_income_commissions = 0;
        var annual_rental_incomeif_any = 0;

        pdf_values.dob = (single == true) ? $('#dob_0').val() : $('#dob_1').val();

        if(joint){ 
            /**Income Dtails Inputs*/
            if(salaried){
                totalMonthlyGross = $('[id*="gross_salary"]').toArray().reduce((sum, input) => {
                    return sum + (parseFloat($(input).val().replace(/,(?=.*\.\d+)/g, '')) || 0);
                }, 0);
                annual_bonus = $('[id*="fixed_annual"]').toArray().reduce((sum, input) => {
                    return sum + (parseFloat($(input).val().replace(/,(?=.*\.\d+)/g, '')) || 0);
                }, 0);
                variable_monthly_income_commissions = $('[id*="income_commission"]').toArray().reduce((sum, input) => {
                    return sum + (parseFloat($(input).val().replace(/,(?=.*\.\d+)/g, '')) || 0);
                }, 0);
                    annual_rental_incomeif_any = $('[id*="annual_rental"]').toArray().reduce((sum, input) => {
                    return sum + (parseFloat($(input).val().replace(/,(?=.*\.\d+)/g, '')) || 0);
                }, 0);

            }

            if(self_emp){
                let net_profit_1 = $('[id*="net_profit_1_"]').toArray().reduce((sum, input) => {
                    return sum + (parseFloat($(input).val().replace(/,(?=.*\.\d+)/g, '')) || 0);
                }, 0);
                let net_profit_2 = $('[id*="net_profit_2_"]').toArray().reduce((sum, input) => {
                    return sum + (parseFloat($(input).val().replace(/,(?=.*\.\d+)/g, '')) || 0);
                }, 0);
                let net_profit_3 = $('[id*="net_profit_3_"]').toArray().reduce((sum, input) => {
                    return sum + (parseFloat($(input).val().replace(/,(?=.*\.\d+)/g, '')) || 0);
                }, 0);

                let total_net_profit = (net_profit_1 + net_profit_2 + net_profit_3);

                let lenght_of_bs = $('[id*="lenght_of_bs"]').toArray().reduce((sum, input) => {
                    return sum + (parseFloat($(input).val().replace(/,(?=.*\.\d+)/g, '')) || 0);
                }, 0);
                let moa = $('[id*="moa"]').toArray().reduce((sum, input) => {
                    return sum + (parseFloat($(input).val().replace(/,(?=.*\.\d+)/g, '')) || 0);
                }, 0);
                let turn_over_revonue = $('[id*="tno_revenue_last_year_"]').toArray().reduce((sum, input) => {
                    return sum + (parseFloat($(input).val().replace(/,(?=.*\.\d+)/g, '')) || 0);
                }, 0);
                let annual_management_last_year = $('[id*="amrl"]').toArray().reduce((sum, input) => {
                    return sum + (parseFloat($(input).val().replace(/,(?=.*\.\d+)/g, '')) || 0);
                }, 0);
                let annual_rental = $('[id*="annual_rental"]').toArray().reduce((sum, input) => {
                    return sum + (parseFloat($(input).val().replace(/,(?=.*\.\d+)/g, '')) || 0);
                }, 0);

                pdf_values.total_net_profit = total_net_profit;
                pdf_values.length_of_business_number_of_years = lenght_of_bs;
                pdf_values.profit_share_as_per_moa_member_of_association = moa;
                pdf_values.turnover_revenue_for = turn_over_revonue;
                pdf_values.annual_managment_renumeration_for_last_financial_year = annual_management_last_year;
                pdf_values.annual_rental_income_if_any = annual_rental;
            }

            /**Liablities Inputs*/
            home_loan_lb = $('[id*="home_loan"]').toArray().reduce((sum, input) => {
                return sum + (parseFloat($(input).val().replace(/,(?=.*\.\d+)/g, '')) || 0);
            }, 0);
            auto_loan_lb = $('[id*="auto_loan"]').toArray().reduce((sum, input) => {
                return sum + (parseFloat($(input).val().replace(/,(?=.*\.\d+)/g, '')) || 0);
            }, 0);
            personal_loan_lb = $('[id*="personal_loan"]').toArray().reduce((sum, input) => {
                return sum + (parseFloat($(input).val().replace(/,(?=.*\.\d+)/g, '')) || 0);
            }, 0);
            none_installment_lb = $('[id*="over_draft_limit"]').toArray().reduce((sum, input) => {
                return sum + (parseFloat($(input).val().replace(/,(?=.*\.\d+)/g, '')) || 0);
            }, 0);
            credit_card_lb = $('[id*="credit_limit"]').toArray().reduce((sum, input) => {
                return sum + (parseFloat($(input).val().replace(/,(?=.*\.\d+)/g, '')) || 0);
            }, 0);

            pdf_values.monthly_gross_salary = totalMonthlyGross;
            pdf_values.fixed_annual_bonus = annual_bonus;
            pdf_values.variable_monthly_income_commission = variable_monthly_income_commissions;
            pdf_values.annual_rental_income_if_any = annual_rental_incomeif_any;

            pdf_values.home_loans_monthly_installment = home_loan_lb;
            pdf_values.auto_loans_monthly_installment = auto_loan_lb;
            pdf_values.personal_loans_monthly_installment = personal_loan_lb;
            pdf_values.non_installmentsod = none_installment_lb;
            pdf_values.credit_card_limits_total_limit_of_all_active_credit_card = credit_card_lb;
            let bob1 = $('[id="dob_1"]').val() != undefined ? $('[id="dob_1"]').val() : '';
            let bob2 = $('[id="dob_2"]').val() != undefined ? $('[id="dob_2"]').val() : '';
            let bob3 = $('[id="dob_3"]').val() != undefined ? $('[id="dob_3"]').val() : '';
            pdf_values.dob = bob1  +' | '+bob2;
            pdf_values.dob = (bob1 && bob2 && bob3) ?   pdf_values.dob+' | '+bob3 : pdf_values.dob;
        }

        var unrs = (uae_national && resident && salaried) ? true : false;
            var unnrs = (uae_national && !resident && salaried) ? true : false;
            var onrs = (!uae_national && resident && salaried) ? true : false;
            var onnrs = (!uae_national && !resident && salaried) ? true : false;

            var unrse = (uae_national && resident && self_emp) ? true : false;
            var unnrse = (uae_national && !resident && self_emp) ? true : false;
            var onrse = (!uae_national && resident && self_emp) ? true : false;
            var onnrse = (!uae_national && !resident && self_emp) ? true : false;

            other_details = {
                "unrs": unrs,
                "unnrs": unnrs,
                "onrs": onrs,
                "onnrs": onnrs,
                "unrse": unrse,
                "unnrse": unnrse,
                "onrse": onrse,
                "onnrse": onnrse,
                "consider_income": consider_income,
                "single": single,
                "joint": joint,
                "resident": resident,
                "uae_national": uae_national,
                "self_emp": self_emp,
                "salaried": salaried,   
            }
            pdf_values.salaried = salaried;
            pdf_values.self_emp = self_emp;
            pdf_values.joint = joint;
            pdf_values.applicant_no = $('#applicant_no_wr select').val();
            var tenor = [];


            $.each(banks, function(key, v) {
                if(salaried){
                    if(single){
                        var gross_salary = formData.gross_salary_0 * pt(v.gross_income);
                        var annual_bonus = formData.fixed_annual_0 * pt(v.annual_bonus) / 12;
                        var total_fixed_income = gross_salary + annual_bonus;
                        var mx_bank_accepted_var_income = total_fixed_income * pt(v.max_var_income);

                        var var_monthly_income_commission = formData.income_commission_0 * pt(v.var_monthly_income);
                        var rental_income_period = formData.annual_rental_0 / 12 * pt(v.rental_income_period);
                        var total_var_income_accepted_by_bank = ((var_monthly_income_commission + rental_income_period) > mx_bank_accepted_var_income) ? mx_bank_accepted_var_income : (var_monthly_income_commission + rental_income_period);
                        var total_monthly_income_for_salaried_per_applicant = total_fixed_income + total_var_income_accepted_by_bank;
                    }
                    if(joint){
                        var joint_1 = calc_joint_salary(1, v);
                        var joint_2 = calc_joint_salary(2, v);
                        var joint_3 = calc_joint_salary(3, v);
                        var total_monthly_income_for_salaried_per_applicant = joint_1.total_monthly_income_for_salaried_per_applicant + joint_2.total_monthly_income_for_salaried_per_applicant + joint_3.total_monthly_income_for_salaried_per_applicant
                        
                    }
                }
                
                if(self_emp){
                    if(single){
                        let net_profit_total = (formData.net_profit_1_0 + formData.net_profit_2_0 + formData.net_profit_3_0);
                        
                        let equation_one =  net_profit_total / 2;
                        let equation_tow =  equation_one * formData.moa_0 / 12;
                        var equation_three = equation_tow + (formData.annual_rental_0 * pt(v.rental_income_period_self) / 12);
                        
                        var monthly_namagement_renumeration = formData.amrl_0 / 12;
                        var se_total_fixed_income = equation_three + monthly_namagement_renumeration;
                        var max_bank_accepted_variable_income_se = se_total_fixed_income * pt(v.max_var_income_self); //Need to add attr
                        var total_var_income_accepted_by_bank_se = (max_bank_accepted_variable_income_se > se_total_fixed_income) ? se_total_fixed_income : max_bank_accepted_variable_income_se;
                        var total_monthly_income_for_se_per_applicant_se = se_total_fixed_income + total_var_income_accepted_by_bank_se;


                        pdf_values.total_net_profit = net_profit_total;
                        pdf_values.turnover_revenue_for = formData.tor_0;
                        
                    }

                    if(joint){
                        let joint_se_1 = calc_joint_se(1, v);
                        let joint_se_2 = calc_joint_se(2, v);
                        let joint_se_3 = calc_joint_se(3, v);

                        var total_monthly_income_for_se_per_applicant_se = (joint_se_1 + joint_se_2 + joint_se_3);
                    }
                    
                }
                var national_pension = 0;
                if (uae_national) {
                    national_pension = formData.monthly_pension * pt(v.pension_applicant);
                }

                var total_eligible_assessed_income_per_applicant = 0
                if(salaried){
                    total_eligible_assessed_income_per_applicant = total_monthly_income_for_salaried_per_applicant + national_pension;
                    
                }else if(self_emp){
                    total_eligible_assessed_income_per_applicant = total_monthly_income_for_se_per_applicant_se + national_pension;

                }

                var age = (single == true) ? document.getElementById('dob_0').value : document.getElementById('dob_1').value;
                var parts = age.split('/');  // Split by '/'
                console.log(parts);
                age = parts[2] + '/' + parts[1] + '/' + parts[0];
                age = getAge(age);
                var total_eligible_monthly_income = total_eligible_assessed_income_per_applicant;
                var max_dsr = total_eligible_assessed_income_per_applicant * pt(v.debt_service_ratio);

                if(single){
                    var home_loan = formData.home_loan_0 * pt(v.home_loan);
                    var auto_loan = formData.auto_loan_0 * pt(v.auto_loan);
                    var personal_loan = formData.personal_loan_0 * pt(v.personal_loan);
                    var non_installment = formData.over_draft_limit_0 * pt(v.non_installment);
                    var credit_limit = formData.credit_limit_0 * pt(v.credit_limit);
                    var other_loan = formData.other_loan_0 * pt(v.other_loans);

                    var total_monthly_debts = other_loan + credit_limit + personal_loan + auto_loan + home_loan + non_installment;
                    
                }
                
                if(joint){
                        var total_monthly_debts_1 = total_monthly_debt_joint(1, v);
                        var total_monthly_debts_2 = total_monthly_debt_joint(2, v);
                        var total_monthly_debts_3 = total_monthly_debt_joint(3, v);
                        var total_monthly_debts = total_monthly_debts_1 + total_monthly_debts_2 + total_monthly_debts_3;
                }
                
                
                if(unrs){
                    var mx_age = v.uae_national_resident_salaried ? v.uae_national_resident_salaried : unrs_central.mx_age;
                    let tenor_val = mx_age - age;
                    tenor_val = (unrs_central.mx_tenor < tenor_val) ? unrs_central.mx_tenor : tenor_val;
                    tenor.push(tenor_val);
                }
                if(unnrs){
                    var mx_age = v.uae_national_non_resident_salaried ? v.uae_national_non_resident_salaried : unnrs_central.mx_age;
                    let tenor_val = mx_age - age;
                    tenor_val = (unnrs_central.mx_tenor < tenor_val) ? unnrs_central.mx_tenor : tenor_val;
                    tenor.push(tenor_val);
                }
                if(onrs){
                    var mx_age = v.other_national_resident_salaried ? v.other_national_resident_salaried : onrs_central.mx_age;
                    let tenor_val = mx_age - age;
                    tenor_val = (onrs_central.mx_tenor < tenor_val) ? onrs_central.mx_tenor : tenor_val;
                    tenor.push(tenor_val);
                }
                if(onnrs){
                    var mx_age = v.other_national_non_resident_salaried ? v.other_national_non_resident_salaried : onnrs_central.mx_age;
                    let tenor_val = mx_age - age;
                    tenor_val = (onnrs_central.mx_tenor < tenor_val) ? onnrs_central.mx_tenor : tenor_val;
                    tenor.push(tenor_val);
                }
                if(unrse){
                    var mx_age = v.uae_national_resident_self_emp ? v.uae_national_resident_self_emp : unrse_central.mx_age;
                    let tenor_val = mx_age - age;
                    tenor_val = (unrse_central.mx_tenor < tenor_val) ? unrse_central.mx_tenor : tenor_val;
                    tenor.push(tenor_val);
                }
                if(unnrse){
                    var mx_age = v.uae_national_non_resident_self_emp ? v.uae_national_non_resident_self_emp : unnrse_central.mx_age;
                    let tenor_val = mx_age - age;
                    tenor_val = (unnrse_central.mx_tenor < tenor_val) ? unnrse_central.mx_tenor : tenor_val;
                    tenor.push(tenor_val);
                }
                if(onrse){
                    var mx_age = v.other_national_resident_self_emp ? v.other_national_resident_self_emp : onrse_central.mx_age;
                    let tenor_val = mx_age - age;
                    tenor_val = (onrse_central.mx_tenor < tenor_val) ? onrse_central.mx_tenor : tenor_val;
                    console.log({
                        mx_age: mx_age,
                        tenor_val_1: mx_age - age,
                        tenor_val: tenor_val,
                        age: age,
                    });
                    tenor.push(tenor_val);
                }
                if(onnrse){
                    var mx_age = v.other_national_resident_self_emp ? v.other_national_resident_self_emp : onnrse_central.mx_age;
                    let tenor_val = mx_age - age;
                    tenor_val = (onnrse_central.mx_tenor < tenor_val) ? onnrse_central.mx_tenor : tenor_val;
                    tenor.push(tenor_val);
                }
                let max_tenor = Math.max(...tenor);
                var emi_based_dsr = max_dsr - total_monthly_debts;
                var total_max_affordable_emi = emi_based_dsr;
                var intrest_rate_val = v.interest_rate;  
                var intrest_rate = intrest_rate_val / 12;
                var max_mortgage_term = parseInt(tenor) *12;
                var required_mortgage_term = parseInt(tenor) * 12;
                var pre_approved_pv = calculatePV(intrest_rate / 100, max_mortgage_term, -total_max_affordable_emi);
                var eligible_pv = calculatePV(intrest_rate / 100, required_mortgage_term, -total_max_affordable_emi);
                var total_eligiblle = total_eligible_monthly_income * 12 * 7;

                console.log({
                    int_rate: intrest_rate / 100,
                    max_mortgage_term: max_mortgage_term,
                    total_max_affordable_emi: total_max_affordable_emi,
                    tenor: tenor,
                });

                // console.log('pre_approved_pv: '+pre_approved_pv);
                // console.log('eligible_pv: '+eligible_pv);
                    
                data[v.bank.name] = {
                    "tenor": tenor[0],
                    "total_max_affordable_emi": total_max_affordable_emi,
                    "intrest_rate": intrest_rate,
                    "max_mortgage_term": max_mortgage_term,
                    "required_mortgage_term": required_mortgage_term,
                    "pre_approved_pv": pre_approved_pv,
                    "eligible_pv": eligible_pv,
                    "pre_approved_amount": Math.min(pre_approved_pv, total_eligiblle),
                    "total_eligible": Math.min(pre_approved_pv, total_eligiblle)
                }
                t_head += `<th scope="col">${v.bank.name}</th>`;
                tr_td_1 += `<td>${number_format(Math.round(total_monthly_debts))}</td>`;
                tr_td_2 +=  `<td>${number_format(Math.round(emi_based_dsr))}</td>`;
                tr_td_3 += `<td>${number_format(Math.round(total_max_affordable_emi))}</td>`;
                tr_td_4 += `<td>${intrest_rate.toFixed(2)}</td>`;
                tr_td_5 += `<td>${number_format(Math.round(Math.min(pre_approved_pv, total_eligiblle)))}</td>`;
                tr_td_6 += `<td>${number_format(Math.round(Math.min(eligible_pv, total_eligiblle)))}</td>`;
            });

            let mx_value = Object.values(data).reduce((max, current) => {
                return (current.total_eligible > max.total_eligible) ? current : max;
            }, { total_eligible: -Infinity });

            $('#choosen_tenor').val(number_format(Math.round(mx_value.total_eligible)));
            
            tenor = Math.max(...tenor);
            other_details.max_tenor = tenor;

            // var options = Array.from({ length: tenor }, (_, index) => `
            //     <option value="${index + 1}" ${index == 0 ? 'selected' : ''}>${index + 1} Years</option>
            // `);

            $('#tenor').val(parseInt(tenor));
            $('.eligCalcMorgageMaxData').text(parseInt(tenor));
            $( ".eligCalcMorgageLoanSlidrRange" ).slider({
                range: "min",
                value: parseInt(tenor), // Default value
                min: 1,
                max: parseInt(tenor),
                step: 1,
                slide: function(event, ui) {
                    $(".eligCalcTenorYear").val(ui.value);
                    let $value = ui.value;
                    console.log( $value);
                    if(!isNaN( $value) &&  $value >= 1){
                        var tenor_month = $value * 12;
                        $('#tenor_month').val(tenor_month);
                        $(".eligCalcMorgageLoanSlidrRange").slider('value', $value);
                        // $('#tenor').val($(this).val()).trigger('chnage');

                        var required_mortgage_term = parseInt(tenor_month);
                        var eligible_pv = calculatePV(mx_value.intrest_rate / 100, required_mortgage_term, -mx_value.total_max_affordable_emi);
                        $.each(data, function(k, v){
                            all_banks[k] = {
                                "loan_based_on_sel_tenor" : calculatePV(v.intrest_rate / 100, required_mortgage_term, -v.total_max_affordable_emi),
                                "loan_based_on_age": v.total_eligible
                            }
                        });
                        other_details.choosen_tenor = $value;
                        $('#choosen_tenor').val(number_format(eligible_pv));
                    }
                    
                }
            });

            // var tenor_slider = document.getElementById('tenor_slider');
            // tenor_slider.max = tenor;
            // tenor_slider.min = 1;
            // tenor_slider.value = parseInt(tenor);
            // $('#tenor').val(parseInt(tenor)).trigger('change');
            // $('#tenor_month').val(tenor*12);

            $.each(data, function(k, v){
                all_banks[k] = {
                    "loan_based_on_sel_tenor" : calculatePV(v.intrest_rate / 100, tenor*12, -v.total_max_affordable_emi),
                    "loan_based_on_age": v.total_eligible
                }
            });

            // $('.eligCalcMorgageLoanSlidrRange').on("slide", function(event, ui) {
            //     let $value = ui.value;
            //     var tenor_month = $value * 12;
            //     $('#tenor_month').val(tenor_month);
            //     $(".eligCalcMorgageLoanSlidrRange").slider('value', $value);
            //     // $('#tenor').val($(this).val()).trigger('chnage');

            //     var required_mortgage_term = parseInt(tenor_month);
            //     var eligible_pv = calculatePV(mx_value.intrest_rate / 100, required_mortgage_term, -mx_value.total_max_affordable_emi);
            //     $.each(data, function(k, v){
            //         all_banks[k] = {
            //             "loan_based_on_sel_tenor" : calculatePV(v.intrest_rate / 100, required_mortgage_term, -v.total_max_affordable_emi),
            //             "loan_based_on_age": v.total_eligible
            //         }
            //     });
            //     other_details.choosen_tenor = $value;
            //     $('#choosen_tenor').val(number_format(eligible_pv));

            // })

            $("#tenor").on('input, change', function() {
                let $value = parseInt($(this).val());
                
                if(!isNaN( $value) &&  $value >= 1){
                    var tenor_month = $value * 12;
                    $('#tenor_month').val(tenor_month);
                    $(".eligCalcMorgageLoanSlidrRange").slider('value', $value);
                    // $('#tenor').val($(this).val()).trigger('chnage');

                    var required_mortgage_term = parseInt(tenor_month);
                    var eligible_pv = calculatePV(mx_value.intrest_rate / 100, required_mortgage_term, -mx_value.total_max_affordable_emi);
                    $.each(data, function(k, v){
                        all_banks[k] = {
                            "loan_based_on_sel_tenor" : calculatePV(v.intrest_rate / 100, required_mortgage_term, -v.total_max_affordable_emi),
                            "loan_based_on_age": v.total_eligible
                        }
                    });
                    other_details.choosen_tenor = $value;
                    $('#choosen_tenor').val(number_format(eligible_pv));
                }
            });

            t_head += `</tr>`;
            tr_td_1 += `</tr>`;
            tr_td_2 += `</tr>`;
            tr_td_3 += `</tr>`;
            tr_td_4 += `</tr>`;
            tr_td_5 += `</tr>`;
            tr_td_6 += `</tr>`;
            var tbody = tr_td_1 + tr_td_2 + tr_td_3 + tr_td_4 + tr_td_5 + tr_td_6;

            
            $('#result_table thead').html(t_head);
            $('#result_table tbody').html(tbody);
    })

    const name = $('[name="name"]').val().trim();
    const email = $('[name="email"]').val().trim();
    const phone = $('[name="mobile"]').val();

    $('[name="name"], [name="email"], [name="mobile"]').on('input', function() {
        validate_last_form();
    });
    /**Send Email to client*/
    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });

    var result_data = {
        data: data,
        pdf_values: pdf_values,
        pdf_labels: pdf_labels,
    }

    $('#send_to_client').on('click', function() {
        let mx_loan_value = Object.values(all_banks).reduce((max, current) => {
            return (current.loan_based_on_sel_tenor > max.loan_based_on_sel_tenor) ? current : max;
        }, { loan_based_on_sel_tenor: -Infinity });

        
        other_details.choosen_tenor = $(".eligCalcMorgageLoanSlidrRange").slider("value");;
        other_details.max_loan_eligibility = mx_loan_value.loan_based_on_sel_tenor;
        result_data.pdf_values.name = $('[name="name"]').val().trim();
        result_data.pdf_values.email = $('[name="email"]').val().trim();
        result_data.pdf_values.phone = $('[name="mobile"]').val();
        result_data.pdf_values.mm_rm = $('[name="mm_rm"]').val().trim();
        result_data.other_details = other_details;
        result_data.all_banks = all_banks;
        // return;
        $.ajax({
            url: '{{ route('submit.eligibility') }}', 
            type: 'POST',
            data: JSON.stringify(result_data),
            contentType: 'application/json',
            xhrFields: {
                responseType: 'blob'
            },
            beforeSend: function(response) {
                $('#send_to_client').prop('disabled', true);
                $('#send_to_client').html(`<div class="spinner-border spinner-border-sm" role="status"><span class="visually-hidden"></span></div>
                                        <span class="labelText__wr">Processing</span>`);
            },
            success: function(data, textStatus, jqXHR) {
                var contentType = jqXHR.getResponseHeader("Content-Type");

                if (contentType.includes("application/json")) {
                    var reader = new FileReader();
                    reader.onload = function() {
                        var errorData = JSON.parse(reader.result);
                        console.error("Error:", errorData.error);
                    };
                    reader.readAsText(data);
                } else {
                    // If response is PDF (success case)
                    var blob = new Blob([data], { type: "application/pdf" });
                    var link = document.createElement("a");
                    link.href = window.URL.createObjectURL(blob);
                    link.download = "prequalification.pdf";
                    document.body.appendChild(link);
                    link.click();
                    document.body.removeChild(link);

                    var responseStatus = jqXHR.getResponseHeader("X-Response-Status");
                    var message = jqXHR.getResponseHeader("X-Message");
                }
                if(responseStatus == 'success'){
                    location.href = '{{ route('thankyou.eligibility')}}';
                    $.snack('success', message, 4000);
                }else{
                    $.snack('error', message, 4000);
                }
            },
            error: function(jqXHR, textStatus, errorThrown) {
                console.error("AJAX Error:", textStatus, errorThrown);
                alert("Something went wrong! Please try again.");
            },
            complete: function() {
                $('#send_to_client').prop('disabled', false);
                $('#send_to_client').html(`<span class="labelText__wr">Submit</span>`);
                

            }
        });
    });

    function calc_joint_salary(index, v) {

        var input = {
            gross_salary: safeParseFloat($('[id="gross_salary_' + index + '"]').val()),
            annual_bonus: safeParseFloat($('[id="fixed_annual_' + index + '"]').val()),
            var_monthly_income: safeParseFloat($('[id="income_commission_' + index + '"]').val()),
            annual_rental: safeParseFloat($('[id="annual_rental_' + index + '"]').val()),
        }

        var gross_salary = input.gross_salary * pt(v.gross_income)
        var annual_bonus = input.annual_bonus * pt(v.annual_bonus) / 12;
        var total_fixed_income = gross_salary + annual_bonus;
        var mx_bank_accepted_var_income = total_fixed_income * pt(v.max_var_income);
        var var_monthly_income_commission = input.var_monthly_income * pt(v.var_monthly_income);
        var rental_income_period = input.annual_rental / 12 * pt(v.rental_income_period);
        var total_var_income_accepted_by_bank = (var_monthly_income_commission + rental_income_period > mx_bank_accepted_var_income) 
            ? mx_bank_accepted_var_income 
            : (var_monthly_income_commission + rental_income_period);
        var total_monthly_income_for_salaried_per_applicant = total_fixed_income + total_var_income_accepted_by_bank;

        return {
            dob: $('[id="dob_' + index + '"]').val() ? $('[id="dob_' + index + '"]').val() : new Date(),
            gross_salary: gross_salary,
            annual_bonus: annual_bonus,
            total_fixed_income: total_fixed_income,
            mx_bank_accepted_var_income: mx_bank_accepted_var_income,
            var_monthly_income_commission: var_monthly_income_commission,
            rental_income_period: rental_income_period,
            total_var_income_accepted_by_bank: total_var_income_accepted_by_bank,
            total_monthly_income_for_salaried_per_applicant: total_monthly_income_for_salaried_per_applicant
        };
    }

    function calc_joint_se(index, v){
        let net_profit_1 = safeParseFloat($('[id="net_profit_1_' + index + '"]').val());
        let net_profit_2 = safeParseFloat($('[id="net_profit_2_' + index + '"]').val());
        let net_profit_3 = safeParseFloat($('[id="net_profit_3_' + index + '"]').val());
        let profit_share_moa = safeParseFloat($('[id="moa_' + index + '"]').val());
        let annual_rental = safeParseFloat($('[id="annual_rental_' + index + '"]').val());
        let annual_management_last_year = safeParseFloat($('[id="amrl_' + index + '"]').val());

        let net_profit_total = (net_profit_1 + net_profit_2 + net_profit_3);
        let equation_one =  net_profit_total / 2;
        let equation_tow =  equation_one * profit_share_moa / 12;
        var equation_three = equation_tow + (annual_rental * pt(v.rental_income_period_self) / 12);
        var monthly_namagement_renumeration = annual_management_last_year / 12;
        var se_total_fixed_income = equation_three + monthly_namagement_renumeration;
        var max_bank_accepted_variable_income_se = se_total_fixed_income * pt(v.max_var_income_self);
        var total_var_income_accepted_by_bank_se = (max_bank_accepted_variable_income_se > se_total_fixed_income) ? se_total_fixed_income : max_bank_accepted_variable_income_se;
        var total_monthly_income_for_se_per_applicant_se = se_total_fixed_income + total_var_income_accepted_by_bank_se;
        return total_monthly_income_for_se_per_applicant_se;
    }

    function total_monthly_debt_joint (index, v){

        var input = {
            home_loan: safeParseFloat($('[id="home_loan_' + index + '"]').val()),
            auto_loan: safeParseFloat($('[id="auto_loan_' + index + '"]').val()),
            personal_loan: safeParseFloat($('[id="personal_loan_' + index + '"]').val()),
            non_installment: safeParseFloat($('[id="over_draft_limit_' + index + '"]').val()),
            credit_limit: safeParseFloat($('[id="credit_limit_' + index + '"]').val()),
            other_loan: safeParseFloat($('[id="other_loan_' + index + '"]').val()),
        }

        var home_loan = input.home_loan * pt(v.home_loan);
        var auto_loan = input.auto_loan * pt(v.auto_loan);
        var personal_loan = input.personal_loan * pt(v.personal_loan);
        var non_installment = input.non_installment * pt(v.non_installment);
        var credit_limit = input.credit_limit * pt(v.credit_limit);
        var other_loan = input.other_loan * pt(v.other_loans);

        var total_monthly_debts = other_loan + credit_limit + personal_loan + auto_loan + home_loan + non_installment;

        return total_monthly_debts;
    }

    function calculatePV(rate, periods, payment) {
        if (rate === 0) {
            return -payment * periods; // No interest case
        } else {
            return -payment * (1 - Math.pow(1 + rate, -periods)) / rate;
        }
    }
    function safeParseFloat(value) {
        if (value === undefined) return 0.00;
        return parseFloat(value.replace(/,(?=.*\.\d+)/g, ''));
    }
    function pt(val) {
        return parseFloat(val / 100);
    }

    function validate_last_form() {
        const name = $('[name="name"]').val().trim();
        const email = $('[name="email"]').val().trim();
        const phone = $('[name="mobile"]').val();
        
        const emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
        
        const isAnyInputFilled = name || email || phone;
        const isEmailValid = emailPattern.test(email);
        
        $('#send_to_client').prop('disabled', !(isAnyInputFilled && isEmailValid));

        return !(isAnyInputFilled && isEmailValid);
    }

    function getAge(dateString) {
        var today = new Date();
        var birthDate = new Date(dateString);
        var age = today.getFullYear() - birthDate.getFullYear();
        var m = today.getMonth() - birthDate.getMonth();
        if (m < 0 || (m === 0 && today.getDate() < birthDate.getDate())) {
            age--;
        }
        return age;
    }

    //Depricated calculation
    function salary_calculation(input, product){

        let ltv = product.ltv; //From Product
        let qualifying_rate_int = product.qualifying_rate_int; //Marging + Eibor from product
        let tenor = product.tenor; //Get tenor based on age
        let actual_roi = product.roi;

        let loan_amount = input.loan_amount;
        let basic_salary = input.basic_salary;
        let rental_income = input.rental_income;
        let joint_income = input.joint_income;
        let commission_incentive = input.commission_incentive;
        let fixed_bonus = input.fixed_bonus;

        let total_income = (basic_salary + rental_income + joint_income + commission_incentive + fixed_bonus);
        //Liblity Incomes
        let commitments = input.commitments;
        let personal_loan = input.personal_loan;
        let auto_loan = input.auto_loan;
        let mortgage = input.mortgage;
        let credit_cards_emi = input.credit_cards_emi;

        //Total libility income
        let total_loan = (personal_loan + auto_loan + mortgage + credit_cards_emi);
        

        let stress_emi_on_mortgage_loan = stress_emi(qualifying_rate_int, tenor, loan_amount);
        let actual_emi_on_mortgage_loan = stress_emi(actual_roi, tenor, loan_amount);
        let stress_dsr = ((stress_emi_on_mortgage_loan + total_loan) / total_income);

        let property_value = loan_amount * 100 / ltv;
        let down_payment = (property_value - loan_amount);
        let total_emis = (actual_emi_on_mortgage_loan + total_loan);
        let total_amount_payble = actual_emi_on_mortgage_loan * (tenor * 12);
        let total_intrest_payble = actual_emi_on_mortgage_loan * (tenor * 12) - loan_amount;
        let mortgage_registration_fee = loan_amount * 0.25 / 100; //Get dynamic from product mortgage registration fees
        let property_valuation_fee = 3150; //Get dynamic from product mortgage property valuation fees
        let loan_processing_fee = loan_amount * 0.5 / 100; //Get dynamic from product
        let life_insurance = (loan_amount * 0.1 / 100) / 12; //Get dynamic from product (0.1) (Margin) Annul life insurance
        let property_insurance = property_value * 0.25 / 100;

        var result = {
            stress_emi_on_mortgage_loan: number_format(stress_emi_on_mortgage_loan),
            actual_emi_on_mortgage_loan: number_format(actual_emi_on_mortgage_loan),
            stress_dsr: number_format(stress_dsr),                  //In %
            property_value: number_format(property_value),
            down_payment: number_format(down_payment),
            total_emis: number_format(total_emis),
            total_amount_payble: number_format(total_amount_payble),
            total_intrest_payble: number_format(total_intrest_payble),
            mortgage_registration_fee: number_format(mortgage_registration_fee),
            property_valuation_fee: number_format(property_valuation_fee),
            loan_processing_fee: number_format(loan_processing_fee),
            life_insurance: number_format(life_insurance),
            property_insurance: number_format(property_insurance),
        }
        return result;

    }
    function dobValidate() {
        let valid = true;
        $('#income_details').find('[name*="dob_"]').each(function () {
            if (!$(this).val()) {
                valid = false;
            }
        });
        $('#income_btn').prop('disabled', !valid);
    }

    //Calculate Stress EMI
    function stress_emi($troi, $rt, $tla){
        $rt = $rt * 12;
        var $emi = ( $tla * ( $troi / 1200 ) * Math.pow( ( 1 + ( $troi / 1200 ) ), $rt) ) / ( Math.pow( ( 1 + ( $troi / 1200 ) ), $rt) - 1 );
        return $emi;
    }
    
    //Number Format
    function number_format (number, prec=2) {
        number = (number + '').replace(/[^0-9+\-Ee.]/g, '')
        var n = !isFinite(+number) ? 0 : +number
        var sep = ',' ;
        var dec = '.';
        var s = '';

        var toFixedFix = function (n, prec) {
            var k = Math.pow(10, prec)
            return '' + (Math.round(n * k) / k)
                .toFixed(prec)
        }

        s = (prec ? toFixedFix(n, prec) : '' + Math.round(n)).split('.')
        if (s[0].length > 3) {
            s[0] = s[0].replace(/\B(?=(?:\d{3})+(?!\d))/g, sep)
        }
        if ((s[1] || '').length < prec) {
            s[1] = s[1] || ''
            s[1] += new Array(prec - s[1].length + 1).join('0')
        }

        return s.join(dec)
    }

    function getValueByIds(ids) {
        let values = {};
        ids.forEach(function(id) {
            let element = document.getElementById(id);
            if (element) {
                let val = parseFloat(element.value.replace(/,(?=.*\.\d+)/g, ''));
                values[id] = isNaN(val) ? 0 : val; // fallback to 0 if empty or invalid
            } else {
                values[id] = 0; // if element doesn't exist
            }
        });
        return values;
    }

    //applicant_no = 0->single | 2->joint | 3->Joint
    //emp_type = salaried or self_emp
    //putPlaceId = salaried or self_emp
    function putHtml(applicant_no = 0, emp_type = 'salaried', putPlaceId = 'income_details') {

        let basePath = "{{ asset('calc_forms') }}"; // This is from Blade
        let dynamicValue = applicant_no; // You can change this dynamically later
        let path = `${basePath}/${emp_type}/${applicant_no}.html`;

        fetch(path)
            .then(response => response.text())
            .then(data => {
                const container = document.getElementById(putPlaceId);
                container.innerHTML = data;

                
                if(emp_type == 'self_emp'){
                    var netProfitHtml = '';
                    if(applicant_no <= 0){
                        netProfitHtml += getNetProfitYearsInputs(3, applicant_no);
                        $(document).find('#profit_share').html(netProfitHtml);

                    }else{
                        netProfitHtml += getNetProfitYearsInputs(3, applicant_no);
                        $(document).find('#profit_share').replaceWith(netProfitHtml);
                    }
                }

                $('#income_details img').each(function() {
                    let imgName = "{{asset('assets/frontend/images/date-picker-seconadry-icon.svg')}}"
                    $(this).attr('src', imgName); // Update with your correct image path
                });
                document.querySelectorAll('.date-picker').forEach(function (el) {
                    $(el).datepicker({
                        autoclose: true,
                        format: 'dd/M/yyyy',
                        todayHighlight: true
                    });
                });
                dobValidate();
                initAutonumeric();

            })
            .catch(error => console.error('Error loading the HTML file:', error));

        var loan_path = `${basePath}/loan/${applicant_no}.html`;
        fetch(loan_path)
        .then(response => response.text())
        .then(data => {
            document.getElementById('loan_details').innerHTML = data;
        })
        .catch(error => console.error('Error loading the HTML file:', error));
    }

    function getNetProfitYearsInputs(yearsCount = 2, jointCount = 0) {
        const currentDate = new Date();
        const currentYear = currentDate.getFullYear();
        const mayFirst = new Date(currentYear, 4, 1);
        let startYear;
        if (currentDate >= mayFirst) {
            startYear = currentYear -1;
        } else {
            startYear = currentYear - 2;
        }
        const years = {};
        let iteration = (yearsCount <= 2) ? 2 : 3;
        let col = (jointCount <= 0 ) ? `12` : 12 / jointCount;
        let html = ``;
        let profit1 = ``;
        let profit2;
        let profit3;
        if(jointCount < 1){
            html += getTorInput(startYear, col, 0);
            html += getNetProfit(startYear, col, 0, 1);
            html += getNetProfit(startYear-1, col, 0, 2)
            html += getNetProfit(startYear-2, col, 0, 3)
        }else{
            for (let index = 0; index < jointCount; index++) {
                html += getTorInput(startYear, col, index)
            }
            for (let index = 0; index < jointCount; index++) {
                html += getNetProfit(startYear, col, index+1, 1)
            }
            for (let index = 0; index < jointCount; index++) {
                html += getNetProfit(startYear-1, col, index+1, 2)
            }
            for (let index = 0; index < jointCount; index++) {
                html += getNetProfit(startYear-2, col, index+1, 3)
            }
        }
        
        return html;
        
        
    }

    function getTorInput(startYear, col, jointCount){
        let tor = `
        <div class="col-lg-${col} col-${col}">
            <div class="form-group w-100 position-relative mb-4">
                <label class="form-label" id="tor">Turnover / Revenue For ${startYear} </label>
                <input type="text" class="form-control" placeholder="Enter Here" id="tor_${jointCount}">
            </div>
        </div>
        `;
        return tor;
    }
    function getNetProfit(startYear, col, jointCount, name_suffix){
     
        let html = 
        `<div class="col-lg-${col} col-${col} net_profit_${name_suffix}_${jointCount}">
            <div class="form-group w-100 position-relative mb-4">
                <label class="form-label" id="tor">Net Profit For ${startYear} </label>
                <input type="text" class="form-control" placeholder="Enter Here" id="net_profit_${name_suffix}_${jointCount}">
            </div>
        </div>`;

        return html;
    }
    













    $(document).ready(function () {
        function updateStep(direction, currentBlock) {
            var targetBlock = direction === 'next' ? currentBlock.next() : currentBlock.prev();
            var currentStep = $('.eligCalcProgStep.active:last');
            var targetStep = direction === 'next' ? currentStep.next() : currentStep.prev();

            if (targetBlock.length && targetStep.length) {
                currentBlock.removeClass('active fades');
                setTimeout(() => {
                    targetBlock.addClass('active').fadeIn(300, function () {
                        $(this).addClass('fades');
                    });
                }, 200);

                if (direction === 'next') {
                    targetStep.addClass('active'); // Keep previous steps active
                } else {
                    currentStep.removeClass('active');
                    targetStep.addClass('active');
                }
            }
        }

        $('.nextTabBtn__wr').click(function () {
            updateStep('next', $(this).closest('.eligCalcFormBlock'));
        });

        $('.prevTabBtn__wr').click(function () {
            updateStep('prev', $(this).closest('.eligCalcFormBlock'));
        });
        $('.date-picker').datepicker({
            autoclose: true,
            weekStart: 1,
            format: 'dd/M/yyyy',
            todayHighlight: true
        });
        // $( ".eligCalcMorgageLoanSlidrRange" ).slider({
        //     range: "min",
        //     value: 6, // Default value
        //     min: 1,
        //     max: 12,
        //     step: 1,
        //     slide: function(event, ui) {
        //         $(".eligCalcTenorYear").val(ui.value);
        //     }
        // });
        // Sync input change with slider
        $(".eligCalcTenorYear").on("input", function() {
            let val = parseInt($(this).val());
            if (!isNaN(val) && val >= 1 && val <= 12) {
                $(".eligCalcMorgageLoanSlidrRange").slider("value", val);
            }
        });
    });

</script>
@endsection