@php
    $cpAccountGroups = \App\Models\AccountGroup::with('group')->get()->map(function($ag) {
        $ag->display_name = $ag->a_sub_group_name ? $ag->a_group_name . ' (' . $ag->a_sub_group_name . ')' : $ag->a_group_name;
        return $ag;
    });

    $cpGroupCategory = [];
    $cpGroupNature = [];
    $cpNameHint = [];
    foreach($cpAccountGroups as $ag) {
        $combinedName = strtolower(trim($ag->a_group_name . ' ' . ($ag->group->group_name ?? '')));
        
        if (str_contains($combinedName, 'debtor') || str_contains($combinedName, 'creditor')) { $cat = 'party'; }
        elseif (str_contains($combinedName, 'cash') || str_contains($combinedName, 'bank account')) { $cat = 'cashbank'; }
        elseif (str_contains($combinedName, 'income') || str_contains($combinedName, 'expense') || str_contains($combinedName, 'sales') || str_contains($combinedName, 'purchase') || str_contains($combinedName, 'tax') || str_contains($combinedName, 'duties')) { $cat = 'income_expense'; }
        else { $cat = 'simple'; }
        
        $cpGroupCategory[$ag->id] = $cat;
        $cpGroupNature[$ag->id] = $combinedName;
        $cpNameHint[$ag->id] = $ag->display_name;
    }

    $cpGroupedAccounts = $cpAccountGroups->groupBy(function($ag) {
        $combinedName = strtolower(trim($ag->a_group_name . ' ' . ($ag->group->group_name ?? '')));
        
        $cat = 'simple';
        if (str_contains($combinedName, 'debtor') || str_contains($combinedName, 'creditor')) { $cat = 'party'; }
        elseif (str_contains($combinedName, 'cash') || str_contains($combinedName, 'bank account')) { $cat = 'cashbank'; }
        elseif (str_contains($combinedName, 'income') || str_contains($combinedName, 'expense') || str_contains($combinedName, 'sales') || str_contains($combinedName, 'purchase') || str_contains($combinedName, 'tax') || str_contains($combinedName, 'duties')) { $cat = 'income_expense'; }
        
        if ($cat === 'party') return 'Party Ledgers';
        if ($cat === 'cashbank') return 'Cash / Bank Ledgers';
        if ($cat === 'income_expense') return 'Income & Expense Ledgers (P&L)';
        return 'Balance Sheet Ledgers';
    });

    $cpState = \App\Models\State::select(
        \Illuminate\Support\Facades\DB::raw("CONCAT(state_code,'-',state_name) as state_name"),
        'id',
    )
        ->pluck('state_name', 'id')
        ->toArray();

    $cpGroups = \Illuminate\Support\Facades\DB::table('groups')->get();
    $cpFinancialYearStart = isset($financial_year_start) ? $financial_year_start : date('d-m-Y');
@endphp

<style>
    #commonPartyModal .cp-section-title {
        font-size: 0.9rem;
        font-weight: 600;
        color: #495057;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        border-bottom: 2px solid #e9ecef;
        padding-bottom: 0.35rem;
        margin-top: 1rem;
        margin-bottom: 0.75rem;
    }
    #commonPartyModal .modal-body {
        max-height: 80vh;
        overflow-y: auto;
    }
</style>

<!-- Main Modal: Create Party / Ledger -->
<div class="modal fade" id="commonPartyModal" tabindex="-1" aria-labelledby="commonPartyModalLabel" aria-hidden="true"
    data-bs-keyboard="false" data-bs-backdrop="static" style="z-index: 1055;">
    <div class="modal-dialog modal-xl modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header d-flex justify-content-between align-items-center">
                <div class="d-flex align-items-center gap-3">
                    <h5 class="modal-title mb-0" id="commonPartyModalLabel">Create Ledger / Party</h5>
                    <span id="cpTypeBadge" class="badge bg-primary px-3 py-1 rounded-pill" style="display: none; font-size: 12px;"></span>
                </div>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body p-4">
                <div id="cpGlobalError" class="alert alert-danger d-none py-2" style="font-size: 13px;"></div>

                <form id="commonPartyForm" action="{{ route('common-party.store') }}" method="POST"
                    class="row g-3 needs-validation" autocomplete="off">
                    @csrf
                    <input name="request_from" type="hidden" value="model">

                    <!-- 1. Identity -->
                    <div class="col-md-6 col-12">
                        <label for="cp_party_name" class="form-label fw-semibold">Party / Ledger Name<span class="text-danger">*</span></label>
                        <input type="text" class="form-control" id="cp_party_name" name="party_name" required placeholder="Enter party or ledger name">
                        <span class="text-danger cp-error small" data-field="party_name"></span>
                    </div>

                    <div class="col-md-6 col-12">
                        <label for="cp_account_group_id" class="form-label fw-semibold">Under Group<span class="text-danger">*</span></label>
                        <div class="d-flex gap-2 align-items-start">
                            <div class="flex-grow-1">
                                <select name="account_group_id" id="cp_account_group_id" class="form-select select2-cp-modal" required>
                                    <option value="">--Select Group--</option>
                                    @foreach($cpGroupedAccounts as $nature => $groups)
                                        <optgroup label="{{ $nature }}">
                                            @foreach($groups as $ag)
                                                <option value="{{ $ag->id }}" {{ (isset($defaultGroupId) && $defaultGroupId == $ag->id) ? 'selected' : '' }}>
                                                    {{ $ag->display_name }}
                                                </option>
                                            @endforeach
                                        </optgroup>
                                    @endforeach
                                </select>
                                <span class="text-danger cp-error small mt-1 d-block" data-field="account_group_id"></span>
                                <div class="text-muted small mt-1" id="cpGroupHint" style="display:none; font-size: 11.5px;"></div>
                            </div>
                            <button type="button" class="btn btn-outline-primary shadow-sm" id="cpBtnOpenAddGroup" title="Add New Group">
                                <i class="ri-add-line fw-bold"></i>
                            </button>
                        </div>
                    </div>

                    <!-- 2. Registration Details -->
                    <div class="col-12 cpRegBlock" style="display:none;">
                        <div class="cp-section-title">Registration Details</div>
                    </div>
                    <div class="col-md-4 col-12 cpRegBlock" style="display:none;">
                        <label for="cp_register_type" class="form-label fw-semibold">Register Type<span class="text-danger">*</span></label>
                        <select name="register_type" id="cp_register_type" class="form-select">
                            <option value="Regular" selected>Regular</option>
                            <option value="Composition">Composition</option>
                            <option value="Unregistered">Unregistered</option>
                        </select>
                        <span class="text-danger cp-error small" data-field="register_type"></span>
                    </div>
                    <div class="col-md-4 col-12 cpRegBlock cpGstShow" style="display:none;">
                        <label for="cp_gst_no" class="form-label fw-semibold">GST No.<span class="text-danger">*</span></label>
                        <input type="text" class="form-control cpAlphaNum" id="cp_gst_no" name="gst_no" minlength="15" maxlength="15" placeholder="e.g. 08AAAAA0000A1Z5" style="text-transform:uppercase">
                        <span class="text-danger cp-error small" data-field="gst_no"></span>
                    </div>
                    <div class="col-md-4 col-12 cpRegBlock" style="display:none;">
                        <label for="cp_pan_no" class="form-label fw-semibold">Pan No.</label>
                        <input type="text" class="form-control cpAlphaNum" id="cp_pan_no" name="pan_no" minlength="10" maxlength="10" placeholder="e.g. AAAAA0000A" style="text-transform:uppercase">
                        <span class="text-danger cp-error small" data-field="pan_no"></span>
                    </div>

                    <!-- 3. Contact & Address -->
                    <div class="col-12 cpContactBlock" style="display:none;">
                        <div class="cp-section-title">Contact & Address</div>
                    </div>
                    <div class="col-md-6 col-12 cpContactBlock" style="display:none;">
                        <label for="cp_mobile_no" class="form-label fw-semibold">Mobile No.</label>
                        <input type="text" class="form-control cpNumber" id="cp_mobile_no" name="mobile_no" minlength="10" maxlength="10" placeholder="10-digit mobile">
                        <span class="text-danger cp-error small" data-field="mobile_no"></span>
                    </div>
                    <div class="col-md-6 col-12 cpContactBlock" style="display:none;">
                        <label for="cp_email" class="form-label fw-semibold">Email</label>
                        <input type="email" class="form-control" id="cp_email" name="email" placeholder="email@example.com">
                        <span class="text-danger cp-error small" data-field="email"></span>
                    </div>
                    <div class="col-md-12 col-12 cpContactBlock" style="display:none;">
                        <label for="cp_address" class="form-label fw-semibold">Address (Village, Road Name, Building Name etc.)<span class="text-danger">*</span></label>
                        <textarea class="form-control" name="address" id="cp_address" rows="2" placeholder="Full address"></textarea>
                        <span class="text-danger cp-error small" data-field="address"></span>
                    </div>
                    <div class="col-md-4 col-12 cpContactBlock" style="display:none;">
                        <label for="cp_city" class="form-label fw-semibold">District / City</label>
                        <input type="text" class="form-control" id="cp_city" name="city" placeholder="City">
                        <span class="text-danger cp-error small" data-field="city"></span>
                    </div>
                    <div class="col-md-4 col-12 cpContactBlock" style="display:none;">
                        <label for="cp_state_id" class="form-label fw-semibold">State <span id="cpStateAutoHint" class="text-success small"></span><span class="text-danger">*</span></label>
                        <select name="state_id" id="cp_state_id" class="form-select select2-cp-modal">
                            <option value="">--Select State--</option>
                            @foreach($cpState as $sid => $sname)
                                <option value="{{ $sid }}">{{ $sname }}</option>
                            @endforeach
                        </select>
                        <span class="text-danger cp-error small" data-field="state_id"></span>
                    </div>
                    <div class="col-md-4 col-12 cpContactBlock" style="display:none;">
                        <label for="cp_pin_code" class="form-label fw-semibold">Pin Code<span class="text-danger">*</span></label>
                        <input type="text" class="form-control cpNumber" id="cp_pin_code" name="pin_code" maxlength="6" placeholder="6-digit pin">
                        <span class="text-danger cp-error small" data-field="pin_code"></span>
                    </div>
                    <div class="col-md-4 col-12 cpContactBlock" style="display:none;">
                        <label for="cp_country" class="form-label fw-semibold">Country<span class="text-danger">*</span></label>
                        <input type="text" class="form-control" id="cp_country" name="country" readonly value="India" style="background-color: #f8f9fa;">
                        <span class="text-danger cp-error small" data-field="country"></span>
                    </div>

                    <!-- 4. Credit Terms -->
                    <div class="col-12 cpCreditBlock" style="display:none;">
                        <div class="cp-section-title">Credit Terms</div>
                    </div>
                    <div class="col-md-6 col-12 cpCreditBlock" style="display:none;">
                        <label for="cp_credit_days" class="form-label fw-semibold">Credit Period (Days)</label>
                        <input type="number" class="form-control cpNumber" id="cp_credit_days" name="credit_days" min="0" value="30">
                        <span class="text-danger cp-error small" data-field="credit_days"></span>
                    </div>
                    <div class="col-md-6 col-12 cpCreditBlock" style="display:none;">
                        <label for="cp_credit_limit" class="form-label fw-semibold">Credit Limit (₹)</label>
                        <div class="input-group">
                            <span class="input-group-text">₹</span>
                            <input type="number" class="form-control cpNumber" id="cp_credit_limit" name="credit_limit" min="0" value="0">
                        </div>
                        <span class="text-danger cp-error small" data-field="credit_limit"></span>
                    </div>

                    <!-- 5. GST Applicability (for Income / Expense) -->
                    <div class="col-12 cpGstApplicBlock" style="display:none;">
                        <div class="cp-section-title">GST Applicability</div>
                    </div>
                    <div class="col-md-4 col-12 cpGstApplicBlock" style="display:none;">
                        <label class="form-label mb-2 d-block fw-semibold">GST Applicable</label>
                        <div class="d-flex align-items-center mt-2 gap-4">
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="gst_applicable" id="cp_gst_applicable_no" value="no" checked>
                                <label class="form-check-label" for="cp_gst_applicable_no">No</label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="gst_applicable" id="cp_gst_applicable_yes" value="yes">
                                <label class="form-check-label" for="cp_gst_applicable_yes">Yes</label>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-12 cpGstRateRow" style="display:none;">
                        <label for="cp_default_gst_rate" class="form-label fw-semibold">Default GST Rate</label>
                        <select name="default_gst_rate" id="cp_default_gst_rate" class="form-select">
                            @foreach([0, 5, 12, 18, 28] as $rate)
                                <option value="{{ $rate }}" {{ $rate == 18 ? 'selected' : '' }}>{{ $rate }}%</option>
                            @endforeach
                        </select>
                        <span class="text-danger cp-error small" data-field="default_gst_rate"></span>
                    </div>
                    <div class="col-md-4 col-12 cpGstRateRow" style="display:none;">
                        <label for="cp_hsn_sac" class="form-label fw-semibold">HSN / SAC Code</label>
                        <input type="text" class="form-control" id="cp_hsn_sac" name="hsn_sac" placeholder="HSN/SAC">
                        <span class="text-danger cp-error small" data-field="hsn_sac"></span>
                    </div>

                    <!-- 6. Bank Details -->
                    <div class="col-12 cpBankSection" style="display:none;">
                        <div class="cp-section-title">Bank Details <small class="text-muted fw-normal text-lowercase">(Optional)</small></div>
                    </div>
                    <div class="col-md-6 col-12 cpBankSection" style="display:none;">
                        <label for="cp_bank_holder_name" class="form-label fw-semibold">Account Holder Name</label>
                        <input type="text" class="form-control" id="cp_bank_holder_name" name="bank_holder_name">
                        <span class="text-danger cp-error small" data-field="bank_holder_name"></span>
                    </div>
                    <div class="col-md-6 col-12 cpBankSection" style="display:none;">
                        <label for="cp_bank_name" class="form-label fw-semibold">Bank Name</label>
                        <input type="text" class="form-control" id="cp_bank_name" name="bank_name">
                        <span class="text-danger cp-error small" data-field="bank_name"></span>
                    </div>
                    <div class="col-md-6 col-12 cpBankSection" style="display:none;">
                        <label for="cp_account_no" class="form-label fw-semibold">Account Number</label>
                        <input type="text" class="form-control cpAlphaNum" id="cp_account_no" name="account_no">
                        <span class="text-danger cp-error small" data-field="account_no"></span>
                    </div>
                    <div class="col-md-6 col-12 cpBankSection" style="display:none;">
                        <label for="cp_ifsc_code" class="form-label fw-semibold">IFSC Code</label>
                        <input type="text" class="form-control cpAlphaNum" id="cp_ifsc_code" name="ifsc_code" style="text-transform:uppercase">
                        <span class="text-danger cp-error small" data-field="ifsc_code"></span>
                    </div>

                    <!-- 7. Opening Balance -->
                    <div class="col-12 cpObBlock">
                        <div class="cp-section-title">Opening Balance</div>
                    </div>
                    <div class="col-md-4 col-12 cpObBlock">
                        <label for="cp_opening_balance" class="form-label fw-semibold">Opening Balance (₹)</label>
                        <input type="text" class="form-control cpNumber" id="cp_opening_balance" name="opening_balance" value="0">
                        <span class="text-danger cp-error small" data-field="opening_balance"></span>
                    </div>
                    <div class="col-md-4 col-12 cpStartingDateBlock">
                        <label class="form-label fw-semibold" for="cp_starting_date">Starting Date</label>
                        <div class="input-group">
                            <span class="input-group-text"><i class="ri-calendar-todo-line"></i></span>
                            <input type="text" id="cp_starting_date" class="form-control cpDatepicker" name="starting_date" value="{{ date('d-m-Y', strtotime($cpFinancialYearStart)) }}">
                        </div>
                        <span class="text-danger cp-error small" data-field="starting_date"></span>
                    </div>

                    @if (\App\Http\Helpers\CommonHelper::checkGeneralSetting('maintain_balance') == 'yes')
                        <div class="col-md-4 col-12 cpContactBlock mt-4" style="display:none;">
                            <div class="form-check mt-3">
                                <input type="checkbox" class="form-check-input" id="cp_maintain_bal_bil" name="maintain_bal_bil" value="yes">
                                <label class="form-check-label fw-semibold" for="cp_maintain_bal_bil">Maintain Balance Bill by Bill</label>
                            </div>
                        </div>
                    @endif

                    <div class="col-md-12 col-12 cpObBlock mt-2">
                        <div class="d-flex align-items-center gap-4">
                            <div class="form-check cpCrDrBlock">
                                <input class="form-check-input" type="radio" value="Cr" name="opening_balance_type" id="cp_Cr" checked>
                                <label class="form-check-label fw-semibold" for="cp_Cr">Cr</label>
                            </div>
                            <div class="form-check cpCrDrBlock">
                                <input class="form-check-input" type="radio" value="Dr" name="opening_balance_type" id="cp_Dr">
                                <label class="form-check-label fw-semibold" for="cp_Dr">Dr</label>
                            </div>
                            <div class="form-check cpReceivePayBlock" style="display:none;">
                                <input class="form-check-input" type="radio" value="receive" name="receiving_payment_pending" id="cp_receive" checked>
                                <label class="form-check-label fw-semibold" for="cp_receive">To Receive</label>
                            </div>
                            <div class="form-check cpReceivePayBlock" style="display:none;">
                                <input class="form-check-input" type="radio" value="payment" name="receiving_payment_pending" id="cp_payment">
                                <label class="form-check-label fw-semibold" for="cp_payment">To Pay</label>
                            </div>
                        </div>
                    </div>

                    <div class="col-12 mt-4 pt-3 border-top d-flex justify-content-end gap-2">
                        <button type="button" class="btn btn-light" data-bs-dismiss="modal">Cancel</button>
                        <button class="btn btn-primary px-4" id="cpBtnSubmit" type="submit">
                            <i class="ri-save-line me-1"></i> Save Party
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<!-- Sub-Modal: Add Group -->
<div class="modal fade" id="cpAddGroupModal" tabindex="-1" aria-hidden="true" style="z-index: 1065;">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Create Account Group</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div class="mb-3">
                    <label class="form-label fw-semibold">Group Type <span class="text-danger">*</span></label>
                    <select id="cpNewGroupType" class="form-select">
                        @foreach($cpGroups as $g)
                            <option value="{{ $g->id }}">{{ $g->group_name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="mb-3">
                    <label class="form-label fw-semibold">Account Group Name <span class="text-danger">*</span></label>
                    <input type="text" id="cpNewGroupName" class="form-control" placeholder="e.g. Local Debtors, Key Suppliers">
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-light btn-sm" data-bs-dismiss="modal">Cancel</button>
                <button type="button" class="btn btn-primary btn-sm" id="cpBtnSaveGroup">
                    <i class="ri-save-line me-1"></i> Save Group
                </button>
            </div>
        </div>
    </div>
</div>

@push('footer_script')
<script>
$(document).ready(function() {
    var CP_GROUP_CATEGORY = {!! json_encode($cpGroupCategory) !!};
    var CP_GROUP_NATURE = {!! json_encode($cpGroupNature) !!};
    var CP_NAME_HINT = {!! json_encode($cpNameHint) !!};

    var CP_CATEGORY_LABEL = {
        party: 'Party Ledger',
        cashbank: 'Cash / Bank Ledger',
        simple: 'Balance Sheet Ledger',
        income_expense: 'Income / Expense Ledger'
    };

    function getCpCategory() {
        var val = $('#cp_account_group_id').val();
        if (!val) return 'party';
        return CP_GROUP_CATEGORY[val] || 'simple';
    }

    // Number only inputs
    $(document).on('keyup input', '.cpNumber', function() {
        this.value = this.value.replace(/\D/g, '');
    });

    // Alphanumeric inputs
    $(document).on('input', '.cpAlphaNum', function() {
        this.value = this.value.replace(/[^a-zA-Z0-9]/g, '');
    });

    // Auto extract PAN from GST
    $('#cp_gst_no').on('input', function() {
        let gst = $(this).val().toUpperCase().replace(/[^A-Z0-9]/g, '');
        $(this).val(gst);
        if (gst.length >= 12) {
            $('#cp_pan_no').val(gst.substring(2, 12));
        }
        // Auto match state from first 2 digits
        if (gst.length >= 2) {
            let stateCode = gst.substring(0, 2);
            $('#cp_state_id option').each(function() {
                let text = $(this).text();
                if (text.startsWith(stateCode + '-')) {
                    $('#cp_state_id').val($(this).val()).trigger('change');
                    $('#cpStateAutoHint').text('(Auto: ' + text + ')');
                    return false;
                }
            });
        }
    });

    // Render Fields dynamically based on selected group
    function cpRenderFields() {
        var cat = getCpCategory();
        var val = $('#cp_account_group_id').val();
        var grp = val ? (CP_GROUP_NATURE[val] || '') : '';
        var displayName = val ? (CP_NAME_HINT[val] || '') : '';

        var tBadge = $('#cpTypeBadge');
        if (val) {
            tBadge.text(CP_CATEGORY_LABEL[cat] || 'Ledger');
            tBadge.show();
            if (cat === 'party') { tBadge.attr('class', 'badge bg-success px-3 py-1 rounded-pill'); }
            else if (cat === 'income_expense') { tBadge.attr('class', 'badge bg-info px-3 py-1 rounded-pill'); }
            else { tBadge.attr('class', 'badge bg-secondary px-3 py-1 rounded-pill'); }

            $('#cpGroupHint').text('"' + displayName + '" → shown as a ' + (CP_CATEGORY_LABEL[cat] || '').toLowerCase() + ' below.').show();
        } else {
            tBadge.hide();
            $('#cpGroupHint').hide();
        }

        if (cat === 'party') {
            $('.cpRegBlock').show();
            $('.cpContactBlock').show();
            $('.cpCreditBlock').show();

            $('#cp_address').attr('required', true);
            $('#cp_state_id').attr('required', true);
            $('#cp_pin_code').attr('required', true);

            $('.cpCrDrBlock').hide();
            $('.cpReceivePayBlock').show();

            cpRegisterChange();
        } else {
            $('.cpRegBlock').hide();
            $('.cpContactBlock').hide();
            $('.cpCreditBlock').hide();

            $('#cp_address').removeAttr('required');
            $('#cp_state_id').removeAttr('required');
            $('#cp_pin_code').removeAttr('required');
            $('#cp_gst_no').removeAttr('required');

            $('.cpReceivePayBlock').hide();
            $('.cpCrDrBlock').show();
        }

        if (cat === 'income_expense') {
            $('.cpGstApplicBlock').show();
            if ($('input[name="gst_applicable"]:checked').val() === 'yes') {
                $('.cpGstRateRow').show();
            } else {
                $('.cpGstRateRow').hide();
            }
        } else {
            $('.cpGstApplicBlock').hide();
            $('.cpGstRateRow').hide();
        }

        if (cat === 'party' || grp.includes('bank account')) {
            $('.cpBankSection').show();
        } else {
            $('.cpBankSection').hide();
        }

        $('#cpBtnSubmit').html('<i class="ri-save-line me-1"></i> ' + (cat === 'party' ? 'Save Party' : 'Save Ledger'));
    }

    function cpRegisterChange() {
        if (getCpCategory() === 'party') {
            let regType = $('#cp_register_type').val();
            if (regType === 'Unregistered') {
                $('#cp_gst_no').removeAttr('required');
                $('.cpGstShow').hide();
            } else {
                $('#cp_gst_no').attr('required', true);
                $('.cpGstShow').show();
            }
        }
    }

    $('#cp_account_group_id').on('change', cpRenderFields);
    $('#cp_register_type').on('change', cpRegisterChange);
    $('input[name="gst_applicable"]').on('change', cpRenderFields);

    // Datepicker & Select2 Init inside modal
    $('#commonPartyModal').on('shown.bs.modal', function() {
        $('.select2-cp-modal').select2({
            dropdownParent: $('#commonPartyModal'),
            placeholder: "Search / Select...",
            allowClear: true,
            width: '100%'
        });

        if (typeof $.fn.daterangepicker !== 'undefined') {
            $('#cp_starting_date').daterangepicker({
                singleDatePicker: true,
                startDate: moment('{{ $cpFinancialYearStart }}', 'DD-MM-YYYY'),
                locale: { format: 'DD-MM-YYYY' }
            });
        }

        cpRenderFields();
    });

    // Sub-modal Add Group Trigger
    $('#cpBtnOpenAddGroup').on('click', function() {
        $('#cpNewGroupName').val('');
        $('#cpAddGroupModal').modal('show');
    });

    // AJAX Save Group
    $('#cpBtnSaveGroup').on('click', function() {
        var type = $('#cpNewGroupType').val();
        var name = $('#cpNewGroupName').val().trim();
        if (!name) { alert("Please enter a group name"); return; }

        var btn = $(this);
        btn.prop('disabled', true).html('<i class="ri-loader-4-line"></i> Saving...');

        $.ajax({
            url: "{{ route('account-group.store') }}",
            type: "POST",
            data: {
                _token: "{{ csrf_token() }}",
                group_id: type,
                a_group_name: name,
                request_from: 'model'
            },
            success: function(res) {
                btn.prop('disabled', false).html('<i class="ri-save-line me-1"></i> Save Group');
                if (res.success && res.new_group) {
                    var newOpt = new Option(res.new_group.a_group_name, res.new_group.id, true, true);
                    $('#cp_account_group_id').append(newOpt).trigger('change');

                    var groupName = (res.new_group.group_name || '').toLowerCase();
                    var cat = 'simple';
                    if (['sundry debtors', 'sundry creditors'].includes(groupName)) cat = 'party';
                    else if (['cash-in-hand', 'bank accounts'].includes(groupName)) cat = 'cashbank';
                    else if (['direct income', 'indirect income', 'sales accounts', 'direct expenses', 'indirect expenses', 'purchase accounts', 'duties & taxes'].includes(groupName)) cat = 'income_expense';

                    CP_GROUP_CATEGORY[res.new_group.id] = cat;
                    CP_GROUP_NATURE[res.new_group.id] = res.new_group.group_name;
                    CP_NAME_HINT[res.new_group.id] = res.new_group.a_group_name;

                    $('#cpAddGroupModal').modal('hide');
                    cpRenderFields();
                } else {
                    alert(res.message || "Error saving group");
                }
            },
            error: function() {
                btn.prop('disabled', false).html('<i class="ri-save-line me-1"></i> Save Group');
                alert("An error occurred while saving the group.");
            }
        });
    });

    // AJAX Form Submit
    $('#commonPartyForm').on('submit', function(e) {
        e.preventDefault();
        var form = this;
        var btn = $('#cpBtnSubmit');
        $('.cp-error').html('');
        $('#cpGlobalError').addClass('d-none').html('');

        // Ensure opening_balance_type is set for party category
        if (getCpCategory() === 'party') {
            var rp = $('input[name="receiving_payment_pending"]:checked').val();
            if (rp === 'receive') {
                $('#cp_Dr').prop('checked', true);
            } else {
                $('#cp_Cr').prop('checked', true);
            }
        }

        btn.prop('disabled', true).html('<i class="ri-loader-4-line"></i> Saving...');

        var formData = new FormData(form);

        $.ajax({
            url: $(form).attr('action'),
            type: 'POST',
            data: formData,
            processData: false,
            contentType: false,
            headers: {
                'X-Requested-With': 'XMLHttpRequest',
                'X-CSRF-TOKEN': '{{ csrf_token() }}'
            },
            success: function(response) {
                btn.prop('disabled', false).html('<i class="ri-save-line me-1"></i> Save Party');

                if (response.success && response.new_party) {
                    var party = response.new_party;
                    var label = party.party_name;

                    // Update parent selects: party_account_ledger_id, account_ledger_id, etc.
                    var targetSelects = $('#party_account_ledger_id, #account_ledger_id, #party_id, #consignor_id, #consignee_id');
                    var option = new Option(label, party.ledger_id, true, true);
                    targetSelects.append(option).trigger('change');

                    $('#commonPartyModal').modal('hide');
                    form.reset();
                    $('#cp_country').val('India');
                    $('#cp_opening_balance').val('0');

                    if (typeof Swal !== 'undefined') {
                        Swal.fire({
                            icon: 'success',
                            title: 'Party Created!',
                            text: party.party_name + ' has been created and selected.',
                            timer: 2000,
                            showConfirmButton: false
                        });
                    }
                } else {
                    $('#cpGlobalError').removeClass('d-none').text(response.message || 'Error creating party.');
                }
            },
            error: function(xhr) {
                btn.prop('disabled', false).html('<i class="ri-save-line me-1"></i> Save Party');

                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 {
                    var msg = (xhr.responseJSON && xhr.responseJSON.message) ? xhr.responseJSON.message : 'An error occurred. Please check your inputs.';
                    $('#cpGlobalError').removeClass('d-none').text(msg);
                }
            }
        });
    });

    // Reset when modal opens
    $('#commonPartyModal').on('show.bs.modal', function() {
        $('.cp-error').html('');
        $('#cpGlobalError').addClass('d-none').html('');
        cpRenderFields();
    });
});
</script>
@endpush