@extends('layouts.app')

@section('title', __('accounting-reports::lang.add_cheque_entry'))

@section('content')
<section class="content-header">
    <h1>@lang('accounting-reports::lang.add_cheque_entry')</h1>
</section>

<section class="content">
    {!! Form::open(['url' => route('accounting-reports.cheque-book.store'), 'method' => 'post', 'id' => 'add_cheque_entry_form']) !!}
    <div class="box box-solid">
        <div class="box-header with-border">
            <h3 class="box-title">@lang('accounting-reports::lang.cheque_entry_details')</h3>
        </div>
        <div class="box-body">
            <div class="row">
                <div class="col-sm-6">
                    <div class="form-group">
                        {!! Form::label('account_id', __('accounting-reports::lang.bank_account') . ':*') !!}
                        {!! Form::select('account_id', $accounts ?? ['' => __('messages.please_select')], $selectedAccountId ?? null, ['class' => 'form-control select2', 'required', 'placeholder' => __('messages.please_select'), 'style' => 'width:100%', 'id' => 'account_id']) !!}
                        <small class="help-block text-muted" id="account_help" style="display: none;"></small>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="form-group">
                        {!! Form::label('cheque_no', __('accounting-reports::lang.cheque_no') . ':*') !!}
                        @php
                            $preSelectedChequeNo = $selectedChequeNo ?? null;
                        @endphp
                        @if($preSelectedChequeNo)
                            {!! Form::text('cheque_no', $preSelectedChequeNo, [
                                'class' => 'form-control', 
                                'required', 
                                'id' => 'cheque_no',
                                'readonly' => true
                            ]) !!}
                            <small class="help-block text-success">@lang('accounting-reports::lang.cheque_number_pre_filled')</small>
                        @else
                            {!! Form::select('cheque_no', [], null, [
                                'class' => 'form-control select2', 
                                'required', 
                                'id' => 'cheque_no',
                                'placeholder' => __('accounting-reports::lang.select_pending_cheque'),
                                'style' => 'width:100%'
                            ]) !!}
                            <small class="help-block text-muted" id="cheque_help">@lang('accounting-reports::lang.only_pending_cheques_shown')</small>
                        @endif
                        <!-- Hidden field for source cheque ID when issuing from received cheque -->
                        {!! Form::hidden('source_cheque_id', null, ['id' => 'source_cheque_id']) !!}
                    </div>
                </div>
                <div class="col-sm-6" id="issue_from_received_group" style="display: none;">
                    <div class="form-group">
                        <label>
                            <input type="checkbox" id="issue_from_received" value="1">
                            @lang('accounting-reports::lang.issue_from_received_cheque')
                        </label>
                        <small class="help-block text-info" id="issue_from_received_help" style="display: none;">
                            @lang('accounting-reports::lang.issue_from_received_cheque_help')
                        </small>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="form-group">
                        {!! Form::label('cheque_date', __('accounting-reports::lang.cheque_date') . ':*') !!}
                        <div class="input-group">
                            <span class="input-group-addon">
                                <i class="fa fa-calendar"></i>
                            </span>
                            {!! Form::text('cheque_date', @format_date('now'), ['class' => 'form-control date-picker', 'required', 'readonly', 'id' => 'cheque_date']) !!}
                        </div>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="form-group">
                        {!! Form::label('amount', __('accounting-reports::lang.amount') . ':*') !!}
                        <div class="input-group">
                            <span class="input-group-addon">
                                <i class="fa fa-money"></i>
                            </span>
                            {!! Form::text('amount', null, ['class' => 'form-control input_number', 'required', 'id' => 'amount']) !!}
                        </div>
                        <small class="help-block text-muted" id="amount_help" style="display: none;"></small>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="form-group">
                        {!! Form::label('type', __('accounting-reports::lang.cheque_type') . ':*') !!}
                        {!! Form::select('type', ['issued' => __('accounting-reports::lang.issued'), 'received' => __('accounting-reports::lang.received')], 'issued', ['class' => 'form-control select2', 'required', 'style' => 'width:100%', 'id' => 'type']) !!}
                        <small class="help-block text-muted" id="type_help"></small>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="form-group">
                        {!! Form::label('status', __('accounting-reports::lang.cheque_status') . ':*') !!}
                        {!! Form::select('status', ['pending' => __('accounting-reports::lang.pending'), 'cleared' => __('accounting-reports::lang.cleared'), 'bounced' => __('accounting-reports::lang.bounced'), 'cancelled' => __('accounting-reports::lang.cancelled'), 'deposited' => __('accounting-reports::lang.deposited')], 'pending', ['class' => 'form-control select2', 'required', 'style' => 'width:100%', 'id' => 'status']) !!}
                        <small class="help-block text-muted" id="status_help"></small>
                    </div>
                </div>
                <div class="col-sm-6" id="payee_name_group">
                    <div class="form-group">
                        {!! Form::label('payee_name', __('accounting-reports::lang.payee_name') . ':') !!}
                        {!! Form::text('payee_name', null, ['class' => 'form-control', 'placeholder' => __('accounting-reports::lang.payee_name'), 'id' => 'payee_name']) !!}
                        <small class="help-block text-muted" id="payee_help" style="display: none;"></small>
                    </div>
                </div>
                <div class="col-sm-6" id="contact_id_group" style="display: none;">
                    <div class="form-group">
                        {!! Form::label('contact_id', __('accounting-reports::lang.customer_who_gave_cheque') . ':*') !!}
                        {!! Form::select('contact_id', $customers ?? ['' => __('messages.please_select')], null, ['class' => 'form-control select2', 'placeholder' => __('messages.please_select'), 'style' => 'width:100%', 'id' => 'contact_id']) !!}
                        <small class="help-block text-muted" id="contact_help">@lang('accounting-reports::lang.select_customer_who_gave_cheque')</small>
                    </div>
                </div>
                <div class="col-sm-6" id="deposit_account_id_group" style="display: none;">
                    <div class="form-group">
                        {!! Form::label('deposit_account_id', __('accounting-reports::lang.deposit_account') . ':*') !!}
                        {!! Form::select('deposit_account_id', $depositAccounts ?? ['' => __('messages.please_select')], null, ['class' => 'form-control select2', 'placeholder' => __('messages.please_select'), 'style' => 'width:100%', 'id' => 'deposit_account_id']) !!}
                        <small class="help-block text-muted" id="deposit_account_help">@lang('accounting-reports::lang.select_deposit_account')</small>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="form-group">
                        {!! Form::label('location_id', __('purchase.business_location') . ':') !!}
                        {!! Form::select('location_id', $locations ?? ['' => __('messages.please_select')], null, ['class' => 'form-control select2', 'placeholder' => __('messages.please_select'), 'style' => 'width:100%', 'id' => 'location_id']) !!}
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="form-group">
                        {!! Form::label('reference_no', __('accounting-reports::lang.reference_no') . ':') !!}
                        {!! Form::text('reference_no', null, ['class' => 'form-control', 'placeholder' => __('accounting-reports::lang.reference_no'), 'id' => 'reference_no']) !!}
                    </div>
                </div>
                <div class="col-sm-6" id="cleared_date_group" style="display: none;">
                    <div class="form-group">
                        {!! Form::label('cleared_date', __('accounting-reports::lang.cleared_date') . ':') !!}
                        <div class="input-group">
                            <span class="input-group-addon">
                                <i class="fa fa-calendar"></i>
                            </span>
                            {!! Form::text('cleared_date', null, ['class' => 'form-control date-picker', 'readonly', 'id' => 'cleared_date']) !!}
                        </div>
                    </div>
                </div>
                <div class="col-sm-6" id="bank_statement_ref_group">
                    <div class="form-group">
                        {!! Form::label('bank_statement_ref', __('accounting-reports::lang.bank_statement_ref') . ':') !!}
                        {!! Form::text('bank_statement_ref', null, ['class' => 'form-control', 'placeholder' => __('accounting-reports::lang.bank_statement_ref'), 'id' => 'bank_statement_ref']) !!}
                    </div>
                </div>
                <div class="col-sm-12">
                    <div class="form-group">
                        {!! Form::label('narration', __('daybook::lang.narration') . ':') !!}
                        {!! Form::textarea('narration', null, ['class' => 'form-control', 'rows' => '3', 'placeholder' => __('daybook::lang.narration'), 'id' => 'narration']) !!}
                    </div>
                </div>
            </div>
            
            <!-- Dynamic Info Panel -->
            <div class="row" id="info_panel" style="display: none;">
                <div class="col-sm-12">
                    <div class="alert alert-info" id="info_alert">
                        <i class="fa fa-info-circle"></i> <span id="info_text"></span>
                    </div>
                </div>
            </div>
        </div>
        <div class="box-footer">
            <button type="submit" class="btn btn-primary" id="submit_btn">
                <i class="fa fa-save"></i> @lang('messages.save')
            </button>
            <a href="{{ route('accounting-reports.cheque-book.index') }}" class="btn btn-default">
                <i class="fa fa-times"></i> @lang('messages.cancel')
            </a>
        </div>
    </div>
    {!! Form::close() !!}
</section>

@endsection

@section('javascript')
<script type="text/javascript">
    (function() {
        // Prevent duplicate execution
        if (window.chequeFormInitialized) {
            return;
        }
        window.chequeFormInitialized = true;
        
        var $form = $('#add_cheque_entry_form');
        var $accountSelect = $('#account_id');
        var $chequeNoSelect = $('#cheque_no');
        var $typeSelect = $('#type');
        var $statusSelect = $('#status');
        var $amountInput = $('#amount');
        var $payeeInput = $('#payee_name');
        var isLoadingCheques = false;
        
        // Function to show/hide info panel
        function showInfo(message, type) {
            type = type || 'info';
            var alertClass = 'alert-' + (type === 'error' ? 'danger' : type);
            $('#info_alert').removeClass('alert-info alert-warning alert-danger alert-success')
                           .addClass(alertClass);
            $('#info_text').html(message);
            $('#info_panel').slideDown(200);
        }
        
        function hideInfo() {
            $('#info_panel').slideUp(200);
        }
        
        // Function to update help text dynamically
        function updateHelpText(field, message, type) {
            type = type || 'muted';
            var $help = $('#' + field + '_help');
            if (message) {
                $help.removeClass('text-muted text-success text-danger text-warning')
                     .addClass('text-' + type)
                     .text(message)
                     .show();
            } else {
                $help.hide();
            }
        }
        
        // Function to load available cheques with enhanced feedback
        function loadAvailableCheques(accountId) {
            if (isLoadingCheques) return;
            
            if (!accountId) {
                $chequeNoSelect.empty().append('<option value="">@lang("accounting-reports::lang.select_account_first")</option>');
                $chequeNoSelect.prop('disabled', true);
                updateHelpText('cheque', '@lang("accounting-reports::lang.select_account_first")', 'muted');
                if ($chequeNoSelect.hasClass('select2-hidden-accessible')) {
                    $chequeNoSelect.select2('destroy').select2({width: '100%'});
                }
                return;
            }
            
            isLoadingCheques = true;
            updateHelpText('cheque', '@lang("accounting-reports::lang.loading")...', 'info');
            $chequeNoSelect.empty().append('<option value="">@lang("accounting-reports::lang.loading")...</option>');
            $chequeNoSelect.prop('disabled', true);
            if ($chequeNoSelect.hasClass('select2-hidden-accessible')) {
                $chequeNoSelect.select2('destroy').select2({width: '100%'});
            }
            
            $.ajax({
                url: '{{ route("accounting-reports.cheque-book.get-available-cheques") }}',
                method: 'GET',
                data: { account_id: accountId },
                dataType: 'json',
                success: function(response) {
                    isLoadingCheques = false;
                    $chequeNoSelect.empty();
                    
                    if (response.available_cheques && response.available_cheques.length > 0) {
                        $chequeNoSelect.append('<option value="">@lang("messages.please_select")</option>');
                        $.each(response.available_cheques, function(index, cheque) {
                            $chequeNoSelect.append('<option value="' + cheque.cheque_no + '" data-book="' + (cheque.cheque_book || '') + '">' + cheque.display + '</option>');
                        });
                        $chequeNoSelect.prop('disabled', false);
                        $chequeNoSelect.select2('destroy').select2({width: '100%'});
                        updateHelpText('cheque', response.count + ' @lang("accounting-reports::lang.available_cheques_found")', 'success');
                        showInfo('@lang("accounting-reports::lang.cheques_loaded_successfully")', 'success');
                        setTimeout(hideInfo, 3000);
                    } else {
                        $chequeNoSelect.append('<option value="">@lang("accounting-reports::lang.no_pending_cheques")</option>');
                        $chequeNoSelect.prop('disabled', true);
                        var message = response.message || '@lang("accounting-reports::lang.no_pending_cheques_available")';
                        updateHelpText('cheque', message, 'warning');
                        showInfo(message, 'warning');
                        toastr.warning(message);
                        $chequeNoSelect.select2('destroy').select2({width: '100%'});
                    }
                },
                error: function(xhr, status, error) {
                    isLoadingCheques = false;
                    console.error('Error loading cheques:', error, xhr.responseText);
                    $chequeNoSelect.empty().append('<option value="">@lang("messages.something_went_wrong")</option>');
                    $chequeNoSelect.prop('disabled', true);
                    updateHelpText('cheque', '@lang("messages.something_went_wrong")', 'danger');
                    showInfo('@lang("messages.something_went_wrong")', 'error');
                    toastr.error('@lang("messages.something_went_wrong")');
                    $chequeNoSelect.select2('destroy').select2({width: '100%'});
                }
            });
        }
        
        // Function to load available received cheques
        function loadAvailableReceivedCheques(accountId) {
            if (!accountId) {
                return;
            }
            
            $.ajax({
                url: '{{ route("accounting-reports.cheque-book.get-available-received-cheques") }}',
                method: 'GET',
                data: { account_id: accountId },
                dataType: 'json',
                success: function(response) {
                    $chequeNoSelect.empty();
                    $('#source_cheque_id').val('');
                    
                    if (response.available_received_cheques && response.available_received_cheques.length > 0) {
                        $chequeNoSelect.append('<option value="">@lang("messages.please_select")</option>');
                        $.each(response.available_received_cheques, function(index, cheque) {
                            $chequeNoSelect.append('<option value="' + cheque.cheque_no + '" data-source-id="' + cheque.id + '" data-amount="' + cheque.amount + '">' + cheque.display + '</option>');
                        });
                        $chequeNoSelect.prop('disabled', false);
                        $chequeNoSelect.select2('destroy').select2({width: '100%'});
                        updateHelpText('cheque', response.count + ' @lang("accounting-reports::lang.received_cheques_available")', 'success');
                    } else {
                        $chequeNoSelect.append('<option value="">@lang("accounting-reports::lang.no_received_cheques_available")</option>');
                        $chequeNoSelect.prop('disabled', true);
                        updateHelpText('cheque', '@lang("accounting-reports::lang.no_received_cheques_available")', 'warning');
                        $chequeNoSelect.select2('destroy').select2({width: '100%'});
                    }
                },
                error: function(xhr, status, error) {
                    console.error('Error loading received cheques:', error, xhr.responseText);
                    $chequeNoSelect.empty().append('<option value="">@lang("messages.something_went_wrong")</option>');
                    $chequeNoSelect.prop('disabled', true);
                    updateHelpText('cheque', '@lang("messages.something_went_wrong")', 'danger');
                    $chequeNoSelect.select2('destroy').select2({width: '100%'});
                }
            });
        }
        
        // Dynamic field visibility and validation based on type
        function updateTypeBasedFields() {
            var type = $typeSelect.val();
            if (type === 'issued') {
                updateHelpText('type', '@lang("accounting-reports::lang.issued_cheque_help")', 'info');
                $payeeInput.attr('placeholder', '@lang("accounting-reports::lang.payee_name_placeholder")');
                $('#payee_name_group').show();
                $('#issue_from_received_group').show();
                $('#contact_id_group').hide();
                $('#deposit_account_id_group').hide();
                $('#contact_id').prop('required', false);
                $('#deposit_account_id').prop('required', false);
            } else if (type === 'received') {
                updateHelpText('type', '@lang("accounting-reports::lang.received_cheque_help")', 'info');
                $payeeInput.attr('placeholder', '@lang("accounting-reports::lang.payer_name_placeholder")');
                $('#payee_name_group').show();
                $('#issue_from_received_group').hide();
                $('#issue_from_received').prop('checked', false);
                $('#source_cheque_id').val('');
                $('#contact_id_group').show();
                $('#deposit_account_id_group').show();
                $('#contact_id').prop('required', true);
                $('#deposit_account_id').prop('required', true);
            }
        }
        
        // Dynamic field visibility and validation based on status
        function updateStatusBasedFields() {
            var status = $statusSelect.val();
            
            // Show/hide cleared date
            if (status === 'cleared') {
                $('#cleared_date_group').slideDown(200);
                $('#cleared_date').prop('required', true);
                updateHelpText('status', '@lang("accounting-reports::lang.cleared_status_help")', 'success');
            } else {
                $('#cleared_date_group').slideUp(200);
                $('#cleared_date').prop('required', false);
                $('#cleared_date').val('');
                
                if (status === 'pending') {
                    updateHelpText('status', '@lang("accounting-reports::lang.pending_status_help")', 'warning');
                } else if (status === 'bounced') {
                    updateHelpText('status', '@lang("accounting-reports::lang.bounced_status_help")', 'danger');
                } else if (status === 'cancelled') {
                    updateHelpText('status', '@lang("accounting-reports::lang.cancelled_status_help")', 'default');
                } else if (status === 'deposited') {
                    updateHelpText('status', '@lang("accounting-reports::lang.deposited_status_help")', 'info');
                }
            }
        }
        
        // Real-time amount validation
        function validateAmount() {
            var amount = parseFloat($amountInput.val().replace(/,/g, '')) || 0;
            if (amount > 0) {
                updateHelpText('amount', '@lang("accounting-reports::lang.amount_valid")', 'success');
            } else if ($amountInput.val()) {
                updateHelpText('amount', '@lang("accounting-reports::lang.amount_must_be_greater_than_zero")', 'danger');
            } else {
                updateHelpText('amount', '', '');
            }
        }
        
        // Real-time cheque number validation
        function validateChequeNo() {
            var chequeNo = $chequeNoSelect.val();
            if (chequeNo) {
                var selectedOption = $chequeNoSelect.find('option:selected');
                var bookName = selectedOption.data('book') || '';
                if (bookName) {
                    updateHelpText('cheque', '@lang("accounting-reports::lang.cheque_from_book") ' + bookName, 'success');
                }
            }
        }
        
        // Initialize when document is ready
        $(document).ready(function() {
            initializeChequeForm();
        });
        
        // Also initialize when modal is shown
        $(document).on('shown.bs.modal', '.cheque_entry_modal', function() {
            initializeChequeForm();
        });
        
        function initializeChequeForm() {
            var isModal = $('.cheque_entry_modal').length > 0 || $form.closest('.modal').length > 0;
            var container = isModal ? $form.closest('.modal') : $('body');
            
            // Initialize select2
            if (isModal && container.length) {
                $('.select2', container).select2({
                    width: '100%',
                    dropdownParent: container
                });
            } else {
                $('.select2').select2({width: '100%'});
            }
            
            // Initialize date picker
            if (typeof datepicker_params !== 'undefined') {
                $('.date-picker', container.length ? container : 'body').datepicker(datepicker_params);
            } else if (typeof datepicker_date_format !== 'undefined') {
                $('.date-picker', container.length ? container : 'body').datepicker({
                    autoclose: true,
                    format: datepicker_date_format
                });
            } else {
                $('.date-picker', container.length ? container : 'body').datepicker({
                    autoclose: true,
                    format: 'dd/mm/yyyy'
                });
            }
            
            var selectedAccountId = @json($selectedAccountId ?? null);
            var selectedChequeNo = @json($selectedChequeNo ?? null);
            
            // Pre-select account if provided
            if (selectedAccountId && $accountSelect.length) {
                $accountSelect.val(selectedAccountId).trigger('change');
                
                if (selectedChequeNo && $chequeNoSelect.is('input[readonly]')) {
                    $accountSelect.trigger('change');
                } else {
                    setTimeout(function() {
                        loadAvailableCheques(selectedAccountId);
                    }, 300);
                }
            }
            
            // Account selection handler
            $accountSelect.off('change.cheque-load select2:select.cheque-load')
                         .on('change.cheque-load select2:select.cheque-load', function() {
                var accountId = $(this).val();
                if (accountId) {
                    var accountText = $(this).find('option:selected').text();
                    updateHelpText('account', '@lang("accounting-reports::lang.selected_account") ' + accountText, 'success');
                    
                    // Load cheques based on whether "issue from received" is checked
                    if ($('#issue_from_received').is(':checked') && $typeSelect.val() === 'issued') {
                        loadAvailableReceivedCheques(accountId);
                    } else {
                        loadAvailableCheques(accountId);
                    }
                } else {
                    $chequeNoSelect.empty().append('<option value="">@lang("accounting-reports::lang.select_account_first")</option>');
                    $chequeNoSelect.prop('disabled', true);
                    updateHelpText('account', '', '');
                    updateHelpText('cheque', '@lang("accounting-reports::lang.select_account_first")', 'muted');
                    if ($chequeNoSelect.hasClass('select2-hidden-accessible')) {
                        $chequeNoSelect.select2('destroy').select2({width: '100%'});
                    }
                }
            });
            
            // Cheque number selection handler
            $chequeNoSelect.off('change.cheque-validate')
                          .on('change.cheque-validate select2:select', function() {
                var selectedOption = $(this).find('option:selected');
                var sourceId = selectedOption.data('source-id');
                var amount = selectedOption.data('amount');
                
                if (sourceId) {
                    $('#source_cheque_id').val(sourceId);
                    if (amount) {
                        $amountInput.val(amount).trigger('change');
                    }
                } else {
                    $('#source_cheque_id').val('');
                }
                
                validateChequeNo();
            });
            
            // Issue from received cheque checkbox handler
            $('#issue_from_received').off('change').on('change', function() {
                var isChecked = $(this).is(':checked');
                var accountId = $accountSelect.val();
                
                if (isChecked && accountId) {
                    $('#issue_from_received_help').show();
                    loadAvailableReceivedCheques(accountId);
                } else {
                    $('#source_cheque_id').val('');
                    $('#issue_from_received_help').hide();
                    if (accountId) {
                        loadAvailableCheques(accountId);
                    }
                }
            });
            
            // Type selection handler
            $typeSelect.off('change.type-update')
                      .on('change.type-update select2:select', function() {
                updateTypeBasedFields();
            });
            
            // Status selection handler
            $statusSelect.off('change.status-update')
                        .on('change.status-update select2:select', function() {
                updateStatusBasedFields();
            });
            
            // Amount input handler (real-time validation)
            $amountInput.off('keyup.amount-validate blur.amount-validate')
                       .on('keyup.amount-validate blur.amount-validate', function() {
                validateAmount();
            });
            
            // Initialize field states
            updateTypeBasedFields();
            updateStatusBasedFields();
            
            // Form validation and submission with enhanced feedback
            $form.off('submit').on('submit', function(e) {
                e.preventDefault();
                
                // Disable submit button
                var $submitBtn = $('#submit_btn');
                var originalHtml = $submitBtn.html();
                $submitBtn.prop('disabled', true).html('<i class="fa fa-spinner fa-spin"></i> @lang("messages.saving")...');
                
                // Basic client-side validation
                var isValid = true;
                var errorMessages = [];
                
                // Check required fields
                if (!$accountSelect.val()) {
                    isValid = false;
                    errorMessages.push('@lang("accounting-reports::lang.bank_account") @lang("lang_v1.is_required")');
                }
                
                if (!$chequeNoSelect.val() && !$chequeNoSelect.is('input[readonly]')) {
                    isValid = false;
                    errorMessages.push('@lang("accounting-reports::lang.cheque_no") @lang("lang_v1.is_required")');
                }
                
                if (!$('#cheque_date').val()) {
                    isValid = false;
                    errorMessages.push('@lang("accounting-reports::lang.cheque_date") @lang("lang_v1.is_required")');
                }
                
                if (!$amountInput.val() || parseFloat($amountInput.val().replace(/,/g, '')) <= 0) {
                    isValid = false;
                    errorMessages.push('@lang("accounting-reports::lang.amount") @lang("lang_v1.is_required")');
                }
                
                // Use jQuery validation if available, otherwise use basic validation
                var jqValidationPassed = true;
                if (typeof $.fn.validate !== 'undefined' && $form.data('validator')) {
                    jqValidationPassed = $form.valid();
                }
                
                if (isValid && jqValidationPassed) {
                    // Get CSRF token
                    var csrfToken = $('meta[name="csrf-token"]').attr('content') || $('input[name="_token"]').val();
                    
                    // Format amount (remove commas) before serialization
                    var amountValue = $amountInput.val();
                    if (amountValue) {
                        amountValue = amountValue.replace(/,/g, '');
                        $amountInput.val(amountValue);
                    }
                    
                    // Serialize form data (includes readonly inputs)
                    var formData = $form.serialize();
                    
                    console.log('Submitting form data:', formData); // Debug log
                    
                    $.ajax({
                        method: 'POST',
                        url: $form.attr('action'),
                        data: formData,
                        dataType: 'json',
                        headers: {
                            'X-CSRF-TOKEN': csrfToken,
                            'X-Requested-With': 'XMLHttpRequest',
                            'Accept': 'application/json'
                        },
                        success: function(response) {
                            if (response.success) {
                                toastr.success(response.msg);
                                showInfo(response.msg, 'success');
                                
                                // Close modal if opened in modal
                                $('.cheque_entry_modal').modal('hide');
                                
                                // Reload or redirect
                                setTimeout(function() {
                                    if (window.parent && window.parent !== window) {
                                        window.parent.location.reload();
                                    } else {
                                        window.location.href = '{{ route("accounting-reports.cheque-book.index") }}';
                                    }
                                }, 1000);
                            } else {
                                $submitBtn.prop('disabled', false).html(originalHtml);
                                var errorMsg = response.msg || '@lang("messages.something_went_wrong")';
                                toastr.error(errorMsg);
                                showInfo(errorMsg, 'error');
                            }
                        },
                        error: function(xhr, status, error) {
                            $submitBtn.prop('disabled', false).html(originalHtml);
                            
                            console.error('AJAX Error:', {
                                status: xhr.status,
                                statusText: xhr.statusText,
                                responseText: xhr.responseText,
                                error: error
                            });
                            
                            if (xhr.status === 422) {
                                var errors = xhr.responseJSON?.errors || {};
                                var errorMessages = [];
                                
                                if (xhr.responseJSON?.msg) {
                                    errorMessages.push(xhr.responseJSON.msg);
                                    toastr.error(xhr.responseJSON.msg);
                                }
                                
                                $.each(errors, function(key, value) {
                                    if (Array.isArray(value)) {
                                        errorMessages.push(value[0]);
                                        toastr.error(value[0]);
                                    } else {
                                        errorMessages.push(value);
                                        toastr.error(value);
                                    }
                                });
                                
                                if (errorMessages.length > 0) {
                                    showInfo(errorMessages.join('<br>'), 'error');
                                } else {
                                    var defaultMsg = xhr.responseJSON?.msg || '@lang("messages.validation_error")';
                                    toastr.error(defaultMsg);
                                    showInfo(defaultMsg, 'error');
                                }
                            } else if (xhr.status === 419) {
                                var errorMsg = '@lang("messages.session_expired")';
                                toastr.error(errorMsg);
                                showInfo(errorMsg, 'error');
                                setTimeout(function() {
                                    window.location.reload();
                                }, 2000);
                            } else {
                                var errorMsg = '@lang("messages.something_went_wrong")';
                                if (xhr.responseJSON) {
                                    errorMsg = xhr.responseJSON.msg || xhr.responseJSON.message || errorMsg;
                                } else if (xhr.responseText) {
                                    try {
                                        var response = JSON.parse(xhr.responseText);
                                        errorMsg = response.msg || response.message || errorMsg;
                                    } catch(e) {
                                        // Keep default error message
                                        console.error('Failed to parse error response:', e);
                                    }
                                }
                                toastr.error(errorMsg);
                                showInfo(errorMsg, 'error');
                            }
                        }
                    });
                } else {
                    $submitBtn.prop('disabled', false).html(originalHtml);
                    if (errorMessages.length > 0) {
                        showInfo(errorMessages.join('<br>'), 'error');
                        errorMessages.forEach(function(msg) {
                            toastr.error(msg);
                        });
                    }
                }
            });
        }
    })();
</script>
@endsection