@extends('layouts.dashboard-app')

    @section('main-content')
        <div class="content-body">
            <div class="container">
                <div class="row page-titles">
                    <div class="col p-0">
                        <h4>Hello, <span>Welcome {{ auth()->user()->name }}</span></h4>

                    </div>
                    <div class="col p-0">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="javascript:void(0)">From</a>
                            </li>
                            <li class="breadcrumb-item active">Basic</li>
                        </ol>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-12">
                        <div class="card">
                            <div class="card-body">
                                @if ($errors->any())
                                    <div class="alert alert-danger" role="alert">
                                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                            <span aria-hidden="true">×</span>
                                        </button>

                                        @foreach ($errors->all() as $error)
                                            {{ $error }}<br />
                                        @endforeach
                                    </div>
                                @endif

                                @php
                                    use Carbon\Carbon;
                                    $currentMonth = Carbon::now()->format('Y-m'); // Format as "YYYY-MM"
                                @endphp


                                <form class="form-horizontal form-label-left input_mask" method="post"
                                    enctype="multipart/form-data" autocomplete="off" id="DedectionsForm">
                                    @csrf

                                    <div class="row">
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <label for="User Name">User Name</label>
                                                <select name="users" id="users" class="form-control users" required
                                                    onchange="get_designation()">
                                                    <option value="" selected disabled>- Users Selected -</option>
                                                    @foreach ($users as $user)
                                                        <option value="{{ $user->id }}">
                                                            {{ $user->id }} - {{ $user->name }} - {{ $user->role }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>

                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <label for="Designation">Designation</label>
                                                <input type="text" class="form-control designation" name="designation"
                                                    id="designation" readonly>
                                            </div>
                                        </div>

                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <label for="Month">Month</label>
                                                <input type="month" class="form-control month" name="month"
                                                    id="month" value="{{ $currentMonth }}">
                                            </div>
                                        </div>


                                    </div>

                                    <div class="row">

                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="cf_dedection">CF Dedection</label>
                                                <input type="text" class="form-control" value="CF Dedection" readonly>
                                            </div>
                                        </div>

                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="cf_d">CF Dedection</label>
                                                <select name="cf_d" id="cf_d" class="form-control cf_dedection">
                                                    <option value="" disabled selected>- Select -
                                                    </option>
                                                    <option value="Yes">Yes</option>
                                                    <option value="No">No</option>
                                                </select>
                                            </div>
                                        </div>

                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="cf_d_previous_month">CF Dedection Previous Month
                                                </label>
                                                <input type="text" class="form-control cf_dedection_previous_month"
                                                    id="cf_d_previous_month" name="cf_d_previous_month">
                                            </div>
                                        </div>



                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="cf_d_installment_months">CF Dedection Installment
                                                    Months </label>
                                                <select name="cf_d_installment_months" id="cf_d_installment_months"
                                                    class="form-control cf_dedection_installment_months">
                                                    <option value="" disabled selected>- Select -
                                                    </option>
                                                    <option value="1">1 Months</option>
                                                    <option value="2">2 Months</option>
                                                    <option value="3">3 Months</option>
                                                    <option value="4">4 Months</option>
                                                    <option value="5">5 Months</option>
                                                    <option value="6">6 Months</option>
                                                    <option value="7">7 Months</option>
                                                    <option value="8">8 Months</option>
                                                    <option value="9">9 Months</option>
                                                    <option value="10">10 Months</option>
                                                    <option value="11">11 Months</option>
                                                    <option value="12">12 Months</option>
                                                    <option value="13">13 Months</option>
                                                    <option value="14">14 Months</option>
                                                    <option value="15">15 Months</option>
                                                    <option value="16">16 Months</option>
                                                    <option value="17">17 Months</option>
                                                    <option value="18">18 Months</option>
                                                    <option value="19">19 Months</option>
                                                    <option value="20">20 Months</option>
                                                    <option value="21">21 Months</option>
                                                    <option value="22">22 Months</option>
                                                    <option value="23">23 Months</option>
                                                    <option value="24">24 Months</option>
                                                </select>
                                            </div>
                                        </div>



                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="cf_dedection_total">CF Dedection Total</label>
                                                <input type="text" class="form-control cf_dedection_total"
                                                    name="cf_d_total" id="cf_d_total" onblur="cf_dd()">
                                            </div>
                                        </div>

                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="cf_d_final_amount">Final Amount</label>
                                                <input type="text" class="form-control cf_dedection_final_amount"
                                                    name="cf_d_final_amount" id="cf_d_final_amount">
                                            </div>
                                        </div>


                                    </div>

                                    <br>

                                    <div class="row">


                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="advance_taken_this_month">Advance Taken This Month</label>
                                                <input type="text" class="form-control"
                                                    value="Advance Taken This Month" readonly>
                                            </div>
                                        </div>



                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="advance_taken_this_month">Advance Taken This Month</label>
                                                <select name="advance_taken_this_month" id="advance_taken_this_month"
                                                    class="form-control advance_taken_this_month">
                                                    <option value="" disabled selected>- Select -
                                                    </option>
                                                    <option value="Yes">Yes</option>
                                                    <option value="No">No</option>
                                                </select>
                                            </div>
                                        </div>


                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="advance_taken_previous_month">Advance Taken Previous
                                                    Month</label>
                                                <input type="text" class="form-control advance_taken_previous_month"
                                                    name="advance_taken_previous_month" id="advance_taken_previous_month">
                                            </div>
                                        </div>



                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="advance_taken_this_month_installment_months">Advance Taken This
                                                    Month Installment Months</label>
                                                <select name="advance_taken_this_month_installment_months"
                                                    id="advance_taken_this_month_installment_months"
                                                    class="form-control advance_taken_this_month_installment_months">
                                                    <option value="" disabled selected>- Select -
                                                    </option>
                                                    <option value="1">1 Months</option>
                                                    <option value="2">2 Months</option>
                                                    <option value="3">3 Months</option>
                                                    <option value="4">4 Months</option>
                                                    <option value="5">5 Months</option>
                                                    <option value="6">6 Months</option>
                                                    <option value="7">7 Months</option>
                                                    <option value="8">8 Months</option>
                                                    <option value="9">9 Months</option>
                                                    <option value="10">10 Months</option>
                                                    <option value="11">11 Months</option>
                                                    <option value="12">12 Months</option>
                                                    <option value="13">13 Months</option>
                                                    <option value="14">14 Months</option>
                                                    <option value="15">15 Months</option>
                                                    <option value="16">16 Months</option>
                                                    <option value="17">17 Months</option>
                                                    <option value="18">18 Months</option>
                                                    <option value="19">19 Months</option>
                                                    <option value="20">20 Months</option>
                                                    <option value="21">21 Months</option>
                                                    <option value="22">22 Months</option>
                                                    <option value="23">23 Months</option>
                                                    <option value="24">24 Months</option>
                                                </select>
                                            </div>
                                        </div>



                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="advance_taken_this_month_total">Advance Taken This Month
                                                    Total</label>
                                                <input type="text" class="form-control advance_taken_this_month_total"
                                                    name="advance_taken_this_month_total"
                                                    id="advance_taken_this_month_total" onblur="ad_d()">
                                            </div>
                                        </div>

                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="advance_taken_this_month_total_final_amount">Final
                                                    Amount</label>
                                                <input type="text"
                                                    class="form-control advance_taken_this_month_total_final_amount"
                                                    name="advance_taken_this_month_total_final_amount"
                                                    id="advance_taken_this_month_total_final_amount">
                                            </div>
                                        </div>

                                    </div>

                                    <br>

                                    <div class="row">

                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="loan_installments">Loan Installments</label>
                                                <input type="text" value="Loan Installments" class="form-control"
                                                    readonly>
                                            </div>
                                        </div>

                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="loan_installments">Loan Installments</label>
                                                <select name="loan_installments" id="loan_installments"
                                                    class="form-control loan_installments">
                                                    <option value="" disabled selected>- Select -
                                                    </option>
                                                    <option value="Yes">Yes</option>
                                                    <option value="No">No</option>
                                                </select>
                                            </div>
                                        </div>



                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="loan_installments_previous_month">Loan Installments Previous
                                                    Month</label>
                                                <input type="text" name="loan_installments_previous_month"
                                                    id="loan_installments_previous_month"
                                                    class="form-control loan_installments_previous_month">
                                            </div>
                                        </div>


                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="loan_installments_installment_months">Loan Installments
                                                    Installment Months</label>
                                                <select name="loan_installments_installment_months"
                                                    id="loan_installments_installment_months"
                                                    class="form-control loan_installments_installment_months">
                                                    <option value="" disabled selected>- Select -
                                                    </option>
                                                    <option value="1">1 Months</option>
                                                    <option value="2">2 Months</option>
                                                    <option value="3">3 Months</option>
                                                    <option value="4">4 Months</option>
                                                    <option value="5">5 Months</option>
                                                    <option value="6">6 Months</option>
                                                    <option value="7">7 Months</option>
                                                    <option value="8">8 Months</option>
                                                    <option value="9">9 Months</option>
                                                    <option value="10">10 Months</option>
                                                    <option value="11">11 Months</option>
                                                    <option value="12">12 Months</option>
                                                    <option value="13">13 Months</option>
                                                    <option value="14">14 Months</option>
                                                    <option value="15">15 Months</option>
                                                    <option value="16">16 Months</option>
                                                    <option value="17">17 Months</option>
                                                    <option value="18">18 Months</option>
                                                    <option value="19">19 Months</option>
                                                    <option value="20">20 Months</option>
                                                    <option value="21">21 Months</option>
                                                    <option value="22">22 Months</option>
                                                    <option value="23">23 Months</option>
                                                    <option value="24">24 Months</option>
                                                </select>
                                            </div>
                                        </div>



                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="loan_installments_total">Loan Installments Total</label>
                                                <input type="text" class="form-control loan_installments_total"
                                                    name="loan_installments_total" id="loan_installments_total"
                                                    onblur="loan_d()">
                                            </div>
                                        </div>

                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="loan_installments_total_final_amount">Final Amount</label>
                                                <input type="text"
                                                    class="form-control loan_installments_total_final_amount"
                                                    name="loan_installments_total_final_amount"
                                                    id="loan_installments_total_final_amount">
                                            </div>
                                        </div>

                                    </div>

                                    <br>

                                    <div class="row">


                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="non_compliance_clawback">Non Compliance Clawback</label>
                                                <input type="text" class="form-control"
                                                    value="Non Compliance Clawback" readonly>
                                            </div>
                                        </div>


                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="non_compliance_cb">Non Compliance Clawback</label>
                                                <select name="non_compliance_cb" id="non_compliance_cb"
                                                    class="form-control non_compliance_clawback">
                                                    <option value="" disabled selected>- Select -
                                                    </option>
                                                    <option value="Yes">Yes</option>
                                                    <option value="No">No</option>
                                                </select>
                                            </div>
                                        </div>

                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="non_compliance_cb_previous_month">Non Compliance Clawback
                                                    Previous Month</label>
                                                <input type="text" name="non_compliance_cb_previous_month"
                                                    id="non_compliance_cb_previous_month"
                                                    class="form-control non_compliance_clawback_previous_month">
                                            </div>
                                        </div>





                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="non_compliance_cb_installment_months">Non Compliance
                                                    Clawback Installment Months</label>
                                                <select name="non_compliance_cb_installment_months"
                                                    id="non_compliance_cb_installment_months"
                                                    class="form-control non_compliance_clawback_installment_months">
                                                    <option value="" disabled selected>- Select -
                                                    </option>
                                                    <option value="1">1 Months</option>
                                                    <option value="2">2 Months</option>
                                                    <option value="3">3 Months</option>
                                                    <option value="4">4 Months</option>
                                                    <option value="5">5 Months</option>
                                                    <option value="6">6 Months</option>
                                                    <option value="7">7 Months</option>
                                                    <option value="8">8 Months</option>
                                                    <option value="9">9 Months</option>
                                                    <option value="10">10 Months</option>
                                                    <option value="11">11 Months</option>
                                                    <option value="12">12 Months</option>
                                                    <option value="13">13 Months</option>
                                                    <option value="14">14 Months</option>
                                                    <option value="15">15 Months</option>
                                                    <option value="16">16 Months</option>
                                                    <option value="17">17 Months</option>
                                                    <option value="18">18 Months</option>
                                                    <option value="19">19 Months</option>
                                                    <option value="20">20 Months</option>
                                                    <option value="21">21 Months</option>
                                                    <option value="22">22 Months</option>
                                                    <option value="23">23 Months</option>
                                                    <option value="24">24 Months</option>
                                                </select>
                                            </div>
                                        </div>



                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="non_compliance_cb_total">Non Compliance Clawback
                                                    Total</label>
                                                <input type="text" class="form-control non_compliance_clawback_total"
                                                    name="non_compliance_cb_total" id="non_compliance_cb_total"
                                                    onblur="nc_d()">
                                            </div>
                                        </div>

                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="non_compliance_clawback_total_final_amount">Final
                                                    Amount</label>
                                                <input type="text"
                                                    class="form-control non_compliance_clawback_total_final_amount"
                                                    name="non_compliance_cb_total_final_amount"
                                                    id="non_compliance_cb_total_final_amount">
                                            </div>
                                        </div>

                                    </div>

                                    <br>

                                    <div class="row">

                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="rider_cost_ic">Rider Cost IC</label>
                                                <input type="text" class="form-control" value="Rider Cost IC"
                                                    readonly>
                                            </div>
                                        </div>

                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="rider_cost_ic">Rider Cost IC</label>
                                                <select name="rider_cost_ic" id="rider_cost_ic"
                                                    class="form-control rider_cost_ic">
                                                    <option value="" disabled selected>- Select -
                                                    </option>
                                                    <option value="Yes">Yes</option>
                                                    <option value="No">No</option>
                                                </select>
                                            </div>
                                        </div>

                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="rider_cost_ic_previous_month">Rider Cost IC Previous
                                                    Month</label>
                                                <input type="text" name="rider_cost_ic_previous_month"
                                                    id="rider_cost_ic_previous_month"
                                                    class="form-control rider_cost_ic_previous_month">
                                            </div>
                                        </div>


                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="rider_cost_ic_installment_months">Rider Cost IC Installment
                                                    Months</label>
                                                <select name="rider_cost_ic_installment_months"
                                                    id="rider_cost_ic_installment_months"
                                                    class="form-control rider_cost_ic_installment_months">
                                                    <option value="" disabled selected>- Select -
                                                    </option>
                                                    <option value="1">1 Months</option>
                                                    <option value="2">2 Months</option>
                                                    <option value="3">3 Months</option>
                                                    <option value="4">4 Months</option>
                                                    <option value="5">5 Months</option>
                                                    <option value="6">6 Months</option>
                                                    <option value="7">7 Months</option>
                                                    <option value="8">8 Months</option>
                                                    <option value="9">9 Months</option>
                                                    <option value="10">10 Months</option>
                                                    <option value="11">11 Months</option>
                                                    <option value="12">12 Months</option>
                                                    <option value="13">13 Months</option>
                                                    <option value="14">14 Months</option>
                                                    <option value="15">15 Months</option>
                                                    <option value="16">16 Months</option>
                                                    <option value="17">17 Months</option>
                                                    <option value="18">18 Months</option>
                                                    <option value="19">19 Months</option>
                                                    <option value="20">20 Months</option>
                                                    <option value="21">21 Months</option>
                                                    <option value="22">22 Months</option>
                                                    <option value="23">23 Months</option>
                                                    <option value="24">24 Months</option>
                                                </select>
                                            </div>
                                        </div>



                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="rider_cost_ic_total">Rider Cost IC Total</label>
                                                <input type="text" class="form-control rider_cost_ic_total"
                                                    name="rider_cost_ic_total" id="rider_cost_ic_total" onblur="rc_d()">
                                            </div>
                                        </div>

                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="rider_cost_ic_total_final_amount">Final Amount</label>
                                                <input type="text"
                                                    class="form-control rider_cost_ic_total_final_amount"
                                                    name="rider_cost_ic_total_final_amount"
                                                    id="rider_cost_ic_total_final_amount">
                                            </div>
                                        </div>

                                    </div>

                                    <br>

                                    <div class="row">

                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="rider_cost_other_cp">Rider Cost Other CP</label>
                                                <input type="text" class="form-control" value="Rider Cost Other CP"
                                                    readonly>
                                            </div>
                                        </div>

                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="rider_cost_other_cp">Rider Cost Other CP</label>
                                                <select name="rider_cost_other_cp" id="rider_cost_other_cp"
                                                    class="form-control rider_cost_other_cp">
                                                    <option value="" disabled selected>- Select -
                                                    </option>
                                                    <option value="Yes">Yes</option>
                                                    <option value="No">No</option>
                                                </select>
                                            </div>
                                        </div>


                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="rider_cost_other_cp_previous_month">Rider Cost Other CP
                                                    Previous Month</label>
                                                <input type="text" name="rider_cost_other_cp_previous_month"
                                                    id="rider_cost_other_cp_previous_month"
                                                    class="form-control rider_cost_other_cp_previous_month">
                                            </div>
                                        </div>




                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="rider_cost_other_cp_installment_months">Rider Cost Other Cp
                                                    Installment Months
                                                    Type</label>
                                                <select name="rider_cost_other_cp_installment_months"
                                                    id="rider_cost_other_cp_installment_months"
                                                    class="form-control rider_cost_other_cp_installment_months">
                                                    <option value="" disabled selected>- Select -
                                                    </option>
                                                    <option value="1">1 Months</option>
                                                    <option value="2">2 Months</option>
                                                    <option value="3">3 Months</option>
                                                    <option value="4">4 Months</option>
                                                    <option value="5">5 Months</option>
                                                    <option value="6">6 Months</option>
                                                    <option value="7">7 Months</option>
                                                    <option value="8">8 Months</option>
                                                    <option value="9">9 Months</option>
                                                    <option value="10">10 Months</option>
                                                    <option value="11">11 Months</option>
                                                    <option value="12">12 Months</option>
                                                    <option value="13">13 Months</option>
                                                    <option value="14">14 Months</option>
                                                    <option value="15">15 Months</option>
                                                    <option value="16">16 Months</option>
                                                    <option value="17">17 Months</option>
                                                    <option value="18">18 Months</option>
                                                    <option value="19">19 Months</option>
                                                    <option value="20">20 Months</option>
                                                    <option value="21">21 Months</option>
                                                    <option value="22">22 Months</option>
                                                    <option value="23">23 Months</option>
                                                    <option value="24">24 Months</option>
                                                </select>
                                            </div>
                                        </div>



                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="rider_cost_other_cp_total">Rider Cost Other Cp Total</label>
                                                <input type="text" class="form-control rider_cost_other_cp_total"
                                                    name="rider_cost_other_cp_total" id="rider_cost_other_cp_total"
                                                    onblur="rco_d()">
                                            </div>
                                        </div>

                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="rider_cost_other_cp_total_final_amount">Final Amount</label>
                                                <input type="text"
                                                    class="form-control rider_cost_other_cp_total_final_amount"
                                                    name="rider_cost_other_cp_total_final_amount"
                                                    id="rider_cost_other_cp_total_final_amount">
                                            </div>
                                        </div>

                                    </div>

                                    <br>

                                    <div class="row">


                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="sim_dailer_charges">Sim Dailer Charges</label>
                                                <input type="text" value="Sim Dailer Charges" class="form-control"
                                                    readonly>
                                            </div>
                                        </div>


                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="sim_d_charges">Sim Dailer Charges</label>
                                                <select name="sim_d_charges" id="sim_d_charges"
                                                    class="form-control sim_dailer_charges">
                                                    <option value="" disabled selected>- Select -
                                                    </option>
                                                    <option value="Yes">Yes</option>
                                                    <option value="No">No</option>
                                                </select>
                                            </div>
                                        </div>



                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="sim_d_charges_previous_month">Sim Dailer Charges Previous
                                                    Month</label>
                                                <input type="text" name="sim_d_charges_previous_month"
                                                    id="sim_d_charges_previous_month"
                                                    class="form-control sim_dailer_charges_previous_month">
                                            </div>
                                        </div>


                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="sim_d_charges_installment_months">Sim Dailer Charges
                                                    Installment Months</label>
                                                <select name="sim_d_charges_installment_months"
                                                    id="sim_d_charges_installment_months"
                                                    class="form-control sim_dailer_charges_installment_months">
                                                    <option value="" disabled selected>- Select -
                                                    </option>
                                                    <option value="1">1 Months</option>
                                                    <option value="2">2 Months</option>
                                                    <option value="3">3 Months</option>
                                                    <option value="4">4 Months</option>
                                                    <option value="5">5 Months</option>
                                                    <option value="6">6 Months</option>
                                                    <option value="7">7 Months</option>
                                                    <option value="8">8 Months</option>
                                                    <option value="9">9 Months</option>
                                                    <option value="10">10 Months</option>
                                                    <option value="11">11 Months</option>
                                                    <option value="12">12 Months</option>
                                                    <option value="13">13 Months</option>
                                                    <option value="14">14 Months</option>
                                                    <option value="15">15 Months</option>
                                                    <option value="16">16 Months</option>
                                                    <option value="17">17 Months</option>
                                                    <option value="18">18 Months</option>
                                                    <option value="19">19 Months</option>
                                                    <option value="20">20 Months</option>
                                                    <option value="21">21 Months</option>
                                                    <option value="22">22 Months</option>
                                                    <option value="23">23 Months</option>
                                                    <option value="24">24 Months</option>
                                                </select>
                                            </div>
                                        </div>



                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="sim_d_charges_total">Sim Dailer Charges Total</label>
                                                <input type="text" class="form-control sim_dailer_charges_total"
                                                    name="sim_d_charges_total" id="sim_d_charges_total" onblur="sdc_d()">
                                            </div>
                                        </div>

                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="sim_d_charges_total_final_amount">Final Amount</label>
                                                <input type="text"
                                                    class="form-control sim_dailer_charges_total_final_amount"
                                                    name="sim_d_charges_total_final_amount"
                                                    id="sim_d_charges_total_final_amount">
                                            </div>
                                        </div>

                                    </div>

                                    <br>



                                    <div class="row">

                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="admin_fee">Admin Fee</label>
                                                <input type="text" value="Admin Fee" class="form-control" readonly>
                                            </div>
                                        </div>

                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="admin_fee">Admin Fee</label>
                                                <select name="admin_fee" id="admin_fee" class="form-control admin_fee">
                                                    <option value="" disabled selected>- Select -
                                                    </option>
                                                    <option value="Yes">Yes</option>
                                                    <option value="No">No</option>
                                                </select>
                                            </div>
                                        </div>

                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="admin_fee_previous_month">Admin Fee Previous Month</label>
                                                <input type="text" name="admin_fee_previous_month"
                                                    id="admin_fee_previous_month"
                                                    class="form-control admin_fee_previous_month">
                                            </div>
                                        </div>


                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="admin_fee_installment_months">Admin Fee Installment
                                                    Months</label>
                                                <select name="admin_fee_installment_months"
                                                    id="admin_fee_installment_months"
                                                    class="form-control admin_fee_installment_months">
                                                    <option value="" disabled selected>- Select -
                                                    </option>
                                                    <option value="1">1 Months</option>
                                                    <option value="2">2 Months</option>
                                                    <option value="3">3 Months</option>
                                                    <option value="4">4 Months</option>
                                                    <option value="5">5 Months</option>
                                                    <option value="6">6 Months</option>
                                                    <option value="7">7 Months</option>
                                                    <option value="8">8 Months</option>
                                                    <option value="9">9 Months</option>
                                                    <option value="10">10 Months</option>
                                                    <option value="11">11 Months</option>
                                                    <option value="12">12 Months</option>
                                                    <option value="13">13 Months</option>
                                                    <option value="14">14 Months</option>
                                                    <option value="15">15 Months</option>
                                                    <option value="16">16 Months</option>
                                                    <option value="17">17 Months</option>
                                                    <option value="18">18 Months</option>
                                                    <option value="19">19 Months</option>
                                                    <option value="20">20 Months</option>
                                                    <option value="21">21 Months</option>
                                                    <option value="22">22 Months</option>
                                                    <option value="23">23 Months</option>
                                                    <option value="24">24 Months</option>
                                                </select>
                                            </div>
                                        </div>



                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="admin_fee_total">Admin Fee Total</label>
                                                <input type="text" class="form-control admin_fee_total"
                                                    name="admin_fee_total" id="admin_fee_total" onblur="af_d()">
                                            </div>
                                        </div>


                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="admin_fee_total_final_amount">Final Amount</label>
                                                <input type="text" class="form-control admin_fee_total_final_amount"
                                                    name="admin_fee_total_final_amount" id="admin_fee_total_final_amount">
                                            </div>
                                        </div>

                                    </div>


                                    <br>

                                    <div class="row">

                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="wps">Wps</label>
                                                <input type="text" value="Wps" class="form-control" readonly>
                                            </div>
                                        </div>

                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="wps">Wps</label>
                                                <select name="wps" id="wps" class="form-control wps">
                                                    <option value="" disabled selected>- Select -
                                                    </option>
                                                    <option value="Yes">Yes</option>
                                                    <option value="No">No</option>
                                                </select>
                                            </div>
                                        </div>



                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="wps_previous_month">Wps Previous Month</label>
                                                <input type="text" name="wps_previous_month" id="wps_previous_month"
                                                    class="form-control wps_previous_month">
                                            </div>
                                        </div>


                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="wps_installment_months">Wps Installment Months</label>
                                                <select name="wps_installment_months" id="wps_installment_months"
                                                    class="form-control wps_installment_months">
                                                    <option value="" disabled selected>- Select -
                                                    </option>
                                                    <option value="1">1 Months</option>
                                                    <option value="2">2 Months</option>
                                                    <option value="3">3 Months</option>
                                                    <option value="4">4 Months</option>
                                                    <option value="5">5 Months</option>
                                                    <option value="6">6 Months</option>
                                                    <option value="7">7 Months</option>
                                                    <option value="8">8 Months</option>
                                                    <option value="9">9 Months</option>
                                                    <option value="10">10 Months</option>
                                                    <option value="11">11 Months</option>
                                                    <option value="12">12 Months</option>
                                                    <option value="13">13 Months</option>
                                                    <option value="14">14 Months</option>
                                                    <option value="15">15 Months</option>
                                                    <option value="16">16 Months</option>
                                                    <option value="17">17 Months</option>
                                                    <option value="18">18 Months</option>
                                                    <option value="19">19 Months</option>
                                                    <option value="20">20 Months</option>
                                                    <option value="21">21 Months</option>
                                                    <option value="22">22 Months</option>
                                                    <option value="23">23 Months</option>
                                                    <option value="24">24 Months</option>
                                                </select>
                                            </div>
                                        </div>



                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="wps_total">Wps Total</label>
                                                <input type="text" class="form-control wps_total" name="wps_total"
                                                    id="wps_total" onblur="wps_d()">
                                            </div>
                                        </div>


                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="wps_total_final_amount">Final Amount</label>
                                                <input type="text" class="form-control wps_total_final_amount"
                                                    name="wps_total_final_amount" id="wps_total_final_amount">
                                            </div>
                                        </div>

                                    </div>


                                    <br>


                                    <div class="row">


                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="insurance">Insurance</label>
                                                <input type="text" class="form-control" value="Insurance" readonly>
                                            </div>
                                        </div>

                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="insurance">Insurance</label>
                                                <select name="insurance" id="insurance" class="form-control insurance">
                                                    <option value="" disabled selected>- Select -
                                                    </option>
                                                    <option value="Yes">Yes</option>
                                                    <option value="No">No</option>
                                                </select>
                                            </div>
                                        </div>

                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="insurance_previous_month">Insurance Previous Month</label>
                                                <input type="text" name="insurance_previous_month"
                                                    id="insurance_previous_month"
                                                    class="form-control insurance_previous_month">
                                            </div>
                                        </div>




                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="insurance_installment_months">Insurance Installment
                                                    Months</label>
                                                <select name="insurance_installment_months"
                                                    id="insurance_installment_months"
                                                    class="form-control insurance_installment_months">
                                                    <option value="" disabled selected>- Select -
                                                    </option>
                                                    <option value="1">1 Months</option>
                                                    <option value="2">2 Months</option>
                                                    <option value="3">3 Months</option>
                                                    <option value="4">4 Months</option>
                                                    <option value="5">5 Months</option>
                                                    <option value="6">6 Months</option>
                                                    <option value="7">7 Months</option>
                                                    <option value="8">8 Months</option>
                                                    <option value="9">9 Months</option>
                                                    <option value="10">10 Months</option>
                                                    <option value="11">11 Months</option>
                                                    <option value="12">12 Months</option>
                                                    <option value="13">13 Months</option>
                                                    <option value="14">14 Months</option>
                                                    <option value="15">15 Months</option>
                                                    <option value="16">16 Months</option>
                                                    <option value="17">17 Months</option>
                                                    <option value="18">18 Months</option>
                                                    <option value="19">19 Months</option>
                                                    <option value="20">20 Months</option>
                                                    <option value="21">21 Months</option>
                                                    <option value="22">22 Months</option>
                                                    <option value="23">23 Months</option>
                                                    <option value="24">24 Months</option>
                                                </select>
                                            </div>
                                        </div>



                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="insurance_total">Insurance Total</label>
                                                <input type="text" class="form-control insurance_total"
                                                    name="insurance_total" id="insurance_total" onblur="in_d()">
                                            </div>
                                        </div>


                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="insurance_total_final_amount">Final Amount</label>
                                                <input type="text" class="form-control insurance_total_final_amount"
                                                    name="insurance_total_final_amount" id="insurance_total_final_amount">
                                            </div>
                                        </div>

                                    </div>

                                    <br>



                                    <div class="row">

                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="mis_dedections">Mis Dedections</label>
                                                <input type="text" class="form-control" value="Mis Dedections"
                                                    readonly>
                                            </div>
                                        </div>

                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="mis_dd">Mis Dedections</label>
                                                <select name="mis_dd" id="mis_dd"
                                                    class="form-control mis_dedections">
                                                    <option value="" disabled selected>- Select -
                                                    </option>
                                                    <option value="Yes">Yes</option>
                                                    <option value="No">No</option>
                                                </select>
                                            </div>
                                        </div>

                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="mis_dd_previous_month">Mis Dedections Previous
                                                    Month</label>
                                                <input type="text" name="mis_dd_previous_month"
                                                    id="mis_dd_previous_month"
                                                    class="form-control mis_dedections_previous_month">
                                            </div>
                                        </div>




                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="mis_dd_installment_months">Mis Dedections Installment
                                                    Months</label>
                                                <select name="mis_dd_installment_months" id="mis_dd_installment_months"
                                                    class="form-control mis_dedections_installment_months">
                                                    <option value="" disabled selected>- Select -
                                                    </option>
                                                    <option value="1">1 Months</option>
                                                    <option value="2">2 Months</option>
                                                    <option value="3">3 Months</option>
                                                    <option value="4">4 Months</option>
                                                    <option value="5">5 Months</option>
                                                    <option value="6">6 Months</option>
                                                    <option value="7">7 Months</option>
                                                    <option value="8">8 Months</option>
                                                    <option value="9">9 Months</option>
                                                    <option value="10">10 Months</option>
                                                    <option value="11">11 Months</option>
                                                    <option value="12">12 Months</option>
                                                    <option value="13">13 Months</option>
                                                    <option value="14">14 Months</option>
                                                    <option value="15">15 Months</option>
                                                    <option value="16">16 Months</option>
                                                    <option value="17">17 Months</option>
                                                    <option value="18">18 Months</option>
                                                    <option value="19">19 Months</option>
                                                    <option value="20">20 Months</option>
                                                    <option value="21">21 Months</option>
                                                    <option value="22">22 Months</option>
                                                    <option value="23">23 Months</option>
                                                    <option value="24">24 Months</option>
                                                </select>
                                            </div>
                                        </div>



                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="mis_dd_total">Mis Dedections Total</label>
                                                <input type="text" class="form-control mis_dedections_total"
                                                    name="mis_dd_total" id="mis_dd_total" onblur="mi_d()">
                                            </div>
                                        </div>


                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="mis_dd_final_amount">Final Amount</label>
                                                <input type="text" class="form-control mis_dedections_final_amount"
                                                    name="mis_dd_final_amount" id="mis_dd_final_amount">
                                            </div>
                                        </div>




                                    </div>

                                    <br>

                                    <div class="row">


                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="bank_charges">Bank Charges</label>
                                                <input type="text" class="form-control" value="Bank Charges" readonly>
                                            </div>
                                        </div>

                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="bank_charges">Bank Charges</label>
                                                <select name="bank_charges" id="bank_charges"
                                                    class="form-control bank_charges">
                                                    <option value="" disabled selected>- Select -
                                                    </option>
                                                    <option value="Yes">Yes</option>
                                                    <option value="No">No</option>
                                                </select>
                                            </div>
                                        </div>


                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="bank_charges_previous_month">Bank Charges Previous
                                                    Month</label>
                                                <input type="text" name="bank_charges_previous_month"
                                                    id="bank_charges_previous_month"
                                                    class="form-control bank_charges_previous_month">
                                            </div>
                                        </div>




                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="bank_charges_installment_months">Bank Charges Installment
                                                    Months</label>
                                                <select name="bank_charges_installment_months"
                                                    id="bank_charges_installment_months"
                                                    class="form-control bank_charges_installment_months">
                                                    <option value="" disabled selected>- Select -
                                                    </option>
                                                    <option value="1">1 Months</option>
                                                    <option value="2">2 Months</option>
                                                    <option value="3">3 Months</option>
                                                    <option value="4">4 Months</option>
                                                    <option value="5">5 Months</option>
                                                    <option value="6">6 Months</option>
                                                    <option value="7">7 Months</option>
                                                    <option value="8">8 Months</option>
                                                    <option value="9">9 Months</option>
                                                    <option value="10">10 Months</option>
                                                    <option value="11">11 Months</option>
                                                    <option value="12">12 Months</option>
                                                    <option value="13">13 Months</option>
                                                    <option value="14">14 Months</option>
                                                    <option value="15">15 Months</option>
                                                    <option value="16">16 Months</option>
                                                    <option value="17">17 Months</option>
                                                    <option value="18">18 Months</option>
                                                    <option value="19">19 Months</option>
                                                    <option value="20">20 Months</option>
                                                    <option value="21">21 Months</option>
                                                    <option value="22">22 Months</option>
                                                    <option value="23">23 Months</option>
                                                    <option value="24">24 Months</option>
                                                </select>
                                            </div>
                                        </div>



                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="bank_charges_total">Bank Charges Total</label>
                                                <input type="text" class="form-control bank_charges_total"
                                                    name="bank_charges_total" id="bank_charges_total" onblur="bk_d()">
                                            </div>
                                        </div>


                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="bank_charges_total_final_amount">Final Amount</label>
                                                <input type="text" class="form-control bank_charges_total_final_amount"
                                                    name="bank_charges_total_final_amount"
                                                    id="bank_charges_total_final_amount">
                                            </div>
                                        </div>


                                    </div>

                                    <div class="row">

                                        <div class="col-md-2">
                                        </div>

                                        <div class="col-md-2">
                                        </div>
                                        <div class="col-md-2">
                                        </div>


                                        <div class="col-md-2">
                                        </div>



                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="total_revenue">Total Revenue</label>
                                                <input type="text" class="form-control total_revenue"
                                                    name="total_revenue" id="total_revenue">
                                            </div>
                                        </div>



                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="total_deductions">Total Deductions</label>
                                                <input type="text" class="form-control total_deductions"
                                                    name="total_deductions" id="total_deductions">
                                            </div>
                                        </div>
                                    </div>


                                    <div class="row">

                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="total">Total</label>
                                                <input type="text" class="form-control total" name="total"
                                                    id="total" value="Total" readonly>
                                            </div>
                                        </div>

                                        <div class="col-md-2">
                                        </div>

                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="total_previous_month">Total</label>
                                                <input type="text" class="form-control total_previous_month"
                                                    name="total_previous_month" id="total_previous_month">
                                            </div>
                                        </div>


                                        <div class="col-md-2">
                                        </div>



                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="total_current_month">Total</label>
                                                <input type="text" class="form-control total_current_month"
                                                    name="total_current_month" id="total_current_month">
                                            </div>
                                        </div>



                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="net_payouts">Net Payouts</label>
                                                <input type="text" class="form-control net_payouts" name="net_payouts"
                                                    id="net_payouts">
                                            </div>
                                        </div>
                                    </div>


                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <button type="submit" id="saveBtn" class="btn btn-success"
                                                    name="upload">Submit</button>
                                            </div>
                                        </div>
                                    </div>

                                </form>


                            </div>
                        </div>
                    </div>

                </div>

            </div>

        </div>
    @endsection

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script>
        $(document).ready(function() {

            $("#saveBtn").click(function(e) {
                e.preventDefault();

                const users = $(".users").val();
                const designation = $(".designation").val();
                const month = $(".month").val();
                const cf_d = $(".cf_dedection").val();
                const cf_d_previous_month = $(".cf_dedection_previous_month").val();
                const cf_d_installment_months = $(".cf_dedection_installment_months").val();
                const cf_d_total = $(".cf_dedection_total").val();
                const cf_d_final_amount = $(".cf_dedection_final_amount").val();
                const advance_taken_this_month = $(".advance_taken_this_month").val();
                const advance_taken_previous_month = $(".advance_taken_previous_month").val();
                const advance_taken_this_month_installment_months = $(
                    ".advance_taken_this_month_installment_months").val();
                const advance_taken_this_month_total = $(".advance_taken_this_month_total").val();
                const advance_taken_this_month_total_final_amount = $(
                    ".advance_taken_this_month_total_final_amount").val();
                const loan_installments = $(".loan_installments").val();
                const loan_installments_previous_month = $(".loan_installments_previous_month").val();
                const loan_installments_installment_months = $(".loan_installments_installment_months")
                    .val();
                const loan_installments_total = $(".loan_installments_total").val();
                const loan_installments_total_final_amount = $(".loan_installments_total_final_amount")
                    .val();
                const non_compliance_cb = $(".non_compliance_clawback").val();
                const non_compliance_cb_previous_month = $(".non_compliance_clawback_previous_month").val();
                const non_compliance_cb_installment_months = $(
                        ".non_compliance_clawback_installment_months")
                    .val();
                const non_compliance_cb_total = $(".non_compliance_clawback_total").val();
                const non_compliance_cb_total_final_amount = $(
                        ".non_compliance_clawback_total_final_amount")
                    .val();
                const rider_cost_ic = $(".rider_cost_ic").val();
                const rider_cost_ic_previous_month = $(".rider_cost_ic_previous_month").val();
                const rider_cost_ic_installment_months = $(".rider_cost_ic_installment_months").val();
                const rider_cost_ic_total = $(".rider_cost_ic_total").val();
                const rider_cost_ic_total_final_amount = $(".rider_cost_ic_total_final_amount").val();
                const rider_cost_other_cp = $(".rider_cost_other_cp").val();
                const rider_cost_other_cp_previous_month = $(".rider_cost_other_cp_previous_month").val();
                const rider_cost_other_cp_installment_months = $(".rider_cost_other_cp_installment_months")
                    .val();
                const rider_cost_other_cp_total = $(".rider_cost_other_cp_total").val();
                const rider_cost_other_cp_total_final_amount = $(".rider_cost_other_cp_total_final_amount")
                    .val();
                const sim_d_charges = $(".sim_dailer_charges").val();
                const sim_d_charges_previous_month = $(".sim_dailer_charges_previous_month").val();
                const sim_d_charges_installment_months = $(".sim_dailer_charges_installment_months").val();
                const sim_d_charges_total = $(".sim_dailer_charges_total").val();
                const sim_d_charges_total_final_amount = $(".sim_dailer_charges_total_final_amount").val();
                const admin_fee = $(".admin_fee").val();
                const admin_fee_previous_month = $(".admin_fee_previous_month").val();
                const admin_fee_installment_months = $(".admin_fee_installment_months").val();
                const admin_fee_total = $(".admin_fee_total").val();
                const admin_fee_total_final_amount = $(".admin_fee_total_final_amount").val();
                const wps = $(".wps").val();
                const wps_previous_month = $(".wps_previous_month").val();
                const wps_installment_months = $(".wps_installment_months").val();
                const wps_total = $(".wps_total").val();
                const wps_total_final_amount = $(".wps_total_final_amount").val();
                const insurance = $(".insurance").val();
                const insurance_previous_month = $(".insurance_previous_month").val();
                const insurance_installment_months = $(".insurance_installment_months").val();
                const insurance_total = $(".insurance_total").val();
                const insurance_total_final_amount = $(".insurance_total_final_amount").val();
                const mis_dd = $(".mis_dedections").val();
                const mis_dd_previous_month = $(".mis_dedections_previous_month").val();
                const mis_dd_installment_months = $(".mis_dedections_installment_months").val();
                const mis_dd_total = $(".mis_dedections_total").val();
                const mis_dd_final_amount = $(".mis_dedections_final_amount").val();
                const bank_charges = $(".bank_charges").val();
                const bank_charges_previous_month = $(".bank_charges_previous_month").val();
                const bank_charges_installment_months = $(".bank_charges_installment_months").val();
                const bank_charges_total = $(".bank_charges_total").val();
                const bank_charges_total_final_amount = $(".bank_charges_total_final_amount").val();
                const total_deductions = $(".total_deductions").val();
                const net_payouts = $(".net_payouts").val();
                const status = $(".status").val();
                const total = $(".total").val();
                const total_previous_month = $(".total_previous_month").val();
                const total_current_month = $(".total_current_month").val();
                const total_revenue = $(".total_revenue").val();



                // Client-side validation
                if (!users || !designation || !month) {
                    alert("Please fill out all required fields.");
                    return;
                }

                $.ajax({
                    type: "POST",
                    url: "{{ route('dedections.save') }}",
                    data: {
                        _token: "{{ csrf_token() }}",
                        users: users,
                        designation: designation,
                        month: month,
                        cf_d: cf_d,
                        cf_d_previous_month: cf_d_previous_month,
                        cf_d_installment_months: cf_d_installment_months,
                        cf_d_total: cf_d_total,
                        cf_d_final_amount: cf_d_final_amount,
                        advance_taken_this_month: advance_taken_this_month,
                        advance_taken_previous_month: advance_taken_previous_month,
                        advance_taken_this_month_installment_months: advance_taken_this_month_installment_months,
                        advance_taken_this_month_total: advance_taken_this_month_total,
                        advance_taken_this_month_total_final_amount: advance_taken_this_month_total_final_amount,
                        loan_installments: loan_installments,
                        loan_installments_previous_month: loan_installments_previous_month,
                        loan_installments_installment_months: loan_installments_installment_months,
                        loan_installments_total: loan_installments_total,
                        loan_installments_total_final_amount: loan_installments_total_final_amount,
                        non_compliance_cb: non_compliance_cb,
                        non_compliance_cb_previous_month: non_compliance_cb_previous_month,
                        non_compliance_cb_installment_months: non_compliance_cb_installment_months,
                        non_compliance_cb_total: non_compliance_cb_total,
                        non_compliance_cb_total_final_amount: non_compliance_cb_total_final_amount,
                        rider_cost_ic: rider_cost_ic,
                        rider_cost_ic_previous_month: rider_cost_ic_previous_month,
                        rider_cost_ic_installment_months: rider_cost_ic_installment_months,
                        rider_cost_ic_total: rider_cost_ic_total,
                        rider_cost_ic_total_final_amount: rider_cost_ic_total_final_amount,
                        rider_cost_other_cp: rider_cost_other_cp,
                        rider_cost_other_cp_previous_month: rider_cost_other_cp_previous_month,
                        rider_cost_other_cp_installment_months: rider_cost_other_cp_installment_months,
                        rider_cost_other_cp_total: rider_cost_other_cp_total,
                        rider_cost_other_cp_total_final_amount: rider_cost_other_cp_total_final_amount,
                        sim_d_charges: sim_d_charges,
                        sim_d_charges_previous_month: sim_d_charges_previous_month,
                        sim_d_charges_installment_months: sim_d_charges_installment_months,
                        sim_d_charges_total: sim_d_charges_total,
                        sim_d_charges_total_final_amount: sim_d_charges_total_final_amount,
                        admin_fee: admin_fee,
                        admin_fee_previous_month: admin_fee_previous_month,
                        admin_fee_installment_months: admin_fee_installment_months,
                        admin_fee_total: admin_fee_total,
                        admin_fee_total_final_amount: admin_fee_total_final_amount,
                        wps: wps,
                        wps_previous_month: wps_previous_month,
                        wps_installment_months: wps_installment_months,
                        wps_total: wps_total,
                        wps_total_final_amount: wps_total_final_amount,
                        insurance: insurance,
                        insurance_previous_month: insurance_previous_month,
                        insurance_installment_months: insurance_installment_months,
                        insurance_total: insurance_total,
                        insurance_total_final_amount: insurance_total_final_amount,
                        mis_dd: mis_dd,
                        mis_dd_previous_month: mis_dd_previous_month,
                        mis_dd_installment_months: mis_dd_installment_months,
                        mis_dd_total: mis_dd_total,
                        mis_dd_final_amount: mis_dd_final_amount,
                        bank_charges: bank_charges,
                        bank_charges_previous_month: bank_charges_previous_month,
                        bank_charges_installment_months: bank_charges_installment_months,
                        bank_charges_total: bank_charges_total,
                        bank_charges_total_final_amount: bank_charges_total_final_amount,
                        total_deductions: total_deductions,
                        net_payouts: net_payouts,
                        status: status,
                        total: total,
                        total_previous_month: total_previous_month,
                        total_current_month: total_current_month,
                        total_revenue: total_revenue,
                    },
                    success: function(response) {
                        // console.log(response);
                        if (response.message) {
                            alert(response.message); // Replace with a toast notification
                            // Optionally reset the form
                            $("#DedectionsForm")[0].reset();
                            window.location.href = "/admin/dedections/index"
                        } else {
                            alert("Failed to save advance budget. Please try again.");
                        }
                    },
                    error: function(xhr) {
                        if (xhr.status === 422) {
                            const errors = xhr.responseJSON.errors;
                            let errorMessage = "Validation Errors:\n";
                            for (const key in errors) {
                                errorMessage += `${errors[key]}\n`;
                            }
                            // alert(errorMessage);
                            console.log(errorMessage);
                        } else {
                            console.error(xhr.responseText);
                            alert("An unexpected error occurred.");
                        }
                    },
                });
            });
        });


        function get_designation() {
            const users = $(".users").val();
            const month = $(".month").val();

            $.ajax({
                type: "GET",
                url: "{{ route('dedections.get_designation') }}",
                data: {
                    users: users,
                    month: month
                },
                dataType: "json", // Ensure the response is in JSON format
                success: function(response) {
                    // console.log(response.deductions.cf_d_final_amount);
                    // alert(response.user_revenues.final_amount);
                    $('.designation').val(response.users.role);
                    $('.total_revenue').val(response.user_revenues?.final_amount ?? '0.00');
                    // console.log(response.deductions.cf_d_final_amount);
                    // console.log(response.deductions);
                    if (response && response.deductions && response.users) {
                        // console.log(response.deductions);
                        // Populate fields based on the 'deductions' object
                        $('.cf_dedection_previous_month').val(response.deductions.cf_d_final_amount || '0.00');
                        $('.advance_taken_previous_month').val(response.deductions
                            .advance_taken_this_month_total_final_amount || '0.00');
                        $('.loan_installments_previous_month').val(response.deductions
                            .loan_installments_total_final_amount || '0.00');
                        $('.non_compliance_clawback_previous_month').val(response.deductions
                            .non_compliance_cb_total_final_amount || '0.00');
                        $('.rider_cost_ic_previous_month').val(response.deductions
                            .rider_cost_ic_total_final_amount || '0.00');
                        $('.rider_cost_other_cp_previous_month').val(response.deductions
                            .rider_cost_other_cp_total_final_amount || '0.00');
                        $('.sim_dailer_charges_previous_month').val(response.deductions
                            .sim_d_charges_total_final_amount || '0.00');
                        $('.admin_fee_previous_month').val(response.deductions.admin_fee_total_final_amount ||
                            '0.00');
                        $('.wps_previous_month').val(response.deductions.wps_total_final_amount || '0.00');
                        $('.insurance_previous_month').val(response.deductions.insurance_total_final_amount ||
                            '0.00');
                        $('.mis_dedections_previous_month').val(response.deductions.mis_dd_final_amount ||
                            '0.00');
                        $('.bank_charges_previous_month').val(response.deductions
                            .bank_charges_total_final_amount || '0.00');
                        $('.total_previous_month').val(response.deductions.total_previous_month || '0.00');

                        // Populate the user-related fields
                        $('.user_name').text(response.users.name || 'Unknown');
                        $('.user_email').text(response.users.email || 'N/A');
                        $('.user_agent_code').text(response.users.agent_code || 'N/A');

                        // Call total calculation if necessary
                        TotalPreviousDeductions();
                    } else {
                        // Handle the case where response is null or missing deductions/users
                        console.warn("No data available.");
                        // You can choose to set default values or skip this part entirely.
                        // $('.designation').val('N/A');
                        $('.cf_dedection_previous_month').val('0.00');
                        $('.advance_taken_previous_month').val('0.00');
                        $('.loan_installments_previous_month').val('0.00');
                        $('.non_compliance_clawback_previous_month').val('0.00');
                        $('.rider_cost_ic_previous_month').val('0.00');
                        $('.rider_cost_other_cp_previous_month').val('0.00');
                        $('.sim_dailer_charges_previous_month').val('0.00');
                        $('.admin_fee_previous_month').val('0.00');
                        $('.wps_previous_month').val('0.00');
                        $('.insurance_previous_month').val('0.00');
                        $('.mis_dedections_previous_month').val('0.00');
                        $('.bank_charges_previous_month').val('0.00');
                        $('.total_previous_month').val('0.00');
                        // $('.total_revenue').val('0.00');

                        $('.user_name').text('Unknown');
                        $('.user_email').text('N/A');
                        $('.user_agent_code').text('N/A');
                        TotalPreviousDeductions();
                    }
                },
                error: function(jqXHR, textStatus, errorThrown) {
                    console.error("AJAX error:", textStatus, errorThrown);
                    alert("Failed to fetch data. Please try again.");
                }
            });
        }



        function cf_dd() {
            // alert('ammad');
            const cf_dedection_installment_months = $(".cf_dedection_installment_months").val();
            const cf_dedection_total = $(".cf_dedection_total").val();

            // Convert the values to numbers for calculation
            const installmentType = parseFloat(cf_dedection_installment_months);
            const total = parseFloat(cf_dedection_total);

            if (isNaN(installmentType) || isNaN(total) || installmentType === 0) {
                alert("Please enter valid numbers and ensure the installment type is not zero.");
                $(".cf_dedection_final_amount").val("");
                return;
            }

            const finalAmount = total / installmentType;

            // Display the result
            $(".cf_dedection_final_amount").val(finalAmount.toFixed(2)); // Rounded to 2 decimal places
            TotalDeductions()
            TotalCurrentDeductions()
            TotalPreviousDeductions()
            calculateTotal()

        }


        function ad_d() {
            // Retrieve values from the input fields
            const installmentMonths = parseFloat($(".advance_taken_this_month_installment_months").val());
            const totalAdvance = parseFloat($(".advance_taken_this_month_total").val());

            // Validate inputs
            if (isNaN(installmentMonths) || isNaN(totalAdvance) || installmentMonths === 0) {
                alert("Please enter valid numbers and ensure the installment months are not zero.");
                $(".advance_taken_this_month_total_final_amount").val(""); // Clear the output field
                return;
            }

            // Calculate the final amount
            const finalAmount = totalAdvance / installmentMonths;

            // Display the result, rounded to 2 decimal places
            $(".advance_taken_this_month_total_final_amount").val(finalAmount.toFixed(2));
            TotalDeductions()
            TotalCurrentDeductions()
            TotalPreviousDeductions()
            calculateTotal()


        }



        function loan_d() {
            // Retrieve values from input fields
            const installmentMonths = parseFloat($(".loan_installments_installment_months").val());
            const totalLoanAmount = parseFloat($(".loan_installments_total").val());

            // Validate inputs
            if (isNaN(installmentMonths) || isNaN(totalLoanAmount) || installmentMonths === 0) {
                alert("Please enter valid numbers and ensure the installment months are not zero.");
                $(".loan_installments_total_final_amount").val(""); // Clear the output field
                return;
            }

            // Calculate the final amount
            const finalAmount = totalLoanAmount / installmentMonths;

            // Display the result, rounded to 2 decimal places
            $(".loan_installments_total_final_amount").val(finalAmount.toFixed(2));
            TotalDeductions()
            TotalCurrentDeductions()
            TotalPreviousDeductions()
            calculateTotal()


        }



        function nc_d() {
            // Retrieve values from input fields
            const installmentMonths = parseFloat($(".non_compliance_clawback_installment_months").val());
            const totalClawbackAmount = parseFloat($(".non_compliance_clawback_total").val());

            // Validate inputs
            if (isNaN(installmentMonths) || isNaN(totalClawbackAmount) || installmentMonths === 0) {
                alert("Please enter valid numbers and ensure the installment months are not zero.");
                $(".non_compliance_clawback_total_final_amount").val(""); // Clear the output field
                return;
            }

            // Calculate the final amount
            const finalAmount = totalClawbackAmount / installmentMonths;

            // Display the result, rounded to 2 decimal places
            $(".non_compliance_clawback_total_final_amount").val(finalAmount.toFixed(2));
            TotalDeductions()
            TotalCurrentDeductions()
            TotalPreviousDeductions()
            calculateTotal()



        }



        function rc_d() {
            // Retrieve values from input fields
            const installmentMonths = parseFloat($(".rider_cost_ic_installment_months").val());
            const totalRiderCost = parseFloat($(".rider_cost_ic_total").val());

            // Validate inputs
            if (isNaN(installmentMonths) || isNaN(totalRiderCost) || installmentMonths === 0) {
                alert("Please enter valid numbers and ensure the installment months are not zero.");
                $(".rider_cost_ic_total_final_amount").val(""); // Clear the output field
                return;
            }

            // Calculate the final amount
            const finalAmount = totalRiderCost / installmentMonths;

            // Display the result, rounded to 2 decimal places
            $(".rider_cost_ic_total_final_amount").val(finalAmount.toFixed(2));
            TotalDeductions()
            TotalCurrentDeductions()
            TotalPreviousDeductions()
            calculateTotal()



        }



        function rco_d() {
            // Retrieve values from input fields
            const installmentMonths = parseFloat($(".rider_cost_other_cp_installment_months").val());
            const totalCost = parseFloat($(".rider_cost_other_cp_total").val());

            // Validate inputs
            if (isNaN(installmentMonths) || isNaN(totalCost) || installmentMonths === 0) {
                alert("Please enter valid numbers and ensure the installment months are not zero.");
                $(".rider_cost_other_cp_total_final_amount").val(""); // Clear the output field
                return;
            }

            // Calculate the final amount
            const finalAmount = totalCost / installmentMonths;

            // Display the result, rounded to 2 decimal places
            $(".rider_cost_other_cp_total_final_amount").val(finalAmount.toFixed(2));
            TotalDeductions()
            TotalCurrentDeductions()
            TotalPreviousDeductions()
            calculateTotal()


        }



        function sdc_d() {
            // Retrieve values from input fields
            const installmentMonths = parseFloat($(".sim_dailer_charges_installment_months").val());
            const totalCharges = parseFloat($(".sim_dailer_charges_total").val());

            // Validate inputs
            if (isNaN(installmentMonths) || isNaN(totalCharges) || installmentMonths === 0) {
                alert("Please enter valid numbers and ensure the installment months are not zero.");
                $(".sim_dailer_charges_total_final_amount").val(""); // Clear the output field
                return;
            }

            // Calculate the final amount
            const finalAmount = totalCharges / installmentMonths;

            // Display the result, rounded to 2 decimal places
            $(".sim_dailer_charges_total_final_amount").val(finalAmount.toFixed(2));
            TotalDeductions()
            TotalCurrentDeductions()
            TotalPreviousDeductions()
            calculateTotal()


        }




        function af_d() {
            // Retrieve values from input fields
            const installmentMonths = parseFloat($(".admin_fee_installment_months").val());
            const totalAdminFee = parseFloat($(".admin_fee_total").val());

            // Validate inputs
            if (isNaN(installmentMonths) || isNaN(totalAdminFee) || installmentMonths === 0) {
                alert("Please enter valid numbers and ensure the installment months are not zero.");
                $(".admin_fee_total_final_amount").val(""); // Clear the output field
                return;
            }

            // Calculate the final amount
            const finalAmount = totalAdminFee / installmentMonths;

            // Display the result, rounded to 2 decimal places
            $(".admin_fee_total_final_amount").val(finalAmount.toFixed(2));
            TotalDeductions()
            TotalCurrentDeductions()
            TotalPreviousDeductions()
            calculateTotal()


        }



        function wps_d() {
            // Retrieve values from input fields
            const installmentMonths = parseFloat($(".wps_installment_months").val());
            const totalWPS = parseFloat($(".wps_total").val());

            // Validate inputs
            if (isNaN(installmentMonths) || isNaN(totalWPS) || installmentMonths === 0) {
                alert("Please enter valid numbers and ensure the installment months are not zero.");
                $(".wps_total_final_amount").val(""); // Clear the output field
                return;
            }

            // Calculate the final amount
            const finalAmount = totalWPS / installmentMonths;

            // Display the result, rounded to 2 decimal places
            $(".wps_total_final_amount").val(finalAmount.toFixed(2));
            TotalDeductions()
            TotalCurrentDeductions()
            TotalPreviousDeductions()
            calculateTotal()



        }



        function in_d() {
            // Retrieve values from input fields
            const installmentMonths = parseFloat($(".insurance_installment_months").val());
            const totalInsurance = parseFloat($(".insurance_total").val());

            // Validate inputs
            if (isNaN(installmentMonths) || isNaN(totalInsurance) || installmentMonths === 0) {
                alert("Please enter valid numbers and ensure the installment months are not zero.");
                $(".insurance_total_final_amount").val(""); // Clear the output field
                return;
            }

            // Calculate the final amount
            const finalAmount = totalInsurance / installmentMonths;

            // Display the result, rounded to 2 decimal places
            $(".insurance_total_final_amount").val(finalAmount.toFixed(2));
            TotalDeductions()
            TotalCurrentDeductions()
            TotalPreviousDeductions()
            calculateTotal()



        }


        function mi_d() {
            // Retrieve values from input fields
            const installmentMonths = parseFloat($(".mis_dedections_installment_months").val());
            const totalDeductions = parseFloat($(".mis_dedections_total").val());

            // Validate inputs
            if (isNaN(installmentMonths) || isNaN(totalDeductions) || installmentMonths === 0) {
                alert("Please enter valid numbers and ensure the installment months are not zero.");
                $(".mis_dedections_final_amount").val(""); // Clear the output field
                return;
            }

            // Calculate the final amount
            const finalAmount = totalDeductions / installmentMonths;

            // Display the result, rounded to 2 decimal places
            $(".mis_dedections_final_amount").val(finalAmount.toFixed(2));
            TotalDeductions()
            TotalCurrentDeductions()
            TotalPreviousDeductions()
            calculateTotal()



        }



        function bk_d() {
            // Retrieve values from input fields
            const installmentMonths = parseFloat($(".bank_charges_installment_months").val());
            const totalBankCharges = parseFloat($(".bank_charges_total").val());

            // Validate inputs
            if (isNaN(installmentMonths) || isNaN(totalBankCharges) || installmentMonths === 0) {
                alert("Please enter valid numbers and ensure the installment months are not zero.");
                $(".bank_charges_total_final_amount").val(""); // Clear the output field
                return;
            }

            // Calculate the final amount
            const finalAmount = totalBankCharges / installmentMonths;

            // Display the result, rounded to 2 decimal places
            $(".bank_charges_total_final_amount").val(finalAmount.toFixed(2));
            TotalDeductions()
            TotalCurrentDeductions()
            TotalPreviousDeductions()
            calculateTotal()


        }

        function TotalDeductions() {
            const cf_dedection_final_amount = parseFloat($(".cf_dedection_final_amount").val()) || 0;
            const advance_taken_this_month_total_final_amount = parseFloat($(".advance_taken_this_month_total_final_amount")
                .val()) || 0;
            const loan_installments_total_final_amount = parseFloat($(".loan_installments_total_final_amount").val()) || 0;
            const non_compliance_clawback_total_final_amount = parseFloat($(".non_compliance_clawback_total_final_amount")
                .val()) || 0;
            const rider_cost_ic_total_final_amount = parseFloat($(".rider_cost_ic_total_final_amount").val()) || 0;
            const rider_cost_other_cp_total_final_amount = parseFloat($(".rider_cost_other_cp_total_final_amount").val()) ||
                0;
            const sim_dailer_charges_total_final_amount = parseFloat($(".sim_dailer_charges_total_final_amount").val()) ||
                0;
            const admin_fee_total_final_amount = parseFloat($(".admin_fee_total_final_amount").val()) || 0;
            const wps_total_final_amount = parseFloat($(".wps_total_final_amount").val()) || 0;
            const insurance_total_final_amount = parseFloat($(".insurance_total_final_amount").val()) || 0;
            const mis_dedections_final_amount = parseFloat($(".mis_dedections_final_amount").val()) || 0;
            const bank_charges_total_final_amount = parseFloat($(".bank_charges_total_final_amount").val()) || 0;

            const total = cf_dedection_final_amount + advance_taken_this_month_total_final_amount +
                loan_installments_total_final_amount +
                non_compliance_clawback_total_final_amount + rider_cost_ic_total_final_amount +
                rider_cost_other_cp_total_final_amount + sim_dailer_charges_total_final_amount +
                admin_fee_total_final_amount + wps_total_final_amount + insurance_total_final_amount +
                mis_dedections_final_amount + bank_charges_total_final_amount;


            $(".total_deductions").val(total);
        }


        function TotalPreviousDeductions() {
            const cf_dedection_previous_month = parseFloat($(".cf_dedection_previous_month").val()) || 0;
            const advance_taken_previous_month = parseFloat($(".advance_taken_previous_month")
                .val()) || 0;
            const loan_installments_previous_month = parseFloat($(".loan_installments_previous_month").val()) || 0;
            const non_compliance_clawback_previous_month = parseFloat($(".non_compliance_clawback_previous_month")
                .val()) || 0;
            const rider_cost_ic_previous_month = parseFloat($(".rider_cost_ic_previous_month").val()) || 0;
            const rider_cost_other_cp_previous_month = parseFloat($(".rider_cost_other_cp_previous_month").val()) ||
                0;
            const sim_dailer_charges_previous_month = parseFloat($(".sim_dailer_charges_previous_month").val()) ||
                0;
            const admin_fee_previous_month = parseFloat($(".admin_fee_previous_month").val()) || 0;
            const wps_previous_month = parseFloat($(".wps_previous_month").val()) || 0;
            const insurance_previous_month = parseFloat($(".insurance_previous_month").val()) || 0;
            const mis_dedections_previous_month = parseFloat($(".mis_dedections_previous_month").val()) || 0;
            const bank_charges_previous_month = parseFloat($(".bank_charges_previous_month").val()) || 0;

            const total = cf_dedection_previous_month + advance_taken_previous_month +
                loan_installments_previous_month +
                non_compliance_clawback_previous_month + rider_cost_ic_previous_month +
                rider_cost_other_cp_previous_month + sim_dailer_charges_previous_month +
                admin_fee_previous_month + wps_previous_month + insurance_previous_month +
                mis_dedections_previous_month + bank_charges_previous_month;

            $(".total_previous_month").val(total);
        }

        function TotalCurrentDeductions() {
            const cf_dedection_total = parseFloat($(".cf_dedection_total").val()) || 0;
            const advance_taken_this_month_total = parseFloat($(".advance_taken_this_month_total")
                .val()) || 0;
            const loan_installments_total = parseFloat($(".loan_installments_total").val()) || 0;
            const non_compliance_clawback_total = parseFloat($(".non_compliance_clawback_total")
                .val()) || 0;
            const rider_cost_ic_total = parseFloat($(".rider_cost_ic_total").val()) || 0;
            const rider_cost_other_cp_total = parseFloat($(".rider_cost_other_cp_total").val()) ||
                0;
            const sim_dailer_charges_total = parseFloat($(".sim_dailer_charges_total").val()) ||
                0;
            const admin_fee_total = parseFloat($(".admin_fee_total").val()) || 0;
            const wps_total = parseFloat($(".wps_total").val()) || 0;
            const insurance_total = parseFloat($(".insurance_total").val()) || 0;
            const mis_dedections_total = parseFloat($(".mis_dedections_total").val()) || 0;
            const bank_charges_total = parseFloat($(".bank_charges_total").val()) || 0;

            const total = cf_dedection_total + advance_taken_this_month_total +
                loan_installments_total +
                non_compliance_clawback_total + rider_cost_ic_total +
                rider_cost_other_cp_total + sim_dailer_charges_total +
                admin_fee_total + wps_total + insurance_total +
                mis_dedections_total + bank_charges_total;

            $(".total_current_month").val(total);
        }



        // function calculateTotal() {
        //     const total_previous_month = parseFloat($(".total_previous_month").val()) || 0;
        //     const total_current_month = parseFloat($(".total_current_month").val()) || 0;
        //     const total_revenue = parseFloat($(".total_revenue").val()) || 0;
        //     const total_deductions = parseFloat($(".total_deductions").val()) || 0;

        //     // const subtotal = total_previous_month - total_deductions;
        //     // const subtotal = total_deductions;

        //     // const subtotal = total_revenue - total_deductions;
        //     // const total = total_previous_month - subtotal;

        //     // const subtotal = total_revenue + total_deductions;
        //     // const total = subtotal - total_previous_month;

        //     const total = total_deductions - total_revenue - total_previous_month;

        //     $(".net_payouts").val(total);
        // }

        // function calculateTotal() {
        //     const total_previous_month = parseFloat($(".total_previous_month").val()) || 0;
        //     const total_current_month = parseFloat($(".total_current_month").val()) || 0;
        //     const total_revenue = parseFloat($(".total_revenue").val()) || 0;
        //     const total_deductions = parseFloat($(".total_deductions").val()) || 0;

        //     // Net payout calculation (for example, based on the formula you provided)
        //     const total = total_deductions - total_revenue - total_previous_month;

        //     check if total_revenue value total_previous_month value is null so show the total value in minus and if any one is null so also show - in total value and if both is not null so dont show miunus value

        //     $(".net_payouts").val(total);
        // }

        function calculateTotal() {
            const total_previous_month = parseFloat($(".total_previous_month").val()) || 0;
            const total_current_month = parseFloat($(".total_current_month").val()) || 0;
            const total_revenue = parseFloat($(".total_revenue").val()) || 0;
            const total_deductions = parseFloat($(".total_deductions").val()) || 0;

            // Check if either total_revenue or total_previous_month is null (or zero)
            if (total_revenue === 0 || total_previous_month === 0) {
                // If either is null or zero, show the total as a negative value
                $(".net_payouts").val("-" + Math.abs(total_deductions));
            } else {
                // Calculate total normally if both values are not null
                const total = total_deductions - total_revenue - total_previous_month;
                $(".net_payouts").val(total);
            }
        }
    </script>