@extends('layout.app')
@section('title', 'Edit Expense Voucher')

@push('header_script')
    <style>
        .readonly {
            background-color: #e9ecef;
        }

        .shopPayment {
            display: none !important;
        }

        #nonGstTable th,
        #nonGstTable td,
        #gstExpenseTable th,
        #gstExpenseTable td {
            vertical-align: middle;
            font-size: 0.87rem;
            padding: 6px 8px;
        }

        .sec-heading {
            font-weight: 700;
            font-size: 0.88rem;
            text-transform: uppercase;
            letter-spacing: .05em;
            color: #0d6efd;
            margin-bottom: 10px;
        }
    </style>
    <link rel="stylesheet" href="{{ asset('theme/assets/vendor/daterange/daterange.css') }}">
@endpush

@section('content')

    <div class="app-hero-header d-flex align-items-center">
        <ol class="breadcrumb">
            <li class="breadcrumb-item">
                <a href="javascript:void(0);">Edit Expense Voucher</a>
            </li>
        </ol>
        <div class="ms-auto d-lg-flex flex-row">
            <div class="d-flex flex-row gap-1 day-sorting">
                <a href="{{ route('expense-voucher.index') }}" class="btn btn-sm btn-primary">
                    <i class="ri-arrow-left-circle-fill"></i> Back
                </a>
            </div>
        </div>
    </div>

    <div class="app-body">
        <div class="card-body">
            <div class="row gx-3">
                <div class="col-sm-12">
                    <div class="card mb-3">
                        <div class="card-body">

                            {!! Form::open([
                                'route' => ['expense-voucher.update', $expense->id],
                                'onsubmit' => 'BtnSubmit.disabled = true',
                                'class' => 'row g-3 needs-validation',
                                'method' => 'post',
                                'autocomplete' => 'off',
                                'files' => true,
                            ]) !!}
                            @method('PUT')

                            {{-- Voucher No --}}
                            <div class="col-md-3 col-12">
                                <label class="form-label" for="voucher_no">
                                    Voucher No.<span class="text-danger">*</span>
                                </label>
                                <input type="text" class="form-control readonly" id="voucher_no" name="voucher_no"
                                    required value="{{ $expense->voucher_no }}" readonly>
                                <div class="text-danger">{{ $errors->first('voucher_no') }}</div>
                            </div>

                            {{-- Expense Type --}}
                            <div class="col-md-2 col-12">
                                <label class="form-label">Expense Type</label>
                                <div class="mt-2 d-flex gap-3">
                                    <div>
                                        <input type="radio" value="non_gst" name="expense_type" id="radioNonGst"
                                            {{ $expense->expense_type == 'non_gst' ? 'checked' : '' }}>
                                        <label for="radioNonGst" class="ms-1">Non-GST</label>
                                    </div>
                                    <div>
                                        <input type="radio" value="gst" name="expense_type" id="radioGst"
                                            {{ $expense->expense_type == 'gst' ? 'checked' : '' }}>
                                        <label for="radioGst" class="ms-1">GST</label>
                                    </div>
                                </div>
                            </div>

                            {{-- Party --}}
                            <div class="col-md-4 col-12">
                                <label class="form-label" for="party_account_ledger_id">
                                    Party Name<span class="text-danger">*</span>
                                    <button type="button" class="btn btn-sm btn-primary ms-1" data-bs-toggle="modal"
                                        data-bs-target="#commonPartyModal" data_type="purchase_party">
                                        <i class="ri-add-circle-line"></i>
                                    </button>
                                </label>
                                {!! Form::select(
                                    'party_account_ledger_id',
                                    ['' => '--Select--'] + $partyLedger,
                                    $expense->party_account_ledger_id,
                                    ['class' => 'form-control select2', 'id' => 'party_account_ledger_id', 'required'],
                                ) !!}
                                <small class="text-muted d-block mt-1">
                                    Balance: <span id="party_balance" class="fw-bold"></span>
                                </small>
                                <div class="text-danger">{{ $errors->first('party_account_ledger_id') }}</div>
                                <input type="hidden" name="party_state_id" id="party_state_id" value="">
                                <input type="hidden" name="party_register_type" id="party_register_type" value="">
                                <input type="hidden" name="is_party_cash_bank" id="is_party_cash_bank" value="">
                            </div>

                            {{-- Date --}}
                            <div class="col-md-3 col-12">
                                <label class="form-label" for="voucher_date">
                                    Date<span class="text-danger">*</span>
                                </label>
                                <div class="input-group">
                                    <span class="input-group-text"><i class="ri-calendar-todo-line"></i></span>
                                    <input type="text" id="voucher_date" class="form-control datepicker"
                                        name="voucher_date" required
                                        value="{{ date('d-m-Y', strtotime($expense->voucher_date)) }}">
                                </div>
                                <div class="text-danger">{{ $errors->first('voucher_date') }}</div>
                            </div>

                            {{-- Created By --}}
                            <div class="col-md-3 col-12">
                                <label class="form-label" for="created_by">Created By</label>
                                <input type="text" class="form-control readonly" id="created_by" name="created_by"
                                    readonly value="{{ $expense->created_by }}">
                            </div>

                            {{-- Invoice Number --}}
                            <div class="col-md-3 col-12">
                                <label class="form-label" for="invoice_number">Invoice Number</label>
                                <input type="text" class="form-control" id="invoice_number" name="invoice_number"
                                    value="{{ $expense->invoice_number }}">
                            </div>

                            {{-- Document Upload --}}
                            <div class="col-md-3 col-12">
                                <label class="form-label" for="doc">Document Upload</label>
                                <input type="file" class="form-control" id="doc" name="doc">
                                @if ($expense->doc)
                                    <small class="text-muted">Current: {{ basename($expense->doc) }}</small>
                                @endif
                            </div>

                            {{-- ══ NON-GST SECTION ══ --}}
                            <div class="col-md-12" id="nonGstSection"
                                style="{{ $expense->expense_type == 'gst' ? 'display:none;' : '' }}">
                                <div class="sec-heading">Particulars</div>
                                <div class="table-responsive">
                                    <table class="table table-bordered align-middle" id="nonGstTable">
                                        <thead class="table-light">
                                            <tr>
                                                <th width="50%">Expense Ledger</th>
                                                <th width="25%">Amount</th>
                                                <th width="20%">Remark</th>
                                                <th width="5%" class="text-center">
                                                    <button type="button" id="addNonGstRow"
                                                        class="btn btn-sm btn-primary">
                                                        <i class="ri-add-circle-fill"></i>
                                                    </button>
                                                </th>
                                            </tr>
                                        </thead>
                                        <tbody id="nonGstBody">
                                            @if ($expense->expense_type == 'non_gst' && $expense->items->count() > 0)
                                                @foreach ($expense->items as $item)
                                                    <tr>
                                                        <td>
                                                            {!! Form::select('non_gst_ledger_id[]', ['' => '--Select--'] + $expenseLedger, $item->expense_ledger_id, [
                                                                'class' => 'form-control select2 nonGstLedger',
                                                            ]) !!}
                                                        </td>
                                                        <td>
                                                            <input type="text" name="non_gst_amount[]"
                                                                class="form-control floatnumber nonGstAmount"
                                                                value="{{ $item->amount }}">
                                                        </td>
                                                        <td>
                                                            <input type="text" name="non_gst_remark[]"
                                                                class="form-control" value="{{ $item->remark }}">
                                                        </td>
                                                        <td class="text-center">
                                                            <button type="button"
                                                                class="btn btn-sm btn-danger delNonGstRow">
                                                                <i class="ri-delete-bin-line"></i>
                                                            </button>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            @else
                                                <tr>
                                                    <td>
                                                        {!! Form::select('non_gst_ledger_id[]', ['' => '--Select--'] + $expenseLedger, null, [
                                                            'class' => 'form-control select2 nonGstLedger',
                                                        ]) !!}
                                                    </td>
                                                    <td>
                                                        <input type="text" name="non_gst_amount[]"
                                                            class="form-control floatnumber nonGstAmount" value="0">
                                                    </td>
                                                    <td>
                                                        <input type="text" name="non_gst_remark[]"
                                                            class="form-control">
                                                    </td>
                                                    <td></td>
                                                </tr>
                                            @endif
                                        </tbody>
                                        <tfoot>
                                            <tr>
                                                <td colspan="2" class="text-end fw-bold">Total</td>
                                                <td>
                                                    <input type="text" id="nonGstTotal"
                                                        class="form-control readonly text-end fw-bold" readonly
                                                        value="{{ $expense->non_gst_total ?? '0.00' }}">
                                                </td>
                                                <td></td>
                                            </tr>
                                        </tfoot>
                                    </table>
                                </div>
                            </div>

                            {{-- ══ GST SECTION ══ --}}
                            <div class="col-md-12" id="gstExpSection"
                                style="{{ $expense->expense_type == 'non_gst' ? 'display:none;' : '' }}">
                                <div class="sec-heading">Particulars</div>
                                <div class="table-responsive">
                                    <table class="table table-bordered align-middle" id="gstExpenseTable">
                                        <thead class="table-light">
                                            <tr>
                                                <th width="25%">Expense Ledger</th>
                                                <th width="15%">Remark</th>
                                                <th width="15%">Taxable Amount</th>
                                                <th width="12%">Tax Rate (%)</th>
                                                <th width="13%">Tax Amount</th>
                                                <th width="15%">Total Amount</th>
                                                <th width="5%" class="text-center">
                                                    <button type="button" id="addGstRow" class="btn btn-sm btn-primary">
                                                        <i class="ri-add-circle-fill"></i>
                                                    </button>
                                                </th>
                                            </tr>
                                        </thead>
                                        <tbody id="gstBody">
                                            @if ($expense->expense_type == 'gst' && $expense->items->count() > 0)
                                                @foreach ($expense->items as $item)
                                                    <tr>
                                                        <td>
                                                            {!! Form::select('gst_ledger_id[]', ['' => '--Select--'] + $expenseLedger, $item->expense_ledger_id, [
                                                                'class' => 'form-control select2 gstLedger',
                                                            ]) !!}
                                                        </td>
                                                        <td>
                                                            <input type="text" name="gst_remark[]"
                                                                class="form-control" value="{{ $item->remark }}">
                                                        </td>
                                                        <td>
                                                            <input type="text" name="gst_taxable_amount[]"
                                                                class="form-control floatnumber gstTaxable"
                                                                value="{{ $item->taxable_amount }}">
                                                        </td>
                                                        <td>
                                                            <input type="hidden" name="gst_tax_slab[]"
                                                                class="gstTaxSlab" value="{{ $item->tax_slab }}">
                                                            {!! Form::select('gst_tax_group_id[]', ['' => '--Select--'] + $taxGroup, $item->tax_group_id, [
                                                                'class' => 'form-control select2 gstTaxGroup',
                                                            ]) !!}
                                                        </td>
                                                        <td>
                                                            <input type="text" name="gst_tax_amount[]"
                                                                class="form-control readonly gstTaxAmount" readonly
                                                                value="{{ $item->tax_amount }}">
                                                        </td>
                                                        <td>
                                                            <input type="text" name="gst_total_amount[]"
                                                                class="form-control readonly gstRowTotal" readonly
                                                                value="{{ $item->total_amount }}">
                                                        </td>
                                                        <td class="text-center">
                                                            <button type="button"
                                                                class="btn btn-sm btn-danger delGstRow">
                                                                <i class="ri-delete-bin-line"></i>
                                                            </button>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            @else
                                                <tr>
                                                    <td>
                                                        {!! Form::select('gst_ledger_id[]', ['' => '--Select--'] + $expenseLedger, null, [
                                                            'class' => 'form-control select2 gstLedger',
                                                        ]) !!}
                                                    </td>
                                                    <td>
                                                        <input type="text" name="gst_remark[]" class="form-control">
                                                    </td>
                                                    <td>
                                                        <input type="text" name="gst_taxable_amount[]"
                                                            class="form-control floatnumber gstTaxable" value="0.00">
                                                    </td>
                                                    <td>
                                                        <input type="hidden" name="gst_tax_slab[]" class="gstTaxSlab"
                                                            value="0">
                                                        {!! Form::select('gst_tax_group_id[]', ['' => '--Select--'] + $taxGroup, null, [
                                                            'class' => 'form-control select2 gstTaxGroup',
                                                        ]) !!}
                                                    </td>
                                                    <td>
                                                        <input type="text" name="gst_tax_amount[]"
                                                            class="form-control readonly gstTaxAmount" readonly
                                                            value="0.00">
                                                    </td>
                                                    <td>
                                                        <input type="text" name="gst_total_amount[]"
                                                            class="form-control readonly gstRowTotal" readonly
                                                            value="0.00">
                                                    </td>
                                                    <td></td>
                                                </tr>
                                            @endif
                                        </tbody>
                                        <tfoot>
                                            <tr>
                                                <td colspan="2" class="text-end fw-bold">Total</td>
                                                <td>
                                                    <input type="text" id="totalTaxableValue"
                                                        name="total_taxable_value"
                                                        class="form-control readonly text-end fw-bold" readonly
                                                        value="{{ $expense->total_taxable_value ?? '0.00' }}">
                                                </td>
                                                <td></td>
                                                <td>
                                                    <input type="text" id="totalGstTaxAmount"
                                                        name="total_gst_tax_amount"
                                                        class="form-control readonly text-end fw-bold" readonly
                                                        value="{{ $expense->total_gst_tax_amount ?? '0.00' }}">
                                                </td>
                                                <td>
                                                    <input type="text" id="totalGstAmount" name="total_gst_amount"
                                                        class="form-control readonly text-end fw-bold" readonly
                                                        value="{{ $expense->total_gst_amount ?? '0.00' }}">
                                                </td>
                                                <td></td>
                                            </tr>
                                        </tfoot>
                                    </table>
                                </div>

                                {{-- GST BREAKUP --}}
                                <div id="gstBreakupSection" style="display:none;">
                                    <div id="cgstSgstBlock" style="display:none;">
                                        <div class="row mb-2">
                                            <div class="col-md-8"><label>CGST Input</label></div>
                                            <div class="col-md-4">
                                                <input type="text" name="cgst_input" id="cgst_input" value="0"
                                                    readonly class="form-control form-control-sm text-end fw-semibold">
                                            </div>
                                        </div>
                                        <div class="row mb-3">
                                            <div class="col-md-8"><label>SGST Input</label></div>
                                            <div class="col-md-4">
                                                <input type="text" name="sgst_input" id="sgst_input" value="0"
                                                    readonly class="form-control form-control-sm text-end fw-semibold">
                                            </div>
                                        </div>
                                    </div>
                                    <div id="igstBlock" style="display:none;">
                                        <div class="row mb-3">
                                            <div class="col-md-8"><label>IGST Input</label></div>
                                            <div class="col-md-4">
                                                <input type="text" name="igst_input" id="igst_input" value="0"
                                                    readonly class="form-control form-control-sm text-end fw-semibold">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                {{-- END GST BREAKUP --}}

                            </div>
                            {{-- END GST SECTION --}}

                            <input type="hidden" name="final_tax_total" id="finalTaxTotal" value="0.00">

                            {{-- Gross Total --}}
                            <div class="col-12">
                                <div class="row mb-3">
                                    <div class="col-md-8"><label class="fw-semibold">Gross Total</label></div>
                                    <div class="col-md-4">
                                        <input type="text" name="gross_total" id="gross_total"
                                            value="{{ $expense->net_total }}" readonly
                                            class="form-control form-control-sm text-end fw-semibold">
                                    </div>
                                </div>

                                {{-- Net Total --}}
                                <div class="row mb-3">
                                    <div class="col-md-8"><label class="fw-bold">Net Total</label></div>
                                    <div class="col-md-4">
                                        <input type="text" name="net_total" id="net_total"
                                            value="{{ $expense->net_total }}" readonly
                                            class="form-control form-control-sm text-end fw-bold">
                                    </div>
                                </div>

                                {{-- Payment Section --}}
                                <div class="row mb-4 paymentSection">
                                    <div class="col-md-8 d-flex flex-column">
                                        <div class="d-flex align-items-center gap-2 mb-2">
                                            <label>Payment Type</label>
                                            <button type="button" id="addPayment"
                                                class="btn btn-sm btn-primary">+</button>
                                        </div>
                                        <div id="paymentTable" class="flex-grow-1"></div>
                                    </div>
                                    <div class="col-md-4 d-flex flex-column justify-content-end">
                                        <input type="text" name="total_paid" id="total_paid"
                                            value="{{ $expense->total_paid }}" readonly
                                            class="form-control form-control-sm text-end fw-semibold">
                                    </div>
                                </div>

                                {{-- Discount --}}
                                <div class="row mb-2">
                                    <div class="col-md-8"><label>Discount</label></div>
                                    <div class="col-md-4">
                                        <input type="text" name="discount" id="discount"
                                            value="{{ $expense->discount }}"
                                            class="form-control form-control-sm text-end floatnumber">
                                    </div>
                                </div>

                                {{-- Balance --}}
                                <div class="row mt-2">
                                    <div class="col-md-8"><label class="fw-bold">Balance</label></div>
                                    <div class="col-md-4">
                                        <input type="text" name="balance" id="balance"
                                            value="{{ $expense->balance }}" readonly
                                            class="form-control form-control-sm text-end fw-bold">
                                    </div>
                                </div>
                            </div>

                            {{-- Remark --}}
                            <div class="col-md-12 col-12">
                                <label class="form-label" for="remark">Remark</label>
                                <textarea class="form-control" name="remark">{{ $expense->remark }}</textarea>
                                <div class="text-danger">{{ $errors->first('remark') }}</div>
                            </div>

                            <div class="col-xl-12 col-md-12 col-12">
                                <button class="btn btn-primary mt-1" id="BtnSubmit" type="submit">Update</button>
                            </div>

                            {!! Form::close() !!}

                        </div>{{-- card-body --}}
                    </div>{{-- card --}}
                </div>
            </div>
        </div>
    </div>

    @include('common.modal.common_party')

@endsection

@push('footer_script')
    <script>
        /* ══════════════════════════════════════════════════════════
           GLOBALS — pass PHP data to JS cleanly
        ══════════════════════════════════════════════════════════ */
        var companyStateId = parseInt(@json($companyDetails->state_id));
        var taxGroupNoneId = @json($taxGroupNone->id);
        var existingPayments = @json($expense->payments);
        var paymentLedger = @json($paymentLedger);
        var expenseType = @json($expense->expense_type);
        var payRowIdx = 50;
        var ngIdx = 50;
        var gIdx = 50;

    function loadLedgerBalance(ledgerId, targetSpanId) {
        if (!ledgerId) {
            $('#' + targetSpanId).text('₹ 0.00').removeClass('text-success text-danger');
            return;
        }
        $.ajax({
            url: '{{ route("getLedgerBalance") }}',
            type: 'GET',
            data: { account_ledger_id: ledgerId },
            success: function(res) {
                let colorClass = res.balance_type === 'Dr' ? 'text-success' : 'text-danger';
                let label = res.display_type === 'Receivable' ? 'Receivable' : 'Payable';
                let text = '₹ ' + parseFloat(res.balance).toFixed(2) + ' ' + res.balance_type + ' (' + label + ')';
                $('#' + targetSpanId).text(text).removeClass('text-success text-danger').addClass(colorClass);
            }
        });
    }

    $(document).ready(function() {

        $(".select2").select2();

        $(document).on('focus', '.floatnumber', function() {
            if ($(this).val() == '0' || $(this).val() == '0.00') {
                $(this).data('default-val', $(this).val());
                $(this).val('');
            }
        });

        $(document).on('blur', '.floatnumber', function() {
            if ($(this).val() === '') {
                let def = $(this).data('default-val') || '0';
                $(this).val(def);
                $(this).trigger('input'); // Trigger input to recalculate totals
            }
        });

        $(document).on('input', '.floatnumber', function() {
            this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');
        });

        showSection(expenseType);
        $('input[name="expense_type"]').on('change', function() {
            showSection($(this).val());
        });

        existingPayments.forEach(function(payment) {
            addPaymentRow(payment.paid_amount, payment.payment_account_ledger_id);
        });
        
        let initialPartyLedgerId = $('#party_account_ledger_id').val();
        if (initialPartyLedgerId) {
            loadLedgerBalance(initialPartyLedgerId, 'party_balance');
        }

        calcNonGstTotal();
        calcGstTotals();

        $('#party_account_ledger_id').on('change', function() {
            var party_account_ledger_id = $(this).val();
            if (!party_account_ledger_id) {
                loadLedgerBalance(null, 'party_balance');
                return;
            }
            loadLedgerBalance(party_account_ledger_id, 'party_balance');

            $.ajax({
                url: '{{ route('commonPartyDetailByAccountLedgerId') }}',
                type: 'GET',
                data: {
                    party_account_ledger_id: party_account_ledger_id
                },
                success: function(response) {
                    var partyData = response[0];
                    var isCashBank = response[1];
                    var balance = response[2];

                        var isRegular = partyData && partyData.register_type === 'Regular';

                        if (isCashBank === 'yes' || !isRegular) {
                            if (isCashBank === 'yes') {
                                $('.paymentSection').addClass('shopPayment');
                                $('#is_party_cash_bank').val('yes');
                            } else {
                                $('.paymentSection').removeClass('shopPayment');
                                $('#is_party_cash_bank').val('no');
                            }
                            $('#party_register_type').val('');
                            $('#party_state_id').val('');
                            $('#gstBreakupSection, #cgstSgstBlock, #igstBlock').hide();
                            $('#cgst_input, #sgst_input, #igst_input').val('0.00');
                        } else {
                            $('.paymentSection').removeClass('shopPayment');
                            $('#is_party_cash_bank').val('no');
                            $('#party_register_type').val('Regular');

                            var partyStateId = parseInt(partyData.state_id || 0);
                            $('#party_state_id').val(partyStateId);
                            recalcAllGstRows();

                            if (!partyStateId) {
                                $('#gstBreakupSection, #cgstSgstBlock, #igstBlock').hide();
                            } else if (partyStateId === companyStateId) {
                                $('#gstBreakupSection').show();
                                $('#cgstSgstBlock').show();
                                $('#igstBlock').hide();
                            } else {
                                $('#gstBreakupSection').show();
                                $('#cgstSgstBlock').hide();
                                $('#igstBlock').show();
                            }
                        }
                        calculation();
                    },
                    error: function(xhr, status, error) {
                        console.error('Party AJAX Error:', status, error);
                    }
                });
            });
            $('#addPayment').on('click', function() {
                addPaymentRow(0, null);
                calculation();
            });

            $(document).on('input', '.totalPaidAmount', function() {
                paymentCal();
            });

            $(document).on('click', '.del_payment_btn', function() {
                $(this).closest('.d-flex').remove();
                paymentCal();
            });

            $('#addNonGstRow').on('click', function() {
                var row = '<tr>' +
                    '<td>' +
                    '<select name="non_gst_ledger_id[]" class="form-control select2 nonGstLedger">' +
                    '<option value="">--Select--</option>' +
                    buildExpenseLedgerOptions() +
                    '</select>' +
                    '</td>' +
                    '<td><input type="text" name="non_gst_amount[]" class="form-control floatnumber nonGstAmount" value="0"></td>' +
                    '<td><input type="text" name="non_gst_remark[]" class="form-control"></td>' +
                    '<td class="text-center">' +
                    '<button type="button" class="btn btn-sm btn-danger delNonGstRow">' +
                    '<i class="ri-delete-bin-line"></i>' +
                    '</button>' +
                    '</td>' +
                    '</tr>';
                $('#nonGstBody').append(row);
                $(".select2").select2();
                ngIdx++;
                calcNonGstTotal();
            });

            $(document).on('input', '.nonGstAmount', function() {
                calcNonGstTotal();
            });


            $(document).on('click', '.delNonGstRow', function() {
                $(this).closest('tr').remove();
                calcNonGstTotal();
            });

            $('#addGstRow').on('click', function() {
                var row = '<tr>' +
                    '<td>' +
                    '<select name="gst_ledger_id[]" class="form-control select2 gstLedger">' +
                    '<option value="">--Select--</option>' +
                    buildExpenseLedgerOptions() +
                    '</select>' +
                    '</td>' +
                    '<td><input type="text" name="gst_remark[]" class="form-control"></td>' +
                    '<td><input type="text" name="gst_taxable_amount[]" class="form-control floatnumber gstTaxable" value="0.00"></td>' +
                    '<td>' +
                    '<input type="hidden" name="gst_tax_slab[]" class="gstTaxSlab" value="0">' +
                    '<select name="gst_tax_group_id[]" class="form-control select2 gstTaxGroup">' +
                    '<option value="">--Select--</option>' +
                    buildTaxGroupOptions() +
                    '</select>' +
                    '</td>' +
                    '<td><input type="text" name="gst_tax_amount[]" class="form-control readonly gstTaxAmount" readonly value="0.00"></td>' +
                    '<td><input type="text" name="gst_total_amount[]" class="form-control readonly gstRowTotal" readonly value="0.00"></td>' +
                    '<td class="text-center">' +
                    '<button type="button" class="btn btn-sm btn-danger delGstRow">' +
                    '<i class="ri-delete-bin-line"></i>' +
                    '</button>' +
                    '</td>' +
                    '</tr>';
                $('#gstBody').append(row);
                $(".select2").select2();
                gIdx++;
            });


            $(document).on('change', '.gstTaxGroup', function() {
                var tax_group_id = $(this).val();
                var $row = $(this).closest('tr');
                var party_ledger_id = $('#party_account_ledger_id').val() || 0;

                if (!tax_group_id) {
                    $row.find('.gstTaxSlab').val(0);
                    calcGstRow($row);
                    return;
                }

                $.ajax({
                    url: '{{ route('getTaxGroupDetailById') }}',
                    type: 'GET',
                    data: {
                        tax_group_id: tax_group_id,
                        party_account_ledger_id: party_ledger_id
                    },
                    success: function(result) {
                        $row.find('.gstTaxSlab').val(result.tax_slab || 0);
                        calcGstRow($row);
                    },
                    error: function(x, s, e) {
                        console.error('Tax group AJAX Error:', e);
                    }
                });
            });

            $(document).on('input', '.gstTaxable', function() {
                calcGstRow($(this).closest('tr'));
            });
            $(document).on('click', '.delGstRow', function() {
                $(this).closest('tr').remove();
                calcGstTotals();
            });
            $('#discount').on('input', function() {
                calculation();
            });

        });


        var expenseLedgerData = @json($expenseLedger);
        var taxGroupData = @json($taxGroup);

        function buildExpenseLedgerOptions() {
            var html = '';
            $.each(expenseLedgerData, function(id, name) {
                html += '<option value="' + id + '">' + name + '</option>';
            });
            return html;
        }

        function buildTaxGroupOptions() {
            var html = '';
            $.each(taxGroupData, function(id, name) {
                html += '<option value="' + id + '">' + name + '</option>';
            });
            return html;
        }


        function showSection(type) {
            if (type === 'non_gst') {
                $('#nonGstSection').show();
                $('#gstExpSection').hide();
            } else {
                $('#nonGstSection').hide();
                $('#gstExpSection').show();
            }
            calculation();
        }


        //  ADD PAYMENT ROW

        function addPaymentRow(paidAmount, selectedLedgerId) {
            var options = '';
            $.each(paymentLedger, function(id, name) {
                var selected = (selectedLedgerId && parseInt(id) === parseInt(selectedLedgerId)) ? 'selected' : '';
                options += '<option value="' + id + '" ' + selected + '>' + name + '</option>';
            });

            var newRow = $('<div class="d-flex mb-1">');
            var cols =
                '<select name="payment_account_ledger_id[]" style="width:45%;" class="form-control select2" required>' +
                options +
                '</select>' +
                '<input name="paid_amount[]" style="margin-left:10px;width:45%;" ' +
                'class="form-control floatnumber totalPaidAmount" ' +
                'value="' + parseFloat(paidAmount || 0).toFixed(2) + '" required type="text" ' +
                'id="paid_amount_' + payRowIdx + '">' +
                '<button type="button" ' +
                'style="border-radius:15px;height:20px;width:20px;margin-top:10px;margin-left:5px;" ' +
                'class="btn btn-danger btn-sm del_payment_btn">' +
                '<i class="ri-delete-bin-2-line ri-sm" style="position:relative;bottom:6px;right:4px;"></i>' +
                '</button>';

            payRowIdx++;
            newRow.append(cols);
            $('#paymentTable').append(newRow);
            $(".select2").select2();
        }
        function paymentCal() {
            var total = 0;
            $('.totalPaidAmount').each(function() {
                total += parseFloat(this.value) || 0;
            });
            $('#total_paid').val(total.toFixed(2));
            calculation();
        }

        function calcNonGstTotal() {
            var sum = 0;
            $('.nonGstAmount').each(function() {
                sum += parseFloat(this.value) || 0;
            });
            $('#nonGstTotal').val(sum.toFixed(2));
            calculation();
        }

        function calcGstRow($row) {
            var party_register_type = $('#party_register_type').val();
            var taxable = parseFloat($row.find('.gstTaxable').val()) || 0;
            var slab = parseFloat($row.find('.gstTaxSlab').val()) || 0;

            if (party_register_type === 'Regular') {
                var taxAmt = (taxable * slab / 100);
                $row.find('.gstTaxAmount').val(taxAmt.toFixed(2));
                $row.find('.gstRowTotal').val((taxable + taxAmt).toFixed(2));
            } else {
                $row.find('.gstTaxAmount').val('0.00');
                $row.find('.gstRowTotal').val(taxable.toFixed(2));
            }
            calcGstTotals();
        }

        function recalcAllGstRows() {
            $('#gstBody tr').each(function() {
                calcGstRow($(this));
            });
        }
        function calcGstTotals() {
            var taxableSum = 0,
                taxAmtSum = 0,
                totalSum = 0;
            $('#gstBody tr').each(function() {
                taxableSum += parseFloat($(this).find('.gstTaxable').val()) || 0;
                taxAmtSum += parseFloat($(this).find('.gstTaxAmount').val()) || 0;
                totalSum += parseFloat($(this).find('.gstRowTotal').val()) || 0;
            });
            $('#totalTaxableValue').val(taxableSum.toFixed(2));
            $('#totalGstTaxAmount').val(taxAmtSum.toFixed(2));
            $('#totalGstAmount').val(totalSum.toFixed(2));
            updateGstBreakup(taxAmtSum);
            calculation();
        }

        function updateGstBreakup(totalTax) {
            if (totalTax === undefined) totalTax = parseFloat($('#totalGstTaxAmount').val()) || 0;
            var partyStateId = parseInt($('#party_state_id').val()) || 0;

            $('#cgst_input, #sgst_input, #igst_input').val('0.00');

            if (!partyStateId) {
                $('#gstBreakupSection, #cgstSgstBlock, #igstBlock').hide();
                return;
            }

            $('#gstBreakupSection').show();
            if (partyStateId === companyStateId) {
                var cgst = (totalTax / 2).toFixed(2);
                $('#cgst_input').val(cgst);
                $('#sgst_input').val((totalTax - parseFloat(cgst)).toFixed(2));
                $('#cgstSgstBlock').show();
                $('#igstBlock').hide();
            } else {
                $('#igst_input').val(totalTax.toFixed(2));
                $('#cgstSgstBlock').hide();
                $('#igstBlock').show();
            }
        }

        function calculation() {
            var expType = $('input[name="expense_type"]:checked').val();
            var gross_total = 0;

            if (expType === 'non_gst') {
                gross_total = parseFloat($('#nonGstTotal').val()) || 0;
                $('#gstBreakupSection, #cgstSgstBlock, #igstBlock').hide();
                $('#cgst_input, #sgst_input, #igst_input').val('0.00');
                $('#finalTaxTotal').val('0.00');
            } else {
                var taxable = parseFloat($('#totalTaxableValue').val()) || 0;
                var taxAmt = parseFloat($('#totalGstTaxAmount').val()) || 0;
                gross_total = taxable + taxAmt;

                var partyStateId = parseInt($('#party_state_id').val()) || 0;
                $('#finalTaxTotal').val(taxAmt.toFixed(2));

                if (partyStateId && partyStateId === companyStateId) {
                    var cgst = (taxAmt / 2).toFixed(2);
                    $('#cgst_input').val(cgst);
                    $('#sgst_input').val((taxAmt - parseFloat(cgst)).toFixed(2));
                    $('#igst_input').val('0.00');
                } else {
                    $('#cgst_input, #sgst_input').val('0.00');
                    $('#igst_input').val(taxAmt.toFixed(2));
                }
            }

            $('#gross_total').val(gross_total.toFixed(2));
            $('#net_total').val(gross_total.toFixed(2));

            if ($('#is_party_cash_bank').val() === 'yes') {
                $('#total_paid').val(gross_total.toFixed(2));
            }

            var total_paid = parseFloat($('#total_paid').val()) || 0;
            var discount = parseFloat($('#discount').val()) || 0;
            $('#balance').val((gross_total - total_paid - discount).toFixed(2));
        }
    </script>

    <script src="{{ asset('theme/assets/vendor/daterange/daterange.js') }}"></script>
    <script>
        $(".datepicker").daterangepicker({
            singleDatePicker: true,
            startDate: moment().startOf("hour"),
            locale: {
                format: "DD-MM-YYYY"
            }
        });
    </script>

    {{-- COMMON PARTY MODAL SCRIPT --}}
    <script>
        $(document).ready(function() {

            var cpDataType = '';

            $('#commonPartyModal').on('show.bs.modal', function(event) {
                var btn = event.relatedTarget;
                cpDataType = btn ? ($(btn).attr('data_type') || '') : '';
                $('#cp_account_group_id').val('');
                $('#cp_party_name').val('');
                $('#cp_mobile_no').val('');
                $('#cp_email').val('');
                $('#cp_address').val('');
                $('#cp_country').val('India');
                $('#cp_state_id').val('');
                $('#cp_city').val('');
                $('#cp_pin_code').val('');
                $('#cp_register_type').val('Regular');
                $('#cp_gst_no').val('');
                $('#cp_pan_no').val('');
                $('#cp_opening_balance').val('0');
                $('#cp_starting_date').val('{{ date('d-m-Y', strtotime($financial_year_start)) }}');
                $('#cp_maintain_bal_bil').prop('checked', false);
                $('input[data-type="cp_receiving_payment_pending"]').prop('checked', false).removeAttr(
                    'required');
                $('.cp-error').html('');
                cpRegisterChange();
            });

            $('#commonPartyModal').on('shown.bs.modal', function() {
                $('.select2-cp-modal').each(function() {
                    if ($(this).hasClass('select2-hidden-accessible')) $(this).select2('destroy');
                });
                $('.select2-cp-modal').select2({
                    dropdownParent: $('#commonPartyModal'),
                    placeholder: '--Select--',
                    allowClear: true,
                    width: '100%'
                });
                $('#cp_account_group_id').val('').trigger('change');
                $('#cp_state_id').val('').trigger('change');
                if (!$('#cp_starting_date').data('daterangepicker')) {
                    $('#cp_starting_date').daterangepicker({
                        singleDatePicker: true,
                        startDate: moment('{{ $financial_year_start }}', 'DD-MM-YYYY'),
                        locale: {
                            format: 'DD-MM-YYYY'
                        }
                    });
                } else {
                    $('#cp_starting_date').data('daterangepicker').setStartDate(moment('{{ $financial_year_start }}', 'DD-MM-YYYY'));
                }
            });

            $('#commonPartyForm').on('submit', function(e) {
                e.preventDefault();
                $('.cp-error').html('');
                $('#cpBtnSubmit').prop('disabled', true).text('Saving...');
                $.ajax({
                    url: $(this).attr('action'),
                    type: 'POST',
                    data: new FormData(this),
                    processData: false,
                    contentType: false,
                    headers: {
                        'X-Requested-With': 'XMLHttpRequest'
                    },
                    success: function(response) {
                        if (response.success) {
                            var party = response.new_party || response.data;
                            var label = party.party_name + (party.gst_no ? ' - ' + party
                                .gst_no : '');
                            if (cpDataType === 'purchase_party') {
                                $('#party_account_ledger_id')
                                    .append(new Option(label, party.ledger_id, true, true))
                                    .trigger('change');
                            }
                            $('#commonPartyModal').modal('hide');
                        } else {
                            alert('Something went wrong.');
                        }
                    },
                    error: function(xhr) {
                        if (xhr.status === 422 && xhr.responseJSON && xhr.responseJSON.errors) {
                            $.each(xhr.responseJSON.errors, function(field, messages) {
                                $('.cp-error[data-field="' + field + '"]').html(
                                    messages[0]);
                            });
                        } else {
                            alert('An unexpected error occurred.');
                        }
                    },
                    complete: function() {
                        $('#cpBtnSubmit').prop('disabled', false).text('Submit');
                    }
                });
            });

            $(document).on('change', '#cp_register_type', function() {
                cpRegisterChange();
            });

            $(document).on('keyup', '.cp_number', function() {
                this.value = this.value.replace(/\D/g, '');
            });

            $(document).on('input', '#cp_gst_no', function() {
                var gst = $(this).val().toUpperCase().replace(/[^A-Z0-9]/g, '');
                $(this).val(gst);
                if (gst.length === 15) $('#cp_pan_no').val(gst.substring(2, 12));
                else $('#cp_pan_no').val('');
            });

        });

        function cpRegisterChange() {
            var type = $('#cp_register_type').val();
            if (type === 'Unregistered') {
                $('#cp_gst_no').removeAttr('required').val('');
                $('.cp_gstShow').hide();
            } else {
                $('#cp_gst_no').attr('required', true);
                $('.cp_gstShow').show();
            }
        }
    </script>
@endpush