@extends('layout.app')
@section('title', 'Create Ledger / Party')
@push('header_script')
    <link rel="stylesheet" href="{{ asset('theme/assets/vendor/daterange/daterange.css') }}">
    <style>
        .select2-container .select2-selection--single {
            height: calc(3.5rem + 2px); /* match form-floating if used, otherwise standard height */
        }
        .form-section-title {
            font-size: 1rem;
            font-weight: 600;
            color: #495057;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            border-bottom: 2px solid #e9ecef;
            padding-bottom: 0.5rem;
            margin-top: 1.5rem;
            margin-bottom: 1rem;
        }
    </style>
@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);">Create Ledger / Party</a>
            </li>
        </ol>
        <div class="ms-auto d-lg-flex flex-row">
            <div class="d-flex flex-row gap-1 day-sorting">
                <a href="{{ route('common-party.index') }}" class="btn btn-sm btn-primary"><i class="ri-arrow-left-circle-fill"></i>
                    Back</a>
            </div>
        </div>
    </div>
    <div class="app-body">
        <div class="card-body">
            @if(Session::has('error_msg'))
                <div class="alert alert-danger">{{ Session::get('error_msg') }}</div>
            @endif

            <div class="row gx-3">
                <div class="col-sm-12">
                    <div class="card mb-3">
                        <div class="card-body">
                            <div class="d-flex justify-content-between align-items-center mb-3 border-bottom pb-2">
                                <h5 class="mb-0">Ledger Details</h5>
                                <span id="typeBadge" class="badge bg-primary px-3 py-2 rounded-pill" style="display: none;"></span>
                            </div>

                            {!! Form::open([
                                'route' => ['common-party.store'],
                                'onsubmit' => 'BtnSubmit.disabled = true',
                                'class' => 'row g-3 needs-validation',
                                'method' => 'post',
                                'autocomplete' => 'off',
                            ]) !!}
                            
                            <input name="request_from" type="hidden" value="mainFile">

                            <!-- 1. Identity -->
                            <div class="col-md-6 col-12">
                                <label class="form-label" for="party_name">Ledger Name<span class="text-danger">*</span></label>
                                <input type="text" class="form-control" id="party_name" name="party_name" required value="{{ old('party_name') }}">
                                <div class="text-danger">{{ $errors->first('party_name') }}</div>
                            </div>
                            
                            <div class="col-md-6 col-12">
                                <label class="form-label" for="account_group_id">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="account_group_id" class="form-select select2" required>
                                            <option value="">--Select Group--</option>
                                            @php
                                                $controller = app(\App\Http\Controllers\Common\CommonPartyController::class);
                                                
                                                // We need to map it to category name
                                                $groupedAccounts = $accountGroup->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';
                                                });
                                            @endphp
                                            @foreach($groupedAccounts as $nature => $groups)
                                                <optgroup label="{{ $nature }}">
                                                    @foreach($groups as $ag)
                                                        <option value="{{ $ag->id }}" {{ old('account_group_id') == $ag->id ? 'selected' : '' }}>
                                                            {{ $ag->display_name }}
                                                        </option>
                                                    @endforeach
                                                </optgroup>
                                            @endforeach
                                        </select>
                                        <div class="text-danger mt-1">{{ $errors->first('account_group_id') }}</div>
                                        <div class="text-muted small mt-1" id="groupHint" style="display:none;"></div>
                                    </div>
                                    <button type="button" class="btn btn-outline-primary shadow-sm" data-bs-toggle="modal" data-bs-target="#addGroupModal" title="Add New Group">
                                        <i class="ri-add-line fw-bold"></i>
                                    </button>
                                </div>
                            </div>

                            <!-- Registration Details -->
                            <div class="col-12 regBlock" style="display:none;">
                                <div class="form-section-title">Registration Details</div>
                            </div>
                            <div class="col-md-4 col-12 regBlock" style="display:none;">
                                <label class="form-label" for="register_type">Register Type<span class="text-danger">*</span></label>
                                {!! Form::select(
                                    'register_type',
                                    ['Regular' => 'Regular', 'Composition' => 'Composition', 'Unregistered' => 'Unregistered'],
                                    old('register_type', 'Regular'),
                                    ['class' => 'form-select', 'id' => 'register_type']
                                ) !!}
                                <div class="text-danger">{{ $errors->first('register_type') }}</div>
                            </div>
                            <div class="col-md-4 col-12 regBlock gstShow" style="display:none;">
                                <label class="form-label" for="gst_no">GST No.<span class="text-danger">*</span></label>
                                <input type="text" class="form-control alphaNum" id="gst_no" name="gst_no" minlength="15" maxlength="15" value="{{ old('gst_no') }}" style="text-transform:uppercase">
                                <div class="text-danger">{{ $errors->first('gst_no') }}</div>
                            </div>
                            <div class="col-md-4 col-12 regBlock" style="display:none;">
                                <label class="form-label" for="pan_no">Pan No.</label>
                                <input type="text" class="form-control alphaNum" id="pan_no" name="pan_no" minlength="10" maxlength="10" value="{{ old('pan_no') }}" style="text-transform:uppercase">
                                <div class="text-danger">{{ $errors->first('pan_no') }}</div>
                            </div>

                            <!-- Contact & Address -->
                            <div class="col-12 contactBlock" style="display:none;">
                                <div class="form-section-title">Contact & Address</div>
                            </div>
                            <div class="col-md-6 col-12 contactBlock" style="display:none;">
                                <label class="form-label" for="mobile_no">Mobile No.</label>
                                <input type="text" class="form-control number" id="mobile_no" name="mobile_no" minlength="10" maxlength="10" value="{{ old('mobile_no') }}">
                                <div class="text-danger">{{ $errors->first('mobile_no') }}</div>
                            </div>
                            <div class="col-md-6 col-12 contactBlock" style="display:none;">
                                <label class="form-label" for="email">Email</label>
                                <input type="email" pattern="[a-zA-Z0-9._%+\-]+@[a-zA-Z0-9.\-]+\.[a-zA-Z]{2,}$" title="Please enter a valid email address" class="form-control" id="email" name="email" value="{{ old('email') }}">
                                <div class="text-danger">{{ $errors->first('email') }}</div>
                            </div>
                            <div class="col-md-12 col-12 contactBlock" style="display:none;">
                                <label class="form-label" for="address">Address<span class="text-danger">*</span></label>
                                <textarea class="form-control" name="address" id="address" rows="2">{{ old('address') }}</textarea>
                                <div class="text-danger">{{ $errors->first('address') }}</div>
                            </div>
                            <div class="col-md-4 col-12 contactBlock" style="display:none;">
                                <label class="form-label" for="city">City</label>
                                <input type="text" class="form-control" id="city" name="city" value="{{ old('city') }}">
                                <div class="text-danger">{{ $errors->first('city') }}</div>
                            </div>
                            <div class="col-md-4 col-12 contactBlock" style="display:none;">
                                <label class="form-label" for="state_id">State <span id="stateAutoHint" class="text-success small"></span><span class="text-danger">*</span></label>
                                {!! Form::select('state_id', ['' => '--Select--'] + $state, old('state_id'), [
                                    'class' => 'form-select select2',
                                    'id' => 'state_id'
                                ]) !!}
                                <div class="text-danger">{{ $errors->first('state_id') }}</div>
                            </div>
                            <div class="col-md-4 col-12 contactBlock" style="display:none;">
                                <label class="form-label" for="pin_code">Pin Code<span class="text-danger">*</span></label>
                                <input type="text" class="form-control number" id="pin_code" name="pin_code" maxlength="6" value="{{ old('pin_code') }}">
                                <div class="text-danger">{{ $errors->first('pin_code') }}</div>
                            </div>
                            <div class="col-md-4 col-12 contactBlock" style="display:none;">
                                <label class="form-label" for="country">Country<span class="text-danger">*</span></label>
                                <input type="text" class="form-control readonly" id="country" name="country" readonly value="India" style="background-color: #f8f9fa;">
                                <div class="text-danger">{{ $errors->first('country') }}</div>
                            </div>

                            <!-- Credit Terms -->
                            <div class="col-12 creditBlock" style="display:none;">
                                <div class="form-section-title">Credit Terms</div>
                            </div>
                            <div class="col-md-6 col-12 creditBlock" style="display:none;">
                                <label class="form-label" for="credit_days">Credit Period (Days)</label>
                                <input type="number" class="form-control number" id="credit_days" name="credit_days" min="0" value="{{ old('credit_days', 30) }}">
                                <div class="text-danger">{{ $errors->first('credit_days') }}</div>
                            </div>
                            <div class="col-md-6 col-12 creditBlock" style="display:none;">
                                <label class="form-label" for="credit_limit">Credit Limit (₹)</label>
                                <div class="input-group">
                                    <span class="input-group-text">₹</span>
                                    <input type="number" class="form-control number" id="credit_limit" name="credit_limit" min="0" value="{{ old('credit_limit', 0) }}">
                                </div>
                                <div class="text-danger">{{ $errors->first('credit_limit') }}</div>
                            </div>

                            <!-- GST Applicability -->
                            <div class="col-12 gstApplicBlock" style="display:none;">
                                <div class="form-section-title">GST Applicability</div>
                            </div>
                            <div class="col-md-4 col-12 gstApplicBlock" style="display:none;">
                                <label class="form-label mb-2 d-block">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="gst_applicable_no" value="no" {{ old('gst_applicable', 'no') == 'no' ? 'checked' : '' }}>
                                        <label class="form-check-label" for="gst_applicable_no">No</label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" name="gst_applicable" id="gst_applicable_yes" value="yes" {{ old('gst_applicable') == 'yes' ? 'checked' : '' }}>
                                        <label class="form-check-label" for="gst_applicable_yes">Yes</label>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 col-12 gstRateRow" style="display:none;">
                                <label class="form-label" for="default_gst_rate">Default GST Rate</label>
                                <select name="default_gst_rate" id="default_gst_rate" class="form-select">
                                    @foreach([0, 5, 12, 18, 28] as $rate)
                                        <option value="{{ $rate }}" {{ old('default_gst_rate', 18) == $rate ? 'selected' : '' }}>{{ $rate }}%</option>
                                    @endforeach
                                </select>
                                <div class="text-danger">{{ $errors->first('default_gst_rate') }}</div>
                            </div>
                            <div class="col-md-4 col-12 gstRateRow" style="display:none;">
                                <label class="form-label" for="hsn_sac">HSN / SAC Code</label>
                                <input type="text" class="form-control" id="hsn_sac" name="hsn_sac" value="{{ old('hsn_sac') }}">
                                <div class="text-danger">{{ $errors->first('hsn_sac') }}</div>
                            </div>

                            <!-- Bank Details -->
                            <div class="col-12 bankSection" style="display:none;">
                                <div class="form-section-title">Bank Details <small class="text-muted fw-normal text-lowercase">(Optional)</small></div>
                            </div>
                            <div class="col-md-6 col-12 bankSection" style="display:none;">
                                <label class="form-label" for="bank_holder_name">Account Holder Name</label>
                                <input type="text" class="form-control" id="bank_holder_name" name="bank_holder_name" value="{{ old('bank_holder_name') }}">
                                <div class="text-danger">{{ $errors->first('bank_holder_name') }}</div>
                            </div>
                            <div class="col-md-6 col-12 bankSection" style="display:none;">
                                <label class="form-label" for="bank_name">Bank Name</label>
                                <input type="text" class="form-control" id="bank_name" name="bank_name" value="{{ old('bank_name') }}">
                                <div class="text-danger">{{ $errors->first('bank_name') }}</div>
                            </div>
                            <div class="col-md-6 col-12 bankSection" style="display:none;">
                                <label class="form-label" for="account_no">Account Number</label>
                                <input type="text" class="form-control alphaNum" id="account_no" name="account_no" value="{{ old('account_no') }}">
                                <div class="text-danger">{{ $errors->first('account_no') }}</div>
                            </div>
                            <div class="col-md-6 col-12 bankSection" style="display:none;">
                                <label class="form-label" for="ifsc_code">IFSC Code</label>
                                <input type="text" class="form-control alphaNum" id="ifsc_code" name="ifsc_code" value="{{ old('ifsc_code') }}" style="text-transform:uppercase">
                                <div class="text-danger">{{ $errors->first('ifsc_code') }}</div>
                            </div>

                            <!-- Opening Balance -->
                            <div class="col-12 obBlock">
                                <div class="form-section-title">Opening Balance</div>
                            </div>
                            <div class="col-md-4 col-12 obBlock">
                                <label class="form-label" for="opening_balance">Opening Balance (₹)</label>
                                <input type="text" class="form-control number" id="opening_balance" name="opening_balance" value="{{ old('opening_balance', 0) }}">
                                <div class="text-danger">{{ $errors->first('opening_balance') }}</div>
                            </div>
                            <div class="col-md-4 col-12 contactBlock" style="display:none;">
                                <label class="form-label" for="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="starting_date" class="form-control datepicker" name="starting_date" 
                                        min="{{ isset($company_details->year_from) ? date('Y-m-d', strtotime($company_details->year_from)) : date('Y-m-d') }}"
                                        value="{{ old('starting_date', isset($company_details->year_from) ? date('d-m-Y', strtotime($company_details->year_from)) : date('d-m-Y')) }}">
                                </div>
                                <div class="text-danger">{{ $errors->first('starting_date') }}</div>
                            </div>
                            
                            @if (\App\Http\Helpers\CommonHelper::checkGeneralSetting('maintain_balance') == 'yes')
                                <div class="col-md-4 col-12 contactBlock mt-5" style="display:none;">
                                    <div class="form-check">
                                        <input type="checkbox" class="form-check-input" id="maintain_bal_bil" name="maintain_bal_bil" value="yes" {{ old('maintain_bal_bil') == 'yes' ? 'checked' : '' }}>
                                        <label class="form-check-label" for="maintain_bal_bil">Maintain Balance Bill by Bill</label>
                                    </div>
                                    <div class="text-danger">{{ $errors->first('maintain_bal_bil') }}</div>
                                </div>
                            @endif

                            <div class="col-md-12 col-12 obBlock mt-3">
                                <div class="d-flex align-items-center gap-4">
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" value="Cr" name="opening_balance_type" id="Cr" {{ old('opening_balance_type', 'Cr') == 'Cr' ? 'checked' : '' }}>
                                        <label class="form-check-label" for="Cr">Cr</label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" value="Dr" name="opening_balance_type" id="Dr" {{ old('opening_balance_type') == 'Dr' ? 'checked' : '' }}>
                                        <label class="form-check-label" for="Dr">Dr</label>
                                    </div>
                                    <div class="form-check contactBlock" style="display:none;">
                                        <input class="form-check-input" type="radio" value="receive" name="receiving_payment_pending" id="receive" {{ old('receiving_payment_pending') == 'receive' ? 'checked' : '' }}>
                                        <label class="form-check-label" for="receive">To Receive</label>
                                    </div>
                                    <div class="form-check contactBlock" style="display:none;">
                                        <input class="form-check-input" type="radio" value="payment" name="receiving_payment_pending" id="payment" {{ old('receiving_payment_pending') == 'payment' ? 'checked' : '' }}>
                                        <label class="form-check-label" for="payment">To Pay</label>
                                    </div>
                                </div>
                            </div>

                            <div class="col-xl-12 col-md-12 col-12">
                                <button class="btn btn-primary mt-3" id="BtnSubmit" type="submit">Save Ledger</button>
                            </div>
                            {!! Form::close() !!}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Add Group Modal -->
    <div class="modal fade" id="addGroupModal" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog">
            <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">Group Type <span class="text-danger">*</span></label>
                        <select id="newGroupType" class="form-select">
                            @foreach(DB::table('groups')->get() as $g)
                                <option value="{{ $g->id }}">{{ $g->group_name }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Account Group Name <span class="text-danger">*</span></label>
                        <input type="text" id="newGroupName" class="form-control">
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary btn-sm" data-bs-dismiss="modal">Close</button>
                    <button type="button" class="btn btn-primary btn-sm" id="btnSaveGroup">Save Group</button>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('footer_script')
    <script src="{{ asset('theme/assets/vendor/daterange/daterange.js') }}"></script>
    <script>
        // Utilities
        $('.number').keyup(function(e) {
            if (/\D/g.test(this.value)) {
                this.value = this.value.replace(/\D/g, '');
            }
        });
        $('.alphaNum').on('input', function() {
            this.value = this.value.replace(/[^a-zA-Z0-9]/g, '');
        });
        $(".datepicker").daterangepicker({
            singleDatePicker: true,
            startDate: moment("{{ old('starting_date', isset($company_details->year_from) ? date('Y-m-d', strtotime($company_details->year_from)) : date('Y-m-d')) }}", "YYYY-MM-DD"),
            @if(isset($company_details->year_from))
            minDate: moment("{{ date('Y-m-d', strtotime($company_details->year_from)) }}", "YYYY-MM-DD"),
            @endif
            @if(isset($company_details->year_to))
            maxDate: moment("{{ date('Y-m-d', strtotime($company_details->year_to)) }}", "YYYY-MM-DD"),
            @endif
            locale: { format: "DD-MM-YYYY" },
        });

        // Opening Balance dynamic logic
        $('#opening_balance').on('change', function() {
            let opening_balance = parseFloat($(this).val()) || 0;
            let radioButtons = $('input[name="receiving_payment_pending"]');
            if (opening_balance > 0) {
                $('#starting_date').attr('required', true);
            } else {
                $('#starting_date').removeAttr('required');
                radioButtons.removeAttr('required');
            }
        });
        $('input[name="receiving_payment_pending"]').on('change', function() {
            $('input[name="receiving_payment_pending"]').removeAttr('required');
        });

        // Group categories from controller
        @php
            $groupCategory = [];
            $groupNature = [];
            $nameHint = [];
            foreach($accountGroup 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'; }
                
                $groupCategory[$ag->id] = $cat;
                $groupNature[$ag->id] = $combinedName;
                $nameHint[$ag->id] = $ag->display_name;
            }
        @endphp
        
        var GROUP_CATEGORY = {!! json_encode($groupCategory) !!};
        var GROUP_NATURE = {!! json_encode($groupNature) !!};
        var NAME_HINT = {!! json_encode($nameHint) !!};
        
        var CATEGORY_LABEL = {
            party: 'Party Ledger', 
            cashbank: 'Cash / Bank Ledger', 
            simple: 'Balance Sheet Ledger', 
            income_expense: 'Income / Expense Ledger'
        };

        function category() { 
            var val = $('#account_group_id').val();
            if(!val) return 'simple';
            return GROUP_CATEGORY[val] || 'simple'; 
        }

        // Auto extract PAN from GST
        $('#gst_no').on('input', function() {
            let gst = $(this).val().toUpperCase().replace(/[^A-Z0-9]/g, '');
            $(this).val(gst);
            if (gst.length === 15) {
                $('#pan_no').val(gst.substring(2, 12));
            } else {
                $('#pan_no').val('');
            }
        });

        // Main logic to show/hide sections based on ledger category
        function renderFields() {
            var cat = category();
            var val = $('#account_group_id').val();
            var grp = val ? GROUP_NATURE[val] : '';
            var displayName = val ? NAME_HINT[val] : '';
            
            var tBadge = $('#typeBadge');
            if(val) {
                tBadge.text(CATEGORY_LABEL[cat]);
                tBadge.show();
                if(cat === 'party') { tBadge.attr('class', 'badge bg-success px-3 py-2 rounded-pill'); }
                else if (cat === 'income_expense') { tBadge.attr('class', 'badge bg-info px-3 py-2 rounded-pill'); }
                else { tBadge.attr('class', 'badge bg-secondary px-3 py-2 rounded-pill'); }
                
                $('#groupHint').text('"' + displayName + '" → shown as a ' + CATEGORY_LABEL[cat].toLowerCase() + ' below.');
                $('#groupHint').show();
            } else {
                tBadge.hide();
                $('#groupHint').hide();
            }

            // Show/Hide blocks based on category
            if(cat === 'party') {
                $('.regBlock').show();
                $('.contactBlock').show();
                $('.creditBlock').show();
                
                // Add required fields
                $('#address').attr('required', true);
                $('#state_id').attr('required', true);
                $('#pin_code').attr('required', true);
                
                // Setup receiving payment options
                $('#Cr, #Dr').parent().hide();
                $('#receive, #payment').parent().show();
                
                registerChange(); // update GST required
            } else {
                $('.regBlock').hide();
                $('.contactBlock').hide();
                $('.creditBlock').hide();
                
                // Remove required fields
                $('#address').removeAttr('required');
                $('#state_id').removeAttr('required');
                $('#pin_code').removeAttr('required');
                $('#gst_no').removeAttr('required');
                
                // Setup receiving payment options
                $('#receive, #payment').parent().hide();
                $('#Cr, #Dr').parent().show();
            }

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

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

            $('#BtnSubmit').text(cat === 'party' ? 'Save Party' : 'Save Ledger');
        }

        function registerChange() {
            if(category() === 'party') {
                let register_type = $('#register_type').val();
                if (register_type === 'Unregistered') {
                    $('#gst_no').removeAttr('required');
                    $('.gstShow').hide();
                } else {
                    $('#gst_no').attr('required', true);
                    $('.gstShow').show();
                }
            }
        }

        // Events
        $(document).ready(function() {
            renderFields();
            $('#account_group_id').on('change select2:select', renderFields);
            $('#register_type').on('change', registerChange);
            $('input[name="gst_applicable"]').on('change', renderFields);
        });

        // AJAX Add Group
        $('#btnSaveGroup').click(function(){
            var type = $('#newGroupType').val();
            var name = $('#newGroupName').val();
            if(!name) { alert("Please enter a group name"); return; }
            
            var btn = $(this);
            btn.text('Saving...').prop('disabled', true);
            
            $.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.text('Save Group').prop('disabled', false);
                    if(res.success) {
                        var newOption = new Option(res.new_group.a_group_name, res.new_group.id, true, true);
                        $('#account_group_id').append(newOption).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';
                        
                        GROUP_CATEGORY[res.new_group.id] = cat;
                        GROUP_NATURE[res.new_group.id] = res.new_group.group_name;
                        NAME_HINT[res.new_group.id] = res.new_group.a_group_name;
                        
                        $('#addGroupModal').modal('hide');
                        $('#newGroupName').val('');
                        renderFields();
                    } else {
                        alert("Error saving group");
                    }
                },
                error: function(err) {
                    btn.text('Save Group').prop('disabled', false);
                    alert("An error occurred");
                }
            });
        });
    </script>
@endpush