@extends('template_pages.session')

@section('page_title', 'Adicionar Cobrança')
@section('page_icon', 'badge-dollar-sign')
@section('navbar', 'finance.navbar')

@push('styles')
<!-- Select Plugin CSS -->
<link rel="stylesheet" href="{{ asset('assets/inspinia/plugins/select2/select2.min.css') }}">
<!-- Daterangepicker Plugin CSS -->
<link rel="stylesheet" href="{{ asset('assets/inspinia/plugins/daterangepicker/daterangepicker.css') }}" type="text/css">
@endpush

@section('content_page')
<div class="card-body">
    <form id="chargeForm">
        {{ csrf_field() }}
        <div class="d-flex align-items-center gap-1">
            <i data-lucide="text" class="fs-4"></i>
            <h4 class="mb-0">Informações Básicas</h4>
        </div>

        <div class="row mt-3">
            <div class="col-md-3">
                <label class="form-label">Projeto *</label>
                <select id="project_id" name="project_id" class="form-control select2" required>
                    <option value="">Selecione um projeto</option>
                    @foreach($projects as $project)
                        <option value="{{ $project->id }}" data-preferential-due-day="{{ $project->financeClient->preferential_due_date ?? '' }}" data-due-on-working-days-only="{{ ($project->financeClient->due_on_working_days_only ?? false) ? 1 : 0 }}">
                            {{ $project->name }}
                        </option>
                    @endforeach
                </select>
            </div>
        </div>

        <div class="border-top border-dashed my-3"></div>

        <div class="d-flex align-items-center gap-1">
            <i data-lucide="hand-coins" class="fs-4"></i>
            <h4 class="mb-0">Configurações de Cobrança</h4>
        </div>

        <div class="row mt-3">
            <div class="col-md-3">
                <label class="form-label">Descrição Boleto IUGU *</label>
                <input class="form-control" placeholder="Descrição Boleto IUGU" type="text" value="Gerenciamento de Projeto Digital" name="description" id="description" required/>
            </div> 
            <div class="col-md-3">
                <label class="form-label">Valor *</label>
                <div class="input-group">
                    <span class="input-group-text">R$</span>
                    <input class="form-control money form-control-mb-0" placeholder="Valor" type="text" name="value" id="value" required/>
                </div>
            </div>   
            <div class="col-md-3">
                <label class="form-label">Data da Cobrança *</label>
                <div class="input-group date_ptbr" data-toggle="date-picker" data-single-date-picker="true">
                    <span class="input-group-text"><i class="ti ti-calendar-event"></i></span>
                    <input type="text" class="form-control date form-control-mb-0" name="issue_date" id="issue_date" placeholder="DD/MM/YYYY" required>
                </div>
            </div> 
            <div class="col-md-3">
                <label class="form-label">Data de Vencimento *</label>
                <div class="input-group date_ptbr" data-toggle="date-picker" data-single-date-picker="true">
                    <span class="input-group-text"><i class="ti ti-calendar-event"></i></span>
                    <input type="text" class="form-control date form-control-mb-0" name="due_date" id="due_date" placeholder="DD/MM/YYYY" required>
                </div>
            </div>      
        </div>

        <div class="col-lg-12 custom-fields-container mt-2">
            <span class="btn btn-soft-secondary btn-sm add-custom-field gap-1">
                <i data-lucide="plus"></i> Adicionar Item
            </span>
            <div class="custom_fields_add"></div>
        </div>

        <div class="border-top border-dashed my-3"></div>

        <div class="row g-3">
            <div class="col-md-2">
                <div class="card-body p-0">
                    <h5 title="Sales Today">Valor Total</h5>
                    <div class="d-flex align-items-center gap-2 my-2">
                        <div class="avatar-sm flex-shrink-0">
                            <span class="avatar-title text-bg-success rounded-circle fs-22">
                                <i class="ti ti-currency-dollar"></i>
                            </span>
                        </div>
                        <h3 class="mb-0">R$ <span id="total_value">0,00</span></h3>
                    </div>
                </div>
            </div>        
        </div>

        <!-- Botão -->
        <div class="border-top border-dashed my-3"></div>
        <div class="row mt-2">
            <div class="btn-list col-12 col-lg-auto">
                <button type="submit" class="btn btn-success" id="btn_add">Salvar</button>
            </div>
        </div>

    </form>
</div>
@endsection

@push('scripts')
<!-- Daterangepicker Plugin Js -->
<script src="{{ asset('assets/inspinia/plugins/moment/moment.min.js') }}"></script>
<script src="{{ asset('assets/inspinia/plugins/daterangepicker/daterangepicker.js') }}"></script>
<script src="{{ asset('assets/scripts/date_picker_pt_br.js') }}"></script>
<!-- Select2 Plugin Js -->
<script src="{{ asset('assets/inspinia/plugins/select2/select2.min.js') }}"></script>
<!--Select 2 Demo js-->
<script src="{{ asset('assets/inspinia/js/pages/form-select2.js') }}"></script>
<!-- MaskMoney -->
<script src="{{ asset('assets/scripts/maskmoney/jquery.maskMoney.min.js') }}"></script>
<!-- Máscaras Js -->
<script src="{{ asset('assets/inspinia/plugins/inputmask/jquery.mask.min.js') }}"></script>
<script src="{{ asset('assets/scripts/masks.js') }}"></script>
<!-- Validação Formulário -->
<script src="{{ asset('assets/inspinia/js/form-validation.js') }}"></script>
<script>
$(document).ready(function() {
    // Pré-preencher data da cobrança com hoje
    var today = moment().format('DD/MM/YYYY');
    $('#issue_date').val(today);
    
    // Pré-preencher data de vencimento padrão com hoje + 15 dias (fallback)
    var defaultDueDate = moment().add(15, 'days').format('DD/MM/YYYY');
    $('#due_date').val(defaultDueDate);

    $('.select2').select2();

    $('#project_id').select2({
        placeholder: "Selecione o projeto"
    });

    // Preenche 'Valor Total Esperado' apenas se o elemento existir e houver valor pré-preenchido
    var prefilledValue = $('#value').val();
    if ($('#expected_total_value').length && prefilledValue) {
        var cleanPrefilled = prefilledValue.replace(/\./g, '').replace(',', '.');
        var numPrefilled = parseFloat(cleanPrefilled) || 0;
        var formattedPrefilled = numPrefilled.toFixed(2).replace('.', ',').replace(/\d(?=(\d{3})+,)/g, '$&.');
        $('#expected_total_value').text(formattedPrefilled);
    }

    function fillPreferentialDueDateFromProject(projectId) {
        if (!projectId) return;

        var $opt = $('#project_id').find('option[value="' + projectId + '"]');
        var dueDay = parseInt($opt.data('preferential-due-day'));

        if (!dueDay || isNaN(dueDay)) {
            // Sem dia preferencial: mantém padrão
            $('#due_date').val(defaultDueDate).trigger('change');
            return;
        }

        // Base: data de cobrança (issue_date) ou hoje
        var issueStr = $('#issue_date').val();
        var issueMoment = issueStr ? moment(issueStr, 'DD/MM/YYYY') : moment();

        // Monta data no mês atual com o dia preferencial (limitando ao último dia do mês)
        var year = issueMoment.year();
        var month = issueMoment.month(); // 0..11
        var daysInMonth = moment({ year: year, month: month, day: 1 }).daysInMonth();
        var targetDay = Math.min(dueDay, daysInMonth);
        var candidate = moment({ year: year, month: month, day: targetDay });

        // Se ficou anterior à data de cobrança, empurra para o próximo mês
        if (candidate.isBefore(issueMoment, 'day')) {
            var next = issueMoment.clone().add(1, 'month');
            var nextDays = moment({ year: next.year(), month: next.month(), day: 1 }).daysInMonth();
            var nextTargetDay = Math.min(dueDay, nextDays);
            candidate = moment({ year: next.year(), month: next.month(), day: nextTargetDay });
        }

        $('#due_date').val(candidate.format('DD/MM/YYYY')).trigger('change');
    }

    // Preencher descrição/valor padrão do projeto ao selecionar
    function fillProjectDefaultValue(projectId) {
        if (!projectId) return;
        var urlTemplate = '{{ route("projects.details.ajax", ["module" => "finance", "id" => "__ID__"]) }}';
        var url = urlTemplate.replace('__ID__', projectId);

        $.ajax({
            url: url,
            type: 'POST',
            data: { _token: '{{ csrf_token() }}' },
            success: function(response) {
                if (response.success && response.data) {
                    var valueStr = (response.data.value || '').toString().replace(/^R\$\s?/, '');
                    if (valueStr) {
                        $('#value').val(valueStr).trigger('input');
                        updateTotal();

                        // Atualiza 'Esperado' só se existir
                        if ($('#expected_total_value').length) {
                            var cleanValue = valueStr.replace(/\./g, '').replace(',', '.');
                            var numValue = parseFloat(cleanValue) || 0;
                            var formattedExpected = numValue.toFixed(2).replace('.', ',').replace(/\d(?=(\d{3})+,)/g, '$&.');
                            $('#expected_total_value').text(formattedExpected);
                        }
                    }
                }
            }
        });
    }

    // Ao trocar o projeto, aplicar data de vencimento preferencial e preencher valores
    $('#project_id').on('change', function() {
        var projectId = $(this).val();
        fillPreferentialDueDateFromProject(projectId);
        fillProjectDefaultValue(projectId);
    });

    // Seleção inicial vinda do servidor (preselect com ID)
    var selectedProjectIdFromServer = {{ isset($selectedProjectId) ? $selectedProjectId : 'null' }};
    if (selectedProjectIdFromServer) {
        $('#project_id').val(String(selectedProjectIdFromServer)).trigger('change');
    }

    // Atualizar total quando valor mudar
    $(document).on('keyup input change', '.money', function(event) {
        updateTotal();
    });

    // Validar data de vencimento não anterior à data de cobrança
    $(document).on('change', '.date', function() {
        validateDates($(this));
    });

    function validateDates(element) {
        var container = element.closest('.row, .charge-group');
        var issueDate = container.find('.charge_issue_date, #issue_date').val();
        var dueDate = container.find('.charge_due_date, #due_date').val();
        
        if (issueDate && dueDate) {
            var issueMoment = moment(issueDate, 'DD/MM/YYYY');
            var dueMoment = moment(dueDate, 'DD/MM/YYYY');
            
            if (dueMoment.isBefore(issueMoment)) {
                Swal.fire({
                    icon: 'error',
                    title: 'Data de vencimento inválida',
                    text: 'A data de vencimento não pode ser anterior à data de cobrança!',
                    buttonsStyling: false,
                    confirmButtonText: 'Ok',
                    customClass: { confirmButton: 'btn btn-danger' }
                });
                container.find('.charge_due_date, #due_date').val('');
            }
        }
    }

    function updateTotal() {
        var total = 0;
        $('.money').each(function() {
            var inputValue = $(this).val();

            inputValue = inputValue.replace(/\./g, '').replace(',', '.');

            var valor = parseFloat(inputValue) || 0;
            total += valor;
        });
        var formattedTotal = total.toFixed(2).replace('.', ',').replace(/\d(?=(\d{3})+,)/g, '$&.');
        
        $('#total_value').text(formattedTotal);
    }

    $('.select2').select2();

    $('#project_id').select2({
        placeholder: "Selecione o projeto"
    });    

    // Função para reindexar boletos
    function reindexCharges(container) {
        $(container).find('.custom_charge').each(function(index) {
            var i = index + 1; // começa em 1
            $(this).attr('id', 'custom_charge_' + i);
            $(this).find('.charge-group').attr('id', 'charge-field-' + i);

            $(this).find('.charge_description').attr('name', 'charge_description_' + i);
            $(this).find('.charge_value').attr('name', 'charge_value_' + i);
            $(this).find('.charge_issue_date').attr('name', 'charge_issue_date_' + i);
            $(this).find('.charge_due_date').attr('name', 'charge_due_date_' + i);
        });
    }

    // Adicionar cobrança
    $('.custom-fields-container').on('click', '.add-custom-field', function() {
        var targetContainer = $('.custom_fields_add');
        var customFieldIndex = $(targetContainer).find('.custom_charge').length + 1;

        $('.custom_fields_add').addClass('mt-2');

        // Data de cobrança mantém a mesma da principal
        var mainIssueDate = $('#issue_date').val();
        
        // Data de vencimento: buscar a última data de vencimento aplicada
        var lastDueDate = $('#due_date').val(); // Começa com a data principal
        
        // Verificar se existem cobranças adicionais e pegar a última data de vencimento
        var existingCharges = $(targetContainer).find('.custom_charge');
        if (existingCharges.length > 0) {
            // Pegar a data de vencimento do último item adicionado
            lastDueDate = existingCharges.last().find('.charge_due_date').val();
        }
        
        var newDueDate = '';
        if (lastDueDate) {
            newDueDate = moment(lastDueDate, 'DD/MM/YYYY').add(1, 'month').format('DD/MM/YYYY');
        }

        var fieldGroup = `
            <div class="custom_charge mb-3" id="custom_charge_${customFieldIndex}">
                <div class="row charge-group" id="charge-field-${customFieldIndex}">
                    <div class="col-md-3">
                        <input class="form-control charge_description" placeholder="Descrição Boleto IUGU" type="text" name="charge_description_${customFieldIndex}" value="Gerenciamento de Projeto Digital"/>
                    </div> 
                    <div class="col-md-3">
                        <div class="input-group">
                            <span class="input-group-text">R$</span>
                            <input class="form-control money charge_value form-control-mb-0" placeholder="Valor" type="text" name="charge_value_${customFieldIndex}" />
                        </div>
                    </div>   
                    <div class="col-md-3">
                        <div class="input-group date_ptbr" data-toggle="date-picker" data-single-date-picker="true">
                            <span class="input-group-text"><i class="ti ti-calendar-event"></i></span>
                            <input type="text" class="form-control date charge_issue_date form-control-mb-0" name="charge_issue_date_${customFieldIndex}" placeholder="DD/MM/YYYY" value="${mainIssueDate}">
                        </div>
                    </div> 
                    <div class="col-md-3">
                        <div class="row m-0 space-between gap-2">
                            <div class="col p-0"> 
                                <div class="input-group date_ptbr" data-toggle="date-picker" data-single-date-picker="true">
                                    <span class="input-group-text"><i class="ti ti-calendar-event"></i></span>
                                    <input type="text" class="form-control date charge_due_date form-control-mb-0" name="charge_due_date_${customFieldIndex}" placeholder="DD/MM/YYYY" value="${newDueDate}">
                                </div>
                            </div>
                        
                            <div class="col-auto p-0">
                                <span class="btn btn-danger btn-sm remove-charge btn-icon h-100"><i class="ti ti-minus"></i></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>`;

        $(targetContainer).append(fieldGroup);
        addMaskMoney();
        initDatePickers();
        updateTotal();
    });

    // Remover cobrança e reindexar
    $('.custom-fields-container').on('click', '.remove-charge', function() {
        var container = $('.custom_fields_add');
        $(this).closest('.custom_charge').remove();
        reindexCharges(container);
        updateTotal();
    });

    $('#btn_add').on('click', function(e) {
        
        // Métodos de validação customizados
        $.validator.addMethod("dateValidation", function(value, element) {
            return this.optional(element) || moment(value, 'DD/MM/YYYY', true).isValid();
        }, "Por favor, insira uma data válida no formato DD/MM/YYYY");

        // Validação para não permitir data de cobrança anterior ao dia atual
        $.validator.addMethod("dateNotBeforeToday", function(value, element) {
            if (!value) return true;
            var inputDate = moment(value, 'DD/MM/YYYY');
            var today = moment().startOf('day');
            return inputDate.isSameOrAfter(today);
        }, "A data de cobrança não pode ser anterior ao dia atual");

        $.validator.addMethod("dueDateAfterIssueDate", function(value, element) {
            var issueDate = $('#issue_date').val();
            if (!issueDate || !value) return true;
            
            var issueMoment = moment(issueDate, 'DD/MM/YYYY');
            var dueMoment = moment(value, 'DD/MM/YYYY');
            
            return dueMoment.isSameOrAfter(issueMoment);
        }, "A data de vencimento deve ser igual ou posterior à data de cobrança");

        // Validação para campos dinâmicos - data de cobrança não anterior ao dia atual
        $.validator.addMethod("dynamicDateNotBeforeToday", function(value, element) {
            if (!value) return true;
            var inputDate = moment(value, 'DD/MM/YYYY');
            var today = moment().startOf('day');
            return inputDate.isSameOrAfter(today);
        }, "A data de cobrança não pode ser anterior ao dia atual");

        // Validação para campos dinâmicos - data de vencimento após data de cobrança
        $.validator.addMethod("dynamicDueDateAfterIssueDate", function(value, element) {
            if (!value) return true;
            
            var container = $(element).closest('.charge-group');
            var issueDate = container.find('.charge_issue_date').val();
            
            if (!issueDate) return true;
            
            var issueMoment = moment(issueDate, 'DD/MM/YYYY');
            var dueMoment = moment(value, 'DD/MM/YYYY');
            
            return dueMoment.isSameOrAfter(issueMoment);
        }, "A data de vencimento deve ser igual ou posterior à data de cobrança");

        $.validator.addMethod("moneyValidation", function(value, element) {
            if (!value) return false;
            var cleanValue = value.replace(/\./g, '').replace(',', '.');
            var numValue = parseFloat(cleanValue);
            return !isNaN(numValue) && numValue > 0;
        }, "Por favor, insira um valor válido maior que zero");

        // Configuração da validação do formulário
        $("#chargeForm").validate({
            errorClass: "invalid-feedback",
            errorElement: "span",
            rules: {
                project_id: {
                    required: true
                },
                description: {
                    required: true,
                    minlength: 3,
                    maxlength: 255
                },
                value: {
                    required: true,
                    moneyValidation: true
                },
                issue_date: {
                    required: true,
                    dateValidation: true,
                    dateNotBeforeToday: true
                },
                due_date: {
                    required: true,
                    dateValidation: true,
                    dueDateAfterIssueDate: true
                }
            },
            messages: {
                project_id: {
                    required: "Selecione um projeto"
                },
                description: {
                    required: "A descrição é obrigatória",
                    minlength: "A descrição deve ter pelo menos 3 caracteres",
                    maxlength: "A descrição não pode exceder 255 caracteres"
                },
                value: {
                    required: "O valor é obrigatório"
                },
                issue_date: {
                    required: "A data de cobrança é obrigatória"
                },
                due_date: {
                    required: "A data de vencimento é obrigatória"
                }
            },
            errorPlacement: function (error, element) {
                if (element.hasClass('select2-hidden-accessible')) {
                    error.insertAfter(element.next('.select2-container'));
                } else if (element.hasClass('money')) {
                    error.insertAfter(element.closest('.input-group'));
                } else if (element.hasClass('date')) {
                    error.insertAfter(element.closest('.input-group'));
                } else {
                    error.insertAfter(element);
                }
            },
            highlight: function (element, errorClass, validClass) {
                $(element).addClass('is-invalid');

                // Tratamento especial para Select2
                if ($(element).hasClass('select2-hidden-accessible')) {
                    $(element).next('.select2-container').find('.select2-selection').addClass('is-invalid');
                }
            },
            unhighlight: function (element, errorClass, validClass) {
                $(element).removeClass('is-invalid');

                // Tratamento especial para Select2
                if ($(element).hasClass('select2-hidden-accessible')) {
                    $(element).next('.select2-container').find('.select2-selection').removeClass('is-invalid');
                }
            },
            submitHandler: function(form) {
                // Validar campos dinâmicos adicionais
                var isValid = true;
                var errorMessages = [];

                // Se o cliente exigir vencimentos só em dias úteis, checamos no backend e pedimos confirmação
                var selectedOpt = $('#project_id').find('option:selected');
                var enforceWorkdays = (selectedOpt.data('due-on-working-days-only') == 1);

                // Coleta todas as datas de vencimento (principal + adicionais)
                var allDueDates = [];
                allDueDates.push($('#due_date').val());
                $('.custom_charge .charge_due_date').each(function() {
                    allDueDates.push($(this).val());
                });

                // Validar cobranças adicionais
                $('.custom_charge').each(function(index) {
                    var chargeDescription = $(this).find('.charge_description').val();
                    var chargeValue = $(this).find('.charge_value').val();
                    var chargeIssueDate = $(this).find('.charge_issue_date').val();
                    var chargeDueDate = $(this).find('.charge_due_date').val();

                    if (!chargeDescription || chargeDescription.trim() === '') {
                        errorMessages.push(`Descrição da cobrança ${index + 2} é obrigatória`);
                        isValid = false;
                    }

                    if (!chargeValue || chargeValue.trim() === '') {
                        errorMessages.push(`Valor da cobrança ${index + 2} é obrigatório`);
                        isValid = false;
                    } else {
                        var cleanValue = chargeValue.replace(/\./g, '').replace(',', '.');
                        var numValue = parseFloat(cleanValue);
                        if (isNaN(numValue) || numValue <= 0) {
                            errorMessages.push(`Valor da cobrança ${index + 2} deve ser maior que zero`);
                            isValid = false;
                        }
                    }

                    if (!chargeIssueDate || !moment(chargeIssueDate, 'DD/MM/YYYY', true).isValid()) {
                        errorMessages.push(`Data de cobrança ${index + 2} é obrigatória e deve ser válida`);
                        isValid = false;
                    } else {
                        // Validar se a data de cobrança não é anterior ao dia atual
                        var issueMoment = moment(chargeIssueDate, 'DD/MM/YYYY');
                        var today = moment().startOf('day');
                        if (issueMoment.isBefore(today)) {
                            errorMessages.push(`Data de cobrança ${index + 2} não pode ser anterior ao dia atual`);
                            isValid = false;
                        }
                    }

                    if (!chargeDueDate || !moment(chargeDueDate, 'DD/MM/YYYY', true).isValid()) {
                        errorMessages.push(`Data de vencimento ${index + 2} é obrigatória e deve ser válida`);
                        isValid = false;
                    } else if (chargeIssueDate && chargeDueDate) {
                        var issueMoment = moment(chargeIssueDate, 'DD/MM/YYYY');
                        var dueMoment = moment(chargeDueDate, 'DD/MM/YYYY');
                        
                        if (dueMoment.isBefore(issueMoment)) {
                            errorMessages.push(`Data de vencimento da cobrança ${index + 2} deve ser igual ou posterior à data de cobrança`);
                            isValid = false;
                        }
                    }
                });

                if (!isValid) {
                    showAlert("error", {
                        title: "Erro de Validação!",
                        html: errorMessages.join('<br>')
                    });
                    return false;
                }

                function proceedSubmit() {
                    // Se chegou até aqui, o formulário é válido - enviar via AJAX
                    submitFormAjax(form);
                }

                if (!enforceWorkdays) {
                    // Cliente não exige dia útil, segue fluxo original
                    proceedSubmit();
                    return;
                }

                // Checa no backend quais datas precisam ajuste para dias úteis
                ensureWorkdaysOnServer(allDueDates, function(err, ensuredDates) {
                    if (err) {
                        // Em caso de erro na checagem, por segurança continua com fluxo original
                        proceedSubmit();
                        return;
                    }
                
                    // Compara e monta mensagem de confirmação
                    var changed = false;
                    var lines = [];
                    for (var i = 0; i < allDueDates.length; i++) {
                        var original = allDueDates[i];
                        var ensured = ensuredDates[i];
                        if (original && ensured && original !== ensured) {
                            changed = true;
                            // Apenas pares "De → Para", sem rótulos de cobrança
                            lines.push('De: ' + original + ' → Para: ' + ensured);
                        }
                    }
                
                    if (changed) {
                        // Constrói HTML no formato solicitado
                        var listHtml = '<div class="text-start">';
                        for (var j = 0; j < lines.length; j++) {
                            listHtml += '<div>' + lines[j] + '</div>';
                        }
                        listHtml += '</div>';
                
                        Swal.fire({
                            icon: 'warning',
                            title: 'Algumas datas de vencimento vão ser ajustadas para o próximo dia útil:',
                            html: listHtml + '<p class="mt-3 mb-0">Deseja continuar?</p>',
                            showCancelButton: true,
                            buttonsStyling: false,
                            confirmButtonText: 'Prosseguir',
                            cancelButtonText: 'Cancelar',
                            customClass: {
                                confirmButton: 'btn btn-primary me-2',
                                cancelButton: 'btn btn-secondary'
                            }
                        }).then(function(res) {
                            if (!res.isConfirmed) {
                                return; // Usuário cancelou
                            }
                        
                            // Aplica datas ajustadas nos campos antes de enviar
                            $('#due_date').val(ensuredDates[0]).trigger('change');
                            var idx = 1;
                            $('.custom_charge .charge_due_date').each(function() {
                                var nd = ensuredDates[idx++];
                                if (nd) $(this).val(nd).trigger('change');
                            });
                        
                            // Prossegue com envio original
                            proceedSubmit();
                        });
                    
                        // Interrompe fluxo aqui; só prossegue dentro do then() quando confirmar
                        return;
                    }
                
                    // Sem mudanças, prossegue com envio original
                    proceedSubmit();
                });
            }
        });

        // Adicionar regras de validação para campos dinâmicos existentes
        $('.custom_charge').each(function() {
            $(this).find('.charge_description').rules("add", { 
                required: true,
                minlength: 3,
                maxlength: 255,
                messages: {
                    required: "A descrição é obrigatória",
                    minlength: "A descrição deve ter pelo menos 3 caracteres",
                    maxlength: "A descrição não pode exceder 255 caracteres"
                }
            });

            $(this).find('.charge_value').rules("add", { 
                required: true,
                moneyValidation: true,
                messages: {
                    required: "O valor é obrigatório"
                }
            });

            $(this).find('.charge_issue_date').rules("add", { 
                required: true,
                dateValidation: true,
                dynamicDateNotBeforeToday: true,
                messages: {
                    required: "A data de cobrança é obrigatória"
                }
            });

            $(this).find('.charge_due_date').rules("add", { 
                required: true,
                dateValidation: true,
                dynamicDueDateAfterIssueDate: true,
                messages: {
                    required: "A data de vencimento é obrigatória"
                }
            });
        });
    });

    // Função auxiliar: chama backend para garantir dias úteis (usa GeneralService)
    function ensureWorkdaysOnServer(dueDates, onDone) {
        $.ajax({
            url: "{{ route('finance.charges.ensure_workday') }}",
            method: "POST",
            dataType: "json",
            data: {
                _token: $('input[name="_token"]').val(),
                due_dates: dueDates
            },
            success: function(resp) {
                if (resp && resp.success && resp.ensured_due_dates) {
                    onDone(null, resp.ensured_due_dates);
                } else {
                    onDone(null, dueDates);
                }
            },
            error: function(xhr) {
                onDone(xhr, null);
            }
        });
    }

    // Função para enviar formulário via AJAX
    function submitFormAjax(form) {
        var $form = $(form);
        var submitBtn = $form.find('button[type="submit"]');
        var btnText = submitBtn.text();
        
        // Desabilitar botão e mostrar loading
        submitBtn.prop('disabled', true).html('<span class="spinner-border spinner-border-sm me-2" role="status"></span>Salvando...');
        
        // Coletar dados do formulário
        var formData = new FormData(form);
        
        // Adicionar dados das cobranças adicionais
        $('.custom_charge').each(function(index) {
            var chargeIndex = index + 1;
            formData.append(`additional_charges[${chargeIndex}][description]`, $(this).find('.charge_description').val());
            formData.append(`additional_charges[${chargeIndex}][value]`, $(this).find('.charge_value').val());
            formData.append(`additional_charges[${chargeIndex}][issue_date]`, $(this).find('.charge_issue_date').val());
            formData.append(`additional_charges[${chargeIndex}][due_date]`, $(this).find('.charge_due_date').val());
        });

        $.ajax({
            url: '{{ route("finance.charges.store") }}',
            type: 'POST',
            data: formData,
            processData: false,
            contentType: false,
            success: function(response) {
                if (response.success) {
                    Swal.fire({
                        title: 'Sucesso!',
                        text: response.message || 'Cobrança criada com sucesso!',
                        icon: 'success',
                        confirmButtonText: 'OK'
                    }).then((result) => {
                        if (response.redirect) {
                            window.location.href = response.redirect;
                        } else {
                            // Limpar formulário ou redirecionar
                            $form[0].reset();
                            $('.custom_fields_add').empty();
                            updateTotal();
                        }
                    });
                }
            },
            error: function(xhr) {
                let errorMessage = 'Ocorreu um erro ao salvar a cobrança.';
                
                if (xhr.status === 422) {
                    // Erros de validação do servidor
                    const errors = xhr.responseJSON.errors;
                    let errorList = '<ul>';
                    
                    $.each(errors, function(field, messages) {
                        $.each(messages, function(index, message) {
                            errorList += '<li>' + message + '</li>';
                        });
                    });
                    
                    errorList += '</ul>';
                    
                    Swal.fire({
                        title: 'Erro de Validação!',
                        html: errorList,
                        icon: 'error',
                        confirmButtonText: 'OK'
                    });
                } else {
                    // Outros erros
                    if (xhr.responseJSON && xhr.responseJSON.message) {
                        errorMessage = xhr.responseJSON.message;
                    }
                    
                    Swal.fire({
                        title: 'Erro!',
                        text: errorMessage,
                        icon: 'error',
                        confirmButtonText: 'OK'
                    });
                }
            },
            complete: function() {
                // Reabilitar botão
                submitBtn.prop('disabled', false).html(btnText);
            }
        });
    }
});
</script>
@endpush