@extends('layout.app')
@section('title', 'Edit Sale Voucher')
@push('header_script')
    <style>
        :root {
            --surface-2: #ffffff;
            --surface-1: #f8f9fa;
            --background: #ffffff;
            --border: #cbd5e1;
            --radius: 8px;
            --bg-accent: #eaf1ff;
            --text-accent: #2563eb;
            --bg-warning: #fff8e8;
            --text-warning: #a15c07;
            --bg-success: #eafaf1;
            --text-success: #16794c;
        }

        .pv-card {
            background: var(--surface-2);
            border: 1px solid var(--border);
            border-radius: 12px;
            padding: 1.5rem;
            box-shadow: 0 1px 3px rgba(0,0,0,0.05);
            margin-bottom: 1.25rem;
        }

        .pv-label {
            font-size: 13px;
            color: #475569;
            margin-bottom: 4px;
            font-weight: 600;
            display: block;
        }

        .pv-badge {
            display: inline-block;
            padding: 4px 8px;
            border-radius: var(--radius);
            font-size: 12px;
            font-weight: 600;
            text-transform: uppercase;
        }

        .pv-table {
            width: 100%;
            border-collapse: collapse;
        }

        .pv-table th {
            text-align: left;
            font-weight: 700;
            color: #475569;
            font-size: 12px;
            text-transform: uppercase;
            padding: 10px;
            border-bottom: 2px solid var(--border);
            background-color: var(--surface-1);
        }

        .pv-table td {
            padding: 8px 10px;
            border-bottom: 1px solid var(--border);
            vertical-align: middle;
        }

        .pv-num {
            text-align: right;
        }

        .pv-trow {
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 14px;
            padding: 6px 0;
            color: #334155;
        }

        .pv-trow.grand {
            font-weight: 700;
            color: #0f172a;
            border-top: 1.5px solid #cbd5e1;
            margin-top: 6px;
            padding-top: 12px;
            font-size: 16px;
        }

        .pv-sub {
            font-weight: 600;
            color: #0f172a;
            border-top: 1.5px solid #cbd5e1;
            margin-top: 4px;
            padding-top: 8px;
        }

        .oe-table {
            width: 100%;
            border-collapse: collapse;
        }

        .oe-table th {
            text-align: left;
            font-weight: 700;
            color: #475569;
            font-size: 12px;
            padding: 10px;
            border-bottom: 2px solid var(--border);
            background-color: var(--surface-1);
        }

        .oe-table td {
            padding: 8px 10px;
            border-bottom: 1px solid var(--border);
            vertical-align: middle;
        }

        .pd-row {
            display: flex;
            justify-content: space-between;
            gap: 8px;
            font-size: 13px;
            border-bottom: 1px dashed #e2e8f0;
            padding: 8px 0;
        }

        .pd-row:last-child {
            border-bottom: none;
        }

        .info-panel-section {
            background: var(--surface-1);
            border-radius: 12px;
            padding: 16px;
            border: 1px solid var(--border);
        }

        .form-control, .select2-container .select2-selection--single {
            border-color: var(--border) !important;
            border-radius: 8px !important;
            height: auto !important;
            padding: 6px 12px !important;
        }

        .pv-table input.form-control, .pv-table select.form-control {
            min-width: 95px;
        }

        .pv-table .item-product-select {
            min-width: 200px;
        }

        .readonly-input {
            background-color: #d0ddea !important;
            cursor: not-allowed;
            color: #1e293b !important;
            font-weight: 600;
        }

        .btn {
            border-radius: 8px !important;
        }
    </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 Sale Voucher</a></li>
        </ol>
        <div class="ms-auto">
            <a href="{{ route('sale-voucher.index') }}" class="btn btn-sm btn-primary">
                <i class="ri-arrow-left-circle-fill"></i> Back
            </a>
        </div>
    </div>

    <div class="app-body">
        {!! Form::open([
            'route' => ['sale-voucher.update', $saleVoucher->id],
            'onsubmit' => 'BtnSubmit.disabled = true',
            'class' => 'needs-validation',
            'method' => 'post',
            'autocomplete' => 'off',
            'files' => true,
        ]) !!}
        @method('PUT')

        <!-- Section 1: Voucher Details -->
        <div class="row gx-3">
            <div class="col-12 mb-3">
                <div class="pv-card">
                    <div style="font-size: 14px; font-weight: 600; margin-bottom: 12px; color: var(--text-primary)">
                        <i class="ri-file-list-3-line text-primary"></i> Voucher Details
                    </div>
                    <div class="row g-3">
                        <div class="col-md-6 col-12">
                            <span class="pv-label" for="voucher_no">Voucher No. <span class="text-danger">*</span></span>
                            <input type="text" class="form-control fw-bold readonly-input" id="voucher_no" name="voucher_no"
                                required value="{{ old('voucher_no', $saleVoucher->voucher_no) }}" readonly>
                        </div>
                        <div class="col-md-6 col-12">
                            <span class="pv-label" for="voucher_date">Voucher Date <span class="text-danger">*</span></span>
                            <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
                                    min="{{ date('Y-m-d', strtotime($companyDetails->year_from)) }}"
                                    value="{{ old('voucher_date', date('d-m-Y', strtotime($saleVoucher->voucher_date))) }}">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Section 2: Party Details & Info Panel -->
        <div class="row gx-3 mb-3">
            <div class="col-md-6 mb-3 mb-md-0">
                <div class="info-panel-section h-100">
                    <div style="font-size: 13px; font-weight: 600; margin-bottom: 12px; color: var(--text-secondary)">
                        <i class="ri-user-star-line text-primary"></i> Customer Details
                    </div>
                    <div style="display: flex; flex-direction: column;">
                        <div class="pd-row"><span style="color: var(--text-muted)">Customer Name</span><span id="disp_party_name" class="fw-bold">—</span></div>
                        <div class="pd-row"><span style="color: var(--text-muted)">GST No</span><span id="disp_gst_no" class="fw-bold">—</span></div>
                        <div class="pd-row"><span style="color: var(--text-muted)">Mobile</span><span id="disp_mobile_no">—</span></div>
                        <div class="pd-row"><span style="color: var(--text-muted)">Address</span><span id="disp_address" style="text-align: right; max-width: 65%">—</span></div>
                        <div class="pd-row"><span style="color: var(--text-muted)">City/State</span><span id="disp_city_state">—</span></div>
                        <div class="pd-row" style="align-items: center;"><span style="color: var(--text-muted)">GST Type</span><span id="regBadge" class="pv-badge" style="background:#e2e8f0; color:#475569">—</span></div>
                        <div class="pd-row"><span style="color: var(--text-muted)">Opening Balance</span><span id="disp_opening_balance">—</span></div>
                    </div>
                </div>
            </div>

            <div class="col-md-6">
                <div class="info-panel-section h-100">
                    <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px">
                        <div style="font-size: 13px; font-weight: 600; color: var(--text-secondary)">
                            <i class="ri-information-line text-primary"></i> Information Panel
                        </div>
                        <button type="button" class="btn btn-sm btn-outline-primary py-0 px-2" data-bs-toggle="modal" data-bs-target="#commonPartyModal">
                            <i class="ri-add-circle-line"></i> Add Customer
                        </button>
                    </div>
                    <div style="display: flex; flex-direction: column; gap: 10px">
                        <div>
                            <span class="pv-label" for="party_account_ledger_id">Select Customer <span class="text-danger">*</span></span>
                            {!! Form::select(
                                'party_account_ledger_id',
                                ['' => '--Select--'] + $partyLedger,
                                old('party_account_ledger_id', $saleVoucher->party_account_ledger_id),
                                ['class' => 'form-control select2', 'id' => 'party_account_ledger_id', 'required'],
                            ) !!}
                            <div style="font-size: 11px; color: var(--text-muted); margin-top: 4px">Balance: <span id="party_balance" class="fw-bold"></span></div>
                            <input type="hidden" name="party_state_id" id="party_state_id" value="{{ $saleVoucher->partyLedger->commonParty->state_id ?? '' }}">
                            <input type="hidden" name="party_register_type" id="party_register_type" value="{{ $saleVoucher->partyLedger->commonParty->register_type ?? '' }}">
                            <input type="hidden" name="is_party_cash_bank" id="is_party_cash_bank">
                        </div>
                        <div>
                            <span class="pv-label">Place of Supply / Tax Type</span>
                            <span id="taxBadge" class="pv-badge d-block" style="background:#e2e8f0; color:#475569; width: fit-content; margin-top: 4px">—</span>
                        </div>
                        <div class="row g-2 mt-1">
                            <div class="col-6">
                                <span class="pv-label">Created By</span>
                                <input type="text" class="form-control readonly-input" style="background: #f1f5f9; cursor: not-allowed" id="created_by" name="created_by" required readonly value="{{ old('created_by', $saleVoucher->created_by) }}">
                            </div>
                            <div class="col-6">
                                <span class="pv-label">Document Upload</span>
                                <input type="file" class="form-control" style="font-size: 12px;" id="doc" name="doc">
                                @if ($saleVoucher->doc)
                                    <a href="{{ document_url($saleVoucher->doc) }}" target="_blank" class="text-success mt-1 d-inline-block">View Doc</a>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Tax Banner -->
        <div id="infoBanner" style="font-size:13px; padding:10px 12px; border-radius:var(--radius); margin-bottom:14px; border:0.5px solid var(--border); display:none;"></div>

        <!-- Section 3: Selected Item Details -->
        <div class="row gx-3">
            <div class="col-12 mb-3">
                <div class="pv-card">
                    <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px">
                        <div style="font-size: 14px; font-weight: 600; color: var(--text-primary)">
                            <i class="ri-file-list-line text-primary"></i> Selected Item Details
                        </div>
                        <div class="d-flex align-items-center gap-3">
                            <label style="display: flex; align-items: center; gap: 6px; cursor: pointer; margin-bottom: 0;">
                                <input type="checkbox" id="trackBatchToggle" style="width: 16px; height: 16px;" {{ $saleVoucher->voucherDetails->first(fn($d) => !empty($d->batch_no) || !empty($d->expiry_date)) ? 'checked' : '' }}>
                                <span style="font-size: 13px; font-weight: 600;">Track batch &amp; expiry</span>
                            </label>
                            <button type="button" class="btn btn-sm btn-outline-primary" data-bs-toggle="modal" data-bs-target="#productModal">
                                <i class="ri-add-circle-line"></i> Add New Item
                            </button>
                        </div>
                    </div>

                    <div style="overflow-x: auto; border: 1px solid var(--border); border-radius: var(--radius)">
                        <table class="pv-table" id="tabdata">
                            <thead>
                                <tr>
                                    <th style="width: 25%">Item Name <span class="text-danger">*</span></th>
                                    <th style="width: 10%">HSN</th>
                                    <th class="batch-expiry-col" style="width: 10%; display:none;">Batch No</th>
                                    <th class="batch-expiry-col" style="width: 12%; display:none;">Expiry</th>
                                    <th style="width: 8%" class="pv-num">Qty <span class="text-danger">*</span></th>
                                    <th style="width: 10%" class="pv-num">Rate/Unit <span class="text-danger">*</span></th>
                                    <th style="width: 10%" class="pv-num">Taxable</th>
                                    <th style="width: 10%">GST%</th>
                                    <th style="width: 8%" class="pv-num">CGST</th>
                                    <th style="width: 8%" class="pv-num">SGST</th>
                                    <th style="width: 8%" class="pv-num">IGST</th>
                                    <th style="width: 10%" class="pv-num">Total <span class="text-danger">*</span></th>
                                    <th style="width: 3%"></th>
                                </tr>
                            </thead>
                            <tbody id="itemsBody">
                                @php $ri = 10; @endphp
                                @foreach($saleVoucher->voucherDetails as $detail)
                                    @php $ri++; @endphp
                                    <tr>
                                        <td>
                                            {!! Form::select('product_id[]', ['' => '--Select--'] + $product, old('product_id.' . $loop->index, $detail->product_id), [
                                                'class' => 'form-control select2 item-product-select',
                                                'id' => 'product_id_' . $ri,
                                                'required',
                                            ]) !!}
                                            <input type="hidden" name="check_item[]" value="{{ $detail->id }}">
                                        </td>
                                        <td><span id="hsn_{{ $ri }}" class="text-muted">{{ $detail->product->hsn_code ?? '—' }}</span></td>
                                        <td class="batch-expiry-col" style="display:none;"><input class="form-control" type="text" name="batch_no[]" id="batch_no_{{ $ri }}" value="{{ $detail->batch_no }}" placeholder="Batch"></td>
                                        <td class="batch-expiry-col" style="display:none;"><input class="form-control datepicker" type="text" name="expiry_date[]" id="expiry_date_{{ $ri }}" value="{{ $detail->expiry_date ? date('d-m-Y', strtotime($detail->expiry_date)) : '' }}" placeholder="Expiry"></td>
                                        <td><input class="form-control floatnumber pv-num item-qty" type="text" name="qty[]" value="{{ $detail->qty }}" min="1" id="qty_{{ $ri }}" required></td>
                                        <td><input class="form-control floatnumber pv-num item-rate" type="text" name="rate[]" id="rate_{{ $ri }}" value="{{ number_format($detail->rate, 2, '.', '') }}" required></td>
                                        <td><input class="form-control floatnumber pv-num item-amount totalProductAmount readonly-input" readonly type="text" name="amount[]" value="{{ number_format($detail->amount, 2, '.', '') }}" id="amount_{{ $ri }}" required></td>
                                        <td>
                                            <input class="form-control readonly-input item-tax-rate" type="hidden" readonly name="tax[]" id="tax_{{ $ri }}" value="{{ $detail->tax }}">
                                            {!! Form::select('tax_group_id[]', ['' => '--Select--'] + $taxGroup, old('tax_group_id.' . $loop->index, $detail->tax_group_id), [
                                                'class' => 'form-control select2 taxGroupIds item-tax-group',
                                                'id' => 'tax_group_id_' . $ri,
                                                'required',
                                            ]) !!}
                                        </td>
                                        <td><input class="form-control readonly-input pv-num" readonly type="text" value="0.00" id="cgst_val_{{ $ri }}"></td>
                                        <td><input class="form-control readonly-input pv-num" readonly type="text" value="0.00" id="sgst_val_{{ $ri }}"></td>
                                        <td><input class="form-control readonly-input pv-num" readonly type="text" value="0.00" id="igst_val_{{ $ri }}"></td>
                                        <input type="hidden" name="tax_amount[]" id="tax_amount_{{ $ri }}" class="totalTaxAmount" value="{{ number_format($detail->tax_amount, 2, '.', '') }}">
                                        <td><input class="form-control readonly-input pv-num item-total totalValueWithTax" style="background:#f8f9fa" type="text" value="{{ number_format($detail->total_amount, 2, '.', '') }}" id="total_amount_{{ $ri }}" name="total_amount[]" readonly></td>
                                        <td>
                                            @if(!$loop->first)
                                                <button type="button" class="btn btn-danger btn-sm delbtn"><i class="ri-delete-bin-line"></i></button>
                                            @endif
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                    <button type="button" id="addrow" class="btn btn-sm btn-primary mt-2"><i class="ri-add-circle-fill"></i> Add Item</button>
                </div>
            </div>
        </div>

        <!-- Section 4: Other Charges & Discounts -->
        <div class="row gx-3">
            <div class="col-12 mb-3">
                <div class="pv-card">
                    <div style="font-size: 14px; font-weight: 600; margin-bottom: 12px; color: var(--text-primary)">
                        <i class="ri-settings-4-line text-primary"></i> Other Charges &amp; Discounts
                    </div>
                    
                    <div style="overflow-x: auto; border: 1px solid var(--border); border-radius: var(--radius)">
                        <table class="oe-table">
                            <thead>
                                <tr>
                                    <th style="width: 35%">Description</th>
                                    <th style="width: 15%" class="pv-num">Amount</th>
                                    <th style="width: 20%">Apply</th>
                                    <th style="width: 20%">GST%</th>
                                    <th style="width: 10%"></th>
                                </tr>
                            </thead>
                            <tbody id="oeBody">
                                @php $oeIdx = 10; @endphp
                                {{-- Load existing Before GST expenses --}}
                                @foreach ($saleVoucher->otherCharges as $other)
                                    @php $oeIdx++; @endphp
                                    <tr>
                                        <td>
                                            <input type="hidden" name="check_expense[]" value="{{ $other->id }}" id="check_expense_{{ $oeIdx }}" data-initial-mode="before" data-initial-id="{{ $other->id }}">
                                            <select class="form-control select2 oe-ledger-select" id="exp_account_ledger_id_{{ $oeIdx }}" required>
                                                <option value="">--Select--</option>
                                                @foreach ($expenseLedger as $key => $prow)<option value="{{ $key }}" {{ $key == $other->payment_account_ledger_id ? 'selected' : '' }}>{{ $prow }}</option>@endforeach
                                            </select>
                                        </td>
                                        <td><input class="form-control floatnumber pv-num oe-amount" value="{{ number_format($other->paid_amount, 2, '.', '') }}" required type="text" id="exp_amount_{{ $oeIdx }}"></td>
                                        <td>
                                            <select class="form-control oe-mode" id="oe_mode_{{ $oeIdx }}">
                                                <option value="before" selected>Before GST</option>
                                                <option value="after">After GST</option>
                                            </select>
                                        </td>
                                        <td>
                                            <select name="exp_tax_group_id[]" class="form-control select2 taxGroupIds oe-tax-group" id="exp_tax_group_id_{{ $oeIdx }}" required>
                                                @foreach ($taxGroup as $keys => $prows)<option value="{{ $keys }}" {{ $keys == $other->exp_tax_group_id ? 'selected' : '' }}>{{ $prows }}</option>@endforeach
                                            </select>
                                            <input type="hidden" name="expense_tax[]" class="expenseTax" value="{{ $other->taxGroup ? $other->taxGroup->tax_slab : '0.00' }}" id="expense_tax_{{ $oeIdx }}">
                                            <input value="0.00" type="hidden" class="otherChargeTaxTotal" id="expense_tax_amount_{{ $oeIdx }}">
                                            <input value="0.00" type="hidden" class="totalExpAmount" id="total_expense_amount_{{ $oeIdx }}">
                                        </td>
                                        <td>
                                            @if(!$loop->first)
                                                <button type="button" class="btn btn-danger btn-sm deloebtn"><i class="ri-delete-bin-line"></i></button>
                                            @endif
                                        </td>
                                    </tr>
                                @endforeach

                                {{-- Load existing After GST expenses --}}
                                @foreach ($saleVoucher->afterGstCharges as $afterGst)
                                    @php $oeIdx++; @endphp
                                    <tr>
                                        <td>
                                            <input type="hidden" name="checkAfterGst[]" value="{{ $afterGst->id }}" id="checkAfterGst_{{ $oeIdx }}" data-initial-mode="after" data-initial-id="{{ $afterGst->id }}">
                                            <select class="form-control select2 oe-ledger-select" id="exp_account_ledger_id_{{ $oeIdx }}" required>
                                                <option value="">--Select--</option>
                                                @foreach ($expenseLedger as $key => $prow)<option value="{{ $key }}" {{ $key == $afterGst->ledger_id ? 'selected' : '' }}>{{ $prow }}</option>@endforeach
                                            </select>
                                        </td>
                                        <td><input class="form-control floatnumber pv-num oe-amount" value="{{ number_format($afterGst->amount, 2, '.', '') }}" required type="text" id="exp_amount_{{ $oeIdx }}"></td>
                                        <td>
                                            <select class="form-control oe-mode" id="oe_mode_{{ $oeIdx }}">
                                                <option value="before">Before GST</option>
                                                <option value="after" selected>After GST</option>
                                            </select>
                                        </td>
                                        <td>
                                            <select class="form-control select2 taxGroupIds oe-tax-group" id="exp_tax_group_id_{{ $oeIdx }}" disabled>
                                                @foreach ($taxGroup as $keys => $prows)<option value="{{ $keys }}">{{ $prows }}</option>@endforeach
                                            </select>
                                            <input type="hidden" class="expenseTax" value="0.00" id="expense_tax_{{ $oeIdx }}">
                                            <input value="0.00" type="hidden" class="otherChargeTaxTotal" id="expense_tax_amount_{{ $oeIdx }}">
                                            <input value="0.00" type="hidden" class="totalExpAmount" id="total_expense_amount_{{ $oeIdx }}">
                                        </td>
                                        <td><button type="button" class="btn btn-danger btn-sm deloebtn"><i class="ri-delete-bin-line"></i></button></td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                    <button type="button" id="oeAddBtn" class="btn btn-sm btn-primary mt-2"><i class="ri-add-circle-fill"></i> Add Charge/Discount</button>
                </div>
            </div>
        </div>

        <!-- Section 5: Summary & Submit Layout -->
        <div class="row gx-3">
            <div class="col-12">
                <div class="pv-card">
                    <div class="row">
                        <div class="col-md-7 mb-3 mb-md-0">
                            <div style="font-size: 13px; font-weight: 600; margin-bottom: 8px; color: var(--text-secondary)">
                                Remarks &amp; Payments
                            </div>
                            <textarea class="form-control mb-3" name="remark" placeholder="Enter remarks..." rows="3">{{ $saleVoucher->remark }}</textarea>

                            <div class="paymentSection">
                                <div class="d-flex align-items-center gap-2 mb-2">
                                    <label class="fw-semibold small mb-0">Payment Details</label>
                                    <button type="button" id="addPayment" class="btn btn-sm btn-primary py-0 px-2">+</button>
                                </div>
                                <div id="paymentTable">
                                    @foreach($saleVoucher->payments as $pay)
                                        <div class="d-flex gap-2 mb-2 align-items-center">
                                            <input type="hidden" name="check_payment[]" value="{{ $pay->id }}">
                                            <select name="payment_account_ledger_id[]" class="form-control select2" style="width: 50%" required>
                                                <option value="">--Select--</option>
                                                @foreach ($paymentLedger as $key => $prow)<option value="{{ $key }}" {{ $key == $pay->payment_account_ledger_id ? 'selected' : '' }}>{{ $prow }}</option>@endforeach
                                            </select>
                                            <input name="paid_amount[]" class="form-control floatnumber pv-num totalPaidAmount" style="width: 40%" value="{{ number_format($pay->paid_amount, 2, '.', '') }}" required type="text">
                                            <button type="button" class="btn btn-danger btn-sm delpaybtn" style="width: 10%"><i class="ri-delete-bin-line"></i></button>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>

                        <div class="col-md-5">
                            <div style="background: var(--surface-1); border-radius: var(--radius); padding: 16px; border: 1px solid var(--border)">
                                <div class="pv-trow"><span>Item Taxable Value</span><span id="totItemTv" class="fw-bold">₹0.00</span></div>
                                <div id="oeTvRow" class="pv-trow" style="display: none"><span>Other Charges (Before GST)</span><span id="oeTvAmt" class="fw-bold">₹0.00</span></div>
                                <div class="pv-sub"><div class="pv-trow"><span class="fw-bold">Total Taxable Value</span><span id="totTaxable" class="fw-bold">₹0.00</span></div></div>

                                <!-- GST dynamic block -->
                                <div id="gstSection" style="display:none;">
                                    <div id="cgstSgstBlock" style="display:none;">
                                        <div class="pv-trow"><span>CGST Output</span><span id="totCgst" class="fw-bold">₹0.00</span></div>
                                        <div class="pv-trow"><span>SGST Output</span><span id="totSgst" class="fw-bold">₹0.00</span></div>
                                    </div>
                                    <div id="igstBlock" style="display:none;">
                                        <div class="pv-trow"><span>IGST Output</span><span id="totIgst" class="fw-bold">₹0.00</span></div>
                                    </div>
                                </div>

                                <input type="hidden" name="cgst_input" id="cgst_input" value="0.00">
                                <input type="hidden" name="sgst_input" id="sgst_input" value="0.00">
                                <input type="hidden" name="igst_input" id="igst_input" value="0.00">
                                <input type="hidden" name="final_tax_total" id="finalTaxTotal" value="0.00">
                                <input type="hidden" name="total_sale_amount" id="total_sale_amount" value="0.00">
                                <input type="hidden" name="total_tax_amount" id="total_tax_amount" value="0.00">
                                <input type="hidden" name="final_sale_amount" id="final_sale_amount" value="0.00">
                                <input type="hidden" name="total_other_charge" id="total_other_charge" value="0.00">
                                <input type="hidden" name="total_after_gst_charge" id="total_after_gst_charge" value="0.00">
                                <input type="hidden" name="gross_total" id="gross_total" value="0.00">

                                <div id="oeAfterRow" class="pv-trow" style="display: none"><span>Other Charges (After GST)</span><span id="oeAfterAmt" class="fw-bold">₹0.00</span></div>

                                <!-- Round Off -->
                                <div class="pv-trow">
                                    <span class="fw-semibold">
                                        <input class="form-check-input me-1" type="checkbox" id="roundToggle" checked>
                                        <label class="form-check-label" for="roundToggle">Round Off</label>
                                        <input type="hidden" name="round_off_enabled" id="round_off_enabled" value="yes">
                                    </span>
                                    <input type="text" name="round_off" id="round_off" class="form-control pv-num" style="width:100px; height:28px;" value="{{ number_format($saleVoucher->round_off, 2, '.', '') }}">
                                </div>

                                <!-- Net Total -->
                                <div class="pv-trow grand"><span>Net Grand Total</span><span id="totGrand" class="fw-bold text-primary">₹0.00</span></div>
                                <input type="hidden" name="net_total" id="net_total" value="0.00">

                                <!-- Paid / Balances -->
                                <div class="pv-trow mt-2">
                                    <span class="fw-semibold">Total Paid Amount</span>
                                    <input type="text" name="total_paid" id="total_paid" class="form-control pv-num readonly-input" style="width:140px; height:28px;" readonly value="0.00">
                                </div>
                                <div class="pv-trow mt-2">
                                    <span class="fw-bold">Remaining Balance</span>
                                    <input type="text" name="balance" id="balance" class="form-control pv-num readonly-input" style="width:140px; height:28px;" readonly value="0.00">
                                </div>
                                <input type="hidden" name="is_party_cash_bank" id="is_party_cash_bank" value="no">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="pv-card mt-3">
            <button class="btn btn-primary px-4" id="BtnSubmit" type="submit">Update Sale Voucher</button>
        </div>

        {!! Form::close() !!}
    </div>

    @include('common.modal.common_party')
    @include('common.modal.product')
    @include('common.modal.ledger')
@endsection

@push('footer_script')
    <script src="{{ asset('theme/assets/vendor/daterange/daterange.js') }}"></script>
    <script>
        let companyStateId = parseInt(@json($companyDetails->state_id));
        let taxGroupNoneId = @json($taxGroupNone->id);
        let companyGstType = @json($companyDetails->gst_type ?? 'Unregistered');
        let isCompanyRegular = (companyGstType === 'Regular');

        function initDatepickers() {
            $(".datepicker").daterangepicker({
                singleDatePicker: true,
                locale: {
                    format: "DD-MM-YYYY"
                },
            });
        }
        initDatepickers();

        // Track batch & expiry toggle
        if ($('#trackBatchToggle').is(':checked')) {
            $('.batch-expiry-col').show();
        }
        $('#trackBatchToggle').on('change', function() {
            if ($(this).is(':checked')) {
                $('.batch-expiry-col').show();
            } else {
                $('.batch-expiry-col').hide();
            }
        });

        // Add Product Row
        let rowIdx = {{ $saleVoucher->voucherDetails->count() + 10 + 1 }};
        $('#addrow').on('click', function() {
            let tr = $('<tr>');
            let cols = `
                <td>
                    <select name="product_id[]" class="form-control select2 item-product-select" id="product_id_${rowIdx}" required>
                        <option value="">--Select--</option>
                        @foreach ($product as $key => $prow)<option value="{{ $key }}">{{ $prow }}</option>@endforeach
                    </select>
                    <input type="hidden" name="check_item[]" value="new">
                </td>
                <td><span id="hsn_${rowIdx}" class="text-muted">—</span></td>
                <td class="batch-expiry-col" style="${$('#trackBatchToggle').is(':checked') ? '' : 'display:none;'}"><input class="form-control" type="text" name="batch_no[]" id="batch_no_${rowIdx}" placeholder="Batch"></td>
                <td class="batch-expiry-col" style="${$('#trackBatchToggle').is(':checked') ? '' : 'display:none;'}"><input class="form-control datepicker" type="text" name="expiry_date[]" id="expiry_date_${rowIdx}" placeholder="Expiry"></td>
                <td><input class="form-control floatnumber pv-num item-qty" type="text" name="qty[]" value="1" min="1" id="qty_${rowIdx}" required></td>
                <td><input class="form-control floatnumber pv-num item-rate" type="text" name="rate[]" id="rate_${rowIdx}" value="0.00" required></td>
                <td><input class="form-control floatnumber pv-num item-amount totalProductAmount readonly-input" readonly type="text" name="amount[]" value="0.00" id="amount_${rowIdx}" required></td>
                <td>
                    <input class="form-control readonly-input item-tax-rate" type="hidden" readonly name="tax[]" id="tax_${rowIdx}" value="0.00">
                    <select name="tax_group_id[]" class="form-control select2 taxGroupIds item-tax-group" id="tax_group_id_${rowIdx}" required>
                        <option value="">--Select--</option>
                        @foreach ($taxGroup as $key => $prow)<option value="{{ $key }}">{{ $prow }}</option>@endforeach
                    </select>
                </td>
                <td><input class="form-control readonly-input pv-num" readonly type="text" value="0.00" id="cgst_val_${rowIdx}"></td>
                <td><input class="form-control readonly-input pv-num" readonly type="text" value="0.00" id="sgst_val_${rowIdx}"></td>
                <td><input class="form-control readonly-input pv-num" readonly type="text" value="0.00" id="igst_val_${rowIdx}"></td>
                <input type="hidden" name="tax_amount[]" id="tax_amount_${rowIdx}" class="totalTaxAmount" value="0.00">
                <td><input class="form-control readonly-input pv-num item-total totalValueWithTax" style="background:#f8f9fa" type="text" value="0.00" id="total_amount_${rowIdx}" name="total_amount[]" readonly></td>
                <td><button type="button" class="btn btn-danger btn-sm delbtn"><i class="ri-delete-bin-line"></i></button></td>
            `;
            tr.append(cols);
            $('#itemsBody').append(tr);
            tr.find('.select2').select2();
            initDatepickers();
            if (typeof toggleBatchExpiryCols === 'function') {
                toggleBatchExpiryCols();
            } else {
                if ($('#trackBatchToggle').is(':checked')) {
                    $('.batch-expiry-col').show();
                } else {
                    $('.batch-expiry-col').hide();
                }
            }
            rowIdx++;
        });

        $('#itemsBody').on('click', '.delbtn', function() {
            $(this).closest('tr').remove();
            recalculateAll();
        });

        // Add Other Charges row
        let oeIdx = {{ $saleVoucher->otherCharges->count() + $saleVoucher->afterGstCharges->count() + 10 + 1 }};
        $('#oeAddBtn').on('click', function() {
            let tr = $('<tr>');
            let cols = `
                <td>
                    <select class="form-control select2 oe-ledger-select" id="exp_account_ledger_id_${oeIdx}" required>
                        <option value="">--Select--</option>
                        @foreach ($expenseLedger as $key => $prow)<option value="{{ $key }}">{{ $prow }}</option>@endforeach
                    </select>
                </td>
                <td><input class="form-control floatnumber pv-num oe-amount" value="0.00" required type="text" id="exp_amount_${oeIdx}"></td>
                <td>
                    <select class="form-control oe-mode" id="oe_mode_${oeIdx}">
                        <option value="before">Before GST</option>
                        <option value="after">After GST</option>
                    </select>
                </td>
                <td>
                    <select class="form-control select2 taxGroupIds oe-tax-group" id="exp_tax_group_id_${oeIdx}">
                        @foreach ($taxGroup as $keys => $prows)<option value="{{ $keys }}">{{ $prows }}</option>@endforeach
                    </select>
                    <input type="hidden" class="expenseTax" value="0.00" id="expense_tax_${oeIdx}">
                    <input value="0.00" type="hidden" class="otherChargeTaxTotal" id="expense_tax_amount_${oeIdx}">
                    <input value="0.00" type="hidden" class="totalExpAmount" id="total_expense_amount_${oeIdx}">
                </td>
                <td><button type="button" class="btn btn-danger btn-sm deloebtn"><i class="ri-delete-bin-line"></i></button></td>
            `;
            tr.append(cols);
            $('#oeBody').append(tr);
            tr.find('.select2').select2();
            oeIdx++;
            recalculateAll();
        });

        $('#oeBody').on('click', '.deloebtn', function() {
            $(this).closest('tr').remove();
            recalculateAll();
        });

        // Payment Details Rows
        let payIdx = 11;
        $('#addPayment').on('click', function() {
            let tr = $('<div class="d-flex gap-2 mb-2 align-items-center">');
            let cols = `
                <input type="hidden" name="check_payment[]" value="new">
                <select name="payment_account_ledger_id[]" class="form-control select2" style="width: 50%" required>
                    <option value="">--Select--</option>
                    @foreach ($paymentLedger as $key => $prow)<option value="{{ $key }}">{{ $prow }}</option>@endforeach
                </select>
                <input name="paid_amount[]" class="form-control floatnumber pv-num totalPaidAmount" style="width: 40%" value="0.00" required type="text">
                <button type="button" class="btn btn-danger btn-sm delpaybtn" style="width: 10%"><i class="ri-delete-bin-line"></i></button>
            `;
            tr.append(cols);
            $('#paymentTable').append(tr);
            tr.find('.select2').select2();
            payIdx++;
        });

        $('#paymentTable').on('click', '.delpaybtn', function() {
            $(this).parent().remove();
            recalculateAll();
        });

        // Trigger calculations
        $(document).on('change input', '.item-product-select, .item-qty, .item-rate, .item-tax-group', function() {
            recalculateAll();
        });
        $(document).on('change input', '.oe-ledger-select, .oe-amount, .oe-mode, .oe-tax-group', function() {
            recalculateAll();
        });
        $(document).on('input', '.totalPaidAmount', function() {
            recalculateAll();
        });
        let roundOffManual = false;
        $(document).on('input', '#round_off', function() {
            roundOffManual = true;
            recalculateAll();
        });
        $(document).on('change', '#roundToggle', function() {
            if (!$(this).is(':checked')) {
                roundOffManual = false;
            }
            recalculateAll();
        });

        // Get Party Details
        $('#party_account_ledger_id').on('change', function() {
            let party_account_ledger_id = $(this).val();
            if (!party_account_ledger_id) {
                $('#party_balance').text('₹ 0.00').removeClass('text-success text-danger');
                return;
            }
            // Balance
            $.ajax({
                url: '{{ route("getLedgerBalance") }}',
                type: 'GET',
                data: { account_ledger_id: party_account_ledger_id },
                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 + ')';
                    $('#party_balance').text(text).removeClass('text-success text-danger').addClass(colorClass);
                }
            });
            // Party Details
            $.ajax({
                url: '{{ route("commonPartyDetailByAccountLedgerId") }}',
                type: 'GET',
                data: { party_account_ledger_id },
                success: function(response) {
                    let partyData = response[0];
                    let isCashBank = response[1];

                    if (partyData) {
                        $('#disp_party_name').text(partyData.party_name || '—');
                        $('#disp_gst_no').text(partyData.gst_no || 'Not registered');
                        $('#disp_mobile_no').text(partyData.mobile_no || '—');
                        $('#disp_address').text(partyData.address || '—');
                        let stateName = partyData.state ? partyData.state.state_name : (partyData.state_id || '');
                        $('#disp_city_state').text((partyData.city || '') + (stateName ? ' / ' + stateName : ''));
                        
                        $('#regBadge').text(partyData.register_type || '—');
                        
                        $('#party_state_id').val(partyData.state_id);
                        $('#party_register_type').val(partyData.register_type);

                        // Place of Supply
                        let companyStateName = @json(optional($companyDetails->state)->state_name ?? '');
                        let intra = parseInt(partyData.state_id) === companyStateId;
                        $('#taxBadge').text(intra ? 'INTRA-STATE (CGST + SGST)' : 'INTER-STATE (IGST)');
                    }
                    if (isCashBank === 'yes') {
                        $('.paymentSection').addClass('d-none');
                        $('#is_party_cash_bank').val('yes');
                    } else {
                        $('.paymentSection').removeClass('d-none');
                        $('#is_party_cash_bank').val('no');
                    }
                    updateBanner();
                    recalculateAll();
                }
            });
        });

        // Banner update based on Company details
        function updateBanner() {
            let bEl = $('#infoBanner');
            bEl.show();
            if (companyGstType === 'Regular') {
                let intra = parseInt($('#party_state_id').val()) === companyStateId;
                bEl.text('Regular Seller — GST will be charged on sales: ' + (intra ? 'CGST + SGST' : 'IGST') + ' at item-wise rates.')
                    .css('background', 'var(--bg-success)').css('color', 'var(--text-success)');
            } else if (companyGstType === 'Composition') {
                bEl.text('Composition seller — GST cannot be charged on this sales invoice.')
                    .css('background', 'var(--bg-accent)').css('color', 'var(--text-accent)');
            } else {
                bEl.text('Unregistered seller — GST is not charged on this sales invoice.')
                    .css('background', 'var(--bg-accent)').css('color', 'var(--text-accent)');
            }
        }

        // Product selection detail fetching
        $(document).on('change', '.item-product-select', function() {
            let id = $(this).attr('id').split('_').pop();
            let product_id = $(this).val();
            let party_account_ledger_id = $('#party_account_ledger_id').val() || 0;
            if(!product_id) return;
            $.ajax({
                url: '{{ route("getProductDetailById") }}',
                type: 'GET',
                data: { product_id, party_account_ledger_id },
                success: function(result) {
                    $('#rate_' + id).val(parseFloat(result[0].rate_per).toFixed(2));
                    $('#hsn_' + id).text(result[0].hsn_code || '—');

                    // Auto populate batch and expiry details from product
                    $('#batch_no_' + id).val(result[0].batch_number || '');
                    let expVal = '';
                    if (result[0].expiry_date) {
                        let d = new Date(result[0].expiry_date);
                        if (!isNaN(d.getTime())) {
                            let day = ("0" + d.getDate()).slice(-2);
                            let month = ("0" + (d.getMonth() + 1)).slice(-2);
                            let year = d.getFullYear();
                            expVal = day + "-" + month + "-" + year;
                        }
                    }
                    $('#expiry_date_' + id).val(expVal);

                    if (isCompanyRegular && result[0].tax_group_id) {
                        $('#tax_group_id_' + id).val(result[0].tax_group_id).trigger('change');
                    } else {
                        $('#tax_group_id_' + id).val(taxGroupNoneId).trigger('change');
                    }
                    recalculateAll();
                }
            });
        });

        // Other charge tax group detail
        $(document).on('change', '.oe-tax-group', function() {
            let id = $(this).attr('id').split('_').pop();
            let tax_group_id = $(this).val();
            if(!tax_group_id) return;
            $.ajax({
                url: '{{ route("getTaxGroupDetailById") }}',
                type: 'GET',
                data: { tax_group_id },
                success: function(result) {
                    $('#expense_tax_' + id).val(result.tax_slab || 0);
                    recalculateAll();
                }
            });
        });

        // Consolidated calculation engine
        function recalculateAll() {
            if (!isCompanyRegular) {
                $('.taxGroupIds').val(taxGroupNoneId).trigger('change.select2');
                $('.taxGroupIds').next('.select2-container').css({'pointer-events': 'none'});
                $('.taxGroupIds').next('.select2-container').find('.select2-selection').css({'background-color': '#d0ddea'});
            } else {
                $('.taxGroupIds').next('.select2-container').css({'pointer-events': 'auto'});
                $('.taxGroupIds').next('.select2-container').find('.select2-selection').css({'background-color': ''});
            }

            let isIntra = parseInt($('#party_state_id').val()) === companyStateId;

            // 1. Calculate Items
            let totalItemTv = 0;
            let totalItemTax = 0;
            
            $('#itemsBody tr').each(function() {
                let qty = parseFloat($(this).find('.item-qty').val()) || 0;
                let rate = parseFloat($(this).find('.item-rate').val()) || 0;
                let taxable = qty * rate;
                $(this).find('.item-amount').val(taxable.toFixed(2));
                totalItemTv += taxable;

                // GST calculations
                let taxGroupSelect = $(this).find('.item-tax-group');
                let taxPercent = 0;
                let slabText = taxGroupSelect.find('option:selected').text();
                let match = slabText.match(/GST@([\d.]+)%/);
                if (match) {
                    taxPercent = parseFloat(match[1]);
                }
                $(this).find('.item-tax-rate').val(taxPercent);

                let cgst = 0, sgst = 0, igst = 0, taxAmt = 0;
                if (isCompanyRegular) {
                    let fullTax = (taxable * taxPercent) / 100;
                    taxAmt = fullTax;
                    totalItemTax += taxAmt;
                    if(isIntra) {
                        cgst = fullTax / 2;
                        sgst = fullTax / 2;
                    } else {
                        igst = fullTax;
                    }
                }
                $(this).find('.totalTaxAmount').val(taxAmt.toFixed(2));
                let localId = $(this).find('.item-product-select').attr('id').split('_').pop();
                $(this).find('#cgst_val_' + localId).val(cgst.toFixed(2));
                $(this).find('#sgst_val_' + localId).val(sgst.toFixed(2));
                $(this).find('#igst_val_' + localId).val(igst.toFixed(2));
                $(this).find('.item-total').val((taxable + taxAmt).toFixed(2));
            });

            $('#totItemTv').text('₹' + totalItemTv.toFixed(2));
            $('#total_sale_amount').val(totalItemTv.toFixed(2));
            $('#total_tax_amount').val(totalItemTax.toFixed(2));

            // 2. Calculate Other Charges
            let totalOtherTv = 0;
            let totalOtherTax = 0;
            let totalAfterGst = 0;

            $('#oeBody tr').each(function() {
                let amt = parseFloat($(this).find('.oe-amount').val()) || 0;
                let mode = $(this).find('.oe-mode').val();
                let ledgerSelect = $(this).find('.oe-ledger-select');
                let amtInput = $(this).find('.oe-amount');
                let taxGroupSelect = $(this).find('.oe-tax-group');
                let checkExpenseInput = $(this).find('input[name="check_expense[]"], input[name="checkAfterGst[]"]');

                if (mode === 'before') {
                    ledgerSelect.attr('name', 'exp_account_ledger_id[]');
                    amtInput.attr('name', 'exp_amount[]');
                    taxGroupSelect.prop('disabled', false).attr('name', 'exp_tax_group_id[]');
                    $(this).find('.expenseTax').attr('name', 'expense_tax[]');
                    $(this).find('.otherChargeTaxTotal').attr('name', 'expense_tax_amount[]');
                    $(this).find('.totalExpAmount').attr('name', 'total_expense_amount[]');

                    if (checkExpenseInput.length) {
                        let initialMode = checkExpenseInput.data('initial-mode');
                        let initialId = checkExpenseInput.data('initial-id');
                        if (initialMode === 'before') {
                            checkExpenseInput.val(initialId).attr('name', 'check_expense[]');
                        } else {
                            checkExpenseInput.val('new').attr('name', 'check_expense[]');
                        }
                    }

                    totalOtherTv += amt;
                    let taxPercent = parseFloat($(this).find('.expenseTax').val()) || 0;
                    let chargeTax = 0;
                    if (isCompanyRegular) {
                        chargeTax = (amt * taxPercent) / 100;
                        totalOtherTax += chargeTax;
                    }
                    $(this).find('.otherChargeTaxTotal').val(chargeTax.toFixed(2));
                    $(this).find('.totalExpAmount').val(amt.toFixed(2));
                } else {
                    ledgerSelect.attr('name', 'after_gst_ledger_id[]');
                    amtInput.attr('name', 'after_gst_amount[]');
                    taxGroupSelect.val(taxGroupNoneId).trigger('change.select2').prop('disabled', true).removeAttr('name');
                    $(this).find('.expenseTax').removeAttr('name');
                    $(this).find('.otherChargeTaxTotal').removeAttr('name');
                    $(this).find('.totalExpAmount').removeAttr('name');

                    if (checkExpenseInput.length) {
                        let initialMode = checkExpenseInput.data('initial-mode');
                        let initialId = checkExpenseInput.data('initial-id');
                        if (initialMode === 'after') {
                            checkExpenseInput.val(initialId).attr('name', 'checkAfterGst[]');
                        } else {
                            checkExpenseInput.val('new').attr('name', 'checkAfterGst[]');
                        }
                    }

                    totalAfterGst += amt;
                }
            });

            $('#total_other_charge').val(totalOtherTv.toFixed(2));
            if (totalOtherTv !== 0) {
                $('#oeTvRow').css('display', 'flex');
                $('#oeTvAmt').text((totalOtherTv < 0 ? '-' : '') + '₹' + Math.abs(totalOtherTv).toFixed(2));
            } else {
                $('#oeTvRow').hide();
            }

            $('#total_after_gst_charge').val(totalAfterGst.toFixed(2));
            if (totalAfterGst !== 0) {
                $('#oeAfterRow').css('display', 'flex');
                $('#oeAfterAmt').text((totalAfterGst < 0 ? '-' : '') + '₹' + Math.abs(totalAfterGst).toFixed(2));
            } else {
                $('#oeAfterRow').hide();
            }

            // Tax aggregates
            let finalTaxTotal = totalItemTax + totalOtherTax;
            $('#finalTaxTotal').val(finalTaxTotal.toFixed(2));
            
            let cgst_total = 0, sgst_total = 0, igst_total = 0;
            if (isCompanyRegular) {
                if(isIntra) {
                    cgst_total = finalTaxTotal / 2;
                    sgst_total = finalTaxTotal / 2;
                } else {
                    igst_total = finalTaxTotal;
                }
            }
            $('#totCgst').text('₹' + cgst_total.toFixed(2));
            $('#cgst_input').val(cgst_total.toFixed(2));
            $('#totSgst').text('₹' + sgst_total.toFixed(2));
            $('#sgst_input').val(sgst_total.toFixed(2));
            $('#totIgst').text('₹' + igst_total.toFixed(2));
            $('#igst_input').val(igst_total.toFixed(2));

            if (isCompanyRegular && finalTaxTotal > 0) {
                $('#gstSection').show();
                if (isIntra) {
                    $('#cgstSgstBlock').show();
                    $('#igstBlock').hide();
                } else {
                    $('#cgstSgstBlock').hide();
                    $('#igstBlock').show();
                }
            } else {
                $('#gstSection').hide();
            }

            // Taxable totals
            let totTaxable = totalItemTv + totalOtherTv;
            $('#totTaxable').text('₹' + totTaxable.toFixed(2));

            // Gross total
            let gross_total = totTaxable + finalTaxTotal;
            $('#gross_total').val(gross_total.toFixed(2));

            // Round Off calculation
            let rawGrand = gross_total + totalAfterGst;
            let roundedGrand = Math.round(rawGrand);
            let roundOffVal = 0;
            let roundOffEnabled = $('#roundToggle').is(':checked');
            
            if (roundOffEnabled) {
                $('#round_off_enabled').val('yes');
                $('#round_off').prop('readonly', false);
                if (roundOffManual) {
                    roundOffVal = parseFloat($('#round_off').val()) || 0;
                } else {
                    roundOffVal = roundedGrand - rawGrand;
                    $('#round_off').val(roundOffVal.toFixed(2));
                }
            } else {
                $('#round_off_enabled').val('no');
                $('#round_off').val('0.00').prop('readonly', true);
            }

            let net_total = rawGrand + roundOffVal;
            $('#totGrand').text('₹' + net_total.toFixed(2));
            $('#net_total').val(net_total.toFixed(2));

            // Payments auto-cash handling
            if ($('#is_party_cash_bank').val() === 'yes') {
                $('#total_paid').val(net_total.toFixed(2));
            } else {
                let paySum = 0;
                $('.totalPaidAmount').each(function() {
                    paySum += parseFloat($(this).val()) || 0;
                });
                $('#total_paid').val(paySum.toFixed(2));
            }

            let total_paid = parseFloat($('#total_paid').val()) || 0;
            $('#balance').val((net_total - total_paid).toFixed(2));
        }

        // Voucher date synchronizes with other dates if needed
        $('#voucher_date').on('change', function() {
            recalculateAll();
        });

        // Numeric auto clearing and decimal formatting
        $(document).on('focus', "input[name='rate[]'], input[name='amount[]'], input[name='exp_amount[]'], input[name='after_gst_amount[]'], input[name='paid_amount[]'], input[id='round_off']", function() {
            if (parseFloat($(this).val()) === 0) {
                $(this).val('');
            }
        });
        $(document).on('blur', "input[name='rate[]'], input[name='amount[]'], input[name='exp_amount[]'], input[name='after_gst_amount[]'], input[name='paid_amount[]'], input[id='round_off']", function() {
            let val = $(this).val().trim();
            if (val === '') {
                $(this).val($(this).hasClass('item-qty') ? '1' : '0.00');
            } else {
                let num = parseFloat(val);
                if (!isNaN(num) && !$(this).hasClass('item-qty')) {
                    $(this).val(num.toFixed(2));
                }
            }
        });

        // Document Ready Initialization
        $(document).ready(function() {
            // Trigger party load details initially
            let party_account_ledger_id = $('#party_account_ledger_id').val();
            if (party_account_ledger_id) {
                $.ajax({
                    url: '{{ route("commonPartyDetailByAccountLedgerId") }}',
                    type: 'GET',
                    data: { party_account_ledger_id },
                    success: function(response) {
                        let partyData = response[0];
                        let isCashBank = response[1];

                        if (partyData) {
                            $('#disp_party_name').text(partyData.party_name || '—');
                            $('#disp_gst_no').text(partyData.gst_no || 'Not registered');
                            $('#disp_mobile_no').text(partyData.mobile_no || '—');
                            $('#disp_address').text(partyData.address || '—');
                            let stateName = partyData.state ? partyData.state.state_name : (partyData.state_id || '');
                            $('#disp_city_state').text((partyData.city || '') + (stateName ? ' / ' + stateName : ''));
                            
                            $('#regBadge').text(partyData.register_type || '—');
                            
                            $('#party_state_id').val(partyData.state_id);
                            $('#party_register_type').val(partyData.register_type);

                            // Place of Supply
                            let companyStateName = @json(optional($companyDetails->state)->state_name ?? '');
                            let intra = parseInt(partyData.state_id) === companyStateId;
                            $('#taxBadge').text(intra ? 'INTRA-STATE (CGST + SGST)' : 'INTER-STATE (IGST)');
                        }
                        if (isCashBank === 'yes') {
                            $('.paymentSection').addClass('d-none');
                            $('#is_party_cash_bank').val('yes');
                        } else {
                            $('.paymentSection').removeClass('d-none');
                            $('#is_party_cash_bank').val('no');
                        }
                        updateBanner();
                        recalculateAll();
                    }
                });
            } else {
                updateBanner();
                recalculateAll();
            }
        });
    </script>
@endpush