@extends('template_pages.session')

@section('page_title', 'Editar Cobrança #' . ($charge->id ?? request()->route('id')))
@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="charge-edit-form">
        {{ 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>

        @if ($charge->bill_stage == 1)
        <div class="row mt-3">
            <div class="col-md-4">
                <div class="p-2 border rounded bg-light mb-2">
                    <small class="text-muted">Projeto</small>
                    <div>{{ data_get($charge, 'project.name') ?? ($charge->project_name ?? 'N/D') }}</div>
                </div>
            </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" name="description" id="description" value="{{ old('description', $charge->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" value="{{ old('value', isset($charge->value) ? number_format($charge->value, 2, ',', '.') : null) }}" 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" value="{{ old('issue_date', isset($charge->issue_day) ? \Carbon\Carbon::parse($charge->issue_day)->format('d/m/Y') : null) }}" 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" value="{{ old('due_date', isset($charge->due_date) ? \Carbon\Carbon::parse($charge->due_date)->format('d/m/Y') : null) }}" required>
                </div>
            </div>      
        </div>
        @else
        <div class="row mt-3">
            <div class="col-md-4">
                <div class="p-2 border rounded bg-light mb-2">
                    <small class="text-muted">Projeto</small>
                    <div>{{ data_get($charge, 'project.name') ?? ($charge->project_name ?? 'N/D') }}</div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="p-2 border rounded bg-light mb-2">
                    <small class="text-muted">Descrição Boleto IUGU</small>
                    <div>{{ $charge->description }}</div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="p-2 border rounded bg-light mb-2">
                    <small class="text-muted">Valor</small>
                    <div>R$ {{ isset($charge->value) ? number_format($charge->value, 2, ',', '.') : 'N/D' }}</div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="p-2 border rounded bg-light mb-2">
                    <small class="text-muted">Data da Cobrança</small>
                    <div>{{ isset($charge->issue_day) ? \Carbon\Carbon::parse($charge->issue_day)->format('d/m/Y') : 'N/D' }}</div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="p-2 border rounded bg-light mb-2">
                    <small class="text-muted">Data de Vencimento</small>
                    <div>{{ isset($charge->due_date) ? \Carbon\Carbon::parse($charge->due_date)->format('d/m/Y') : 'N/D' }}</div>
                </div>
            </div>
        </div>
        @endif
        <!-- Botão -->
        <div class="border-top border-dashed my-3"></div>
        <div class="row mt-2">
            <div class="d-flex col-12 justify-content-between gap-2">
                @if ($charge->bill_stage == 1)
                <div class="d-flex col-auto gap-2">
                    <button type="submit" class="btn btn-success" id="btn_update">Salvar</button>       
                </div>
                <div class="d-flex col-auto gap-2">
                    <a id="btn_create_payment" class="btn btn-success" href="javascript:void(0);">Gerar Boleto Manualmente</a>
                    <a id="btn_cancel_appointment" class="btn btn-danger" href="javascript:void(0);">Cancelar Agendamento</a> 
                </div>  
                @else
                <div class="d-flex col-auto gap-2">
                    <a id="btn_external_paid" class="btn btn-success" href="javascript:void(0);">Baixa Manual</a>
                    <a href="{{ route('finance.charges.extend', ['id' => $charge->id]) }}" id="btn_2via_payment" class="btn btn-warning">Gerar 2ª Via</a>
                </div>
                <div class="d-flex col-auto gap-2">
                    @if ($charge->summary == 1)
                    <a id="btn_reset_notification" class="btn btn-secondary" data-bs-toggle="tooltip" data-bs-original-title="Permite reenviar esta cobrança individualmente, se estiver vinculada a um Resumo de Cobrança." href="javascript:void(0);">Redefinir Notificações</a>
                    @endif
                    <a id="btn_cancel_nfs_and_payment" class="btn btn-danger" href="javascript:void(0);">Cancelar Cobrança / NFS-e</a>
                </div>
                @endif              
            </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() {

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

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

    // Métodos de validação customizados (iguais ao add.blade)
    $.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");

    $.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");

    $.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");

    // NEW: flag do cliente faturável para vencer somente em dia útil
    const enforceWorkdays = {{ (int) data_get($charge, 'financeClient.due_on_working_days_only', 0) }} === 1;

    // NEW: função auxiliar que chama o backend para garantir dia útil
    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);
            }
        });
    }

    $('#btn_update').on('click', function(e) {
        // Validação do formulário de edição
        $("#charge-edit-form").validate({
            errorClass: "invalid-feedback",
            errorElement: "span",
            rules: {
                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: {
                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');
                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');
                if ($(element).hasClass('select2-hidden-accessible')) {
                    $(element).next('.select2-container').find('.select2-selection').removeClass('is-invalid');
                }
            },
            submitHandler: function(form) {
                var $form = $(form);

                function proceedUpdate() {
                    $.ajax({
                        url: "{{ route('finance.charges.update', ['id' => $charge->id]) }}",
                        type: 'POST',
                        data: $form.serialize(),
                        success: function(resp) {
                            if (resp && resp.success) {
                                Swal.fire({
                                    icon: 'success',
                                    title: 'Sucesso',
                                    text: resp.message || 'Cobrança atualizada com sucesso!',
                                    buttonsStyling: false,
                                    confirmButtonText: 'Ok',
                                    customClass: { confirmButton: 'btn btn-primary' }
                                }).then(() => {
                                    if (resp.redirect) window.location.href = resp.redirect;
                                });
                            } else {
                                Swal.fire({
                                    icon: 'error',
                                    title: 'Falha',
                                    text: (resp && resp.message) || 'Falha ao atualizar cobrança.',
                                    buttonsStyling: false,
                                    confirmButtonText: 'Ok',
                                    customClass: { confirmButton: 'btn btn-danger' }
                                });
                            }
                        },
                        error: function(xhr) {
                            var msg = 'Erro ao atualizar cobrança.';
                            var details = '';

                            if (xhr.responseJSON) {
                                if (xhr.responseJSON.message) msg = xhr.responseJSON.message;
                                if (xhr.responseJSON.errors) {
                                    var errs = xhr.responseJSON.errors;
                                    details = Object.values(errs).map(function(arr) { return arr.join(' '); }).join('\n');
                                }
                            }

                            Swal.fire({
                                icon: 'error',
                                title: 'Erro',
                                text: details ? (msg + '\n' + details) : msg,
                                buttonsStyling: false,
                                confirmButtonText: 'Ok',
                                customClass: { confirmButton: 'btn btn-danger' }
                            });
                        }
                    });
                }

                // NEW: pergunta antes de aplicar ajuste de vencimento mostrando "De -> Para"
                if (enforceWorkdays) {
                    var currentDue = $('#due_date').val();
                    ensureWorkdaysOnServer([currentDue], function(err, ensured) {
                        var ensuredDue = ensured && ensured[0] ? ensured[0] : currentDue;
                        if (ensuredDue && ensuredDue !== currentDue) {
                            Swal.fire({
                                icon: 'question',
                                title: 'Deseja continuar?',
                                html: '<div>O vencimento será ajustado para dia útil conforme regra do cliente.</div><br/><div><strong>De:</strong> ' + currentDue + ' <strong>→ Para:</strong> ' + ensuredDue + '</div>',
                                showCancelButton: true,
                                confirmButtonText: 'Continuar e salvar',
                                cancelButtonText: 'Cancelar',
                                customClass: { confirmButton: 'btn btn-success', cancelButton: 'btn btn-danger' }
                            }).then((res) => {
                                if (res.isConfirmed) {
                                    $('#due_date').val(ensuredDue);
                                    proceedUpdate();
                                }
                            });
                        } else {
                            proceedUpdate();
                        }
                    });
                } else {
                    proceedUpdate();
                }
            }
        });
    });

    // NEW: Gerar Boleto Manualmente com confirmação "De -> Para" e atualização prévia
    $('#btn_create_payment').on('click', function(e) {
        e.preventDefault();
        Swal.fire({
            icon: 'warning',
            title: 'Confirmação',
            html: 'Deseja realmente gerar o boleto?<br><br><strong>Observação:</strong> Certifique-se de que todas as informações estão corretas e devidamente salvas antes de continuar.',
            showCancelButton: true,
            confirmButtonText: 'Gerar boleto',
            cancelButtonText: 'Cancelar',
            customClass: { confirmButton: 'btn btn-success', cancelButton: 'btn btn-danger' }
        }).then((result) => {
            if (!result.isConfirmed) return;

            function doCreatePayment() {
                $.ajax({
                    url: "{{ route('finance.charges.create.payment', ['id' => $charge->id]) }}",
                    type: 'POST',
                    headers: { 'X-CSRF-TOKEN': '{{ csrf_token() }}' },
                    success: function(resp) {
                        if (resp && resp.success) {
                            Swal.fire({
                                icon: 'success',
                                title: 'Sucesso',
                                text: resp.message || 'Pagamento criado com sucesso!',
                                buttonsStyling: false,
                                confirmButtonText: 'Ok',
                                customClass: { confirmButton: 'btn btn-primary' }
                            }).then(() => {
                                if (resp.redirect) window.location.href = resp.redirect;
                            });
                        } else {
                            Swal.fire({
                                icon: 'error',
                                title: 'Falha',
                                text: (resp && resp.message) || 'Falha ao criar pagamento.',
                                buttonsStyling: false,
                                confirmButtonText: 'Ok',
                                customClass: { confirmButton: 'btn btn-danger' }
                            });
                        }
                    },
                    error: function(xhr) {
                        var msg = 'Erro ao criar pagamento.';
                        var details = '';

                        if (xhr.responseJSON) {
                            if (xhr.responseJSON.message) msg = xhr.responseJSON.message;
                            if (xhr.responseJSON.errors) {
                                var errs = xhr.responseJSON.errors;
                                details = Object.values(errs).map(function(arr) { return arr.join(' '); }).join('\n');
                            }
                        }

                        Swal.fire({
                            icon: 'error',
                            title: 'Erro',
                            text: details ? (msg + '\n' + details) : msg,
                            buttonsStyling: false,
                            confirmButtonText: 'Ok',
                            customClass: { confirmButton: 'btn btn-danger' }
                        });
                    }
                });
            }

            // NEW: se data mudar, aplicar update antes de gerar boleto
            function doUpdateThenCreatePayment(ensuredDue) {
                $('#due_date').val(ensuredDue);
                $.ajax({
                    url: "{{ route('finance.charges.update', ['id' => $charge->id]) }}",
                    type: 'POST',
                    data: $('#charge-edit-form').serialize(),
                    success: function(resp) {
                        if (resp && resp.success) {
                            doCreatePayment();
                        } else {
                            Swal.fire({
                                icon: 'error',
                                title: 'Falha',
                                text: (resp && resp.message) || 'Falha ao atualizar antes de gerar boleto.',
                                buttonsStyling: false,
                                confirmButtonText: 'Ok',
                                customClass: { confirmButton: 'btn btn-danger' }
                            });
                        }
                    },
                    error: function(xhr) {
                        var msg = 'Erro ao atualizar antes de gerar boleto.';
                        var details = '';

                        if (xhr.responseJSON) {
                            if (xhr.responseJSON.message) msg = xhr.responseJSON.message;
                            if (xhr.responseJSON.errors) {
                                var errs = xhr.responseJSON.errors;
                                details = Object.values(errs).map(function(arr) { return arr.join(' '); }).join('\n');
                            }
                        }

                        Swal.fire({
                            icon: 'error',
                            title: 'Erro',
                            text: details ? (msg + '\n' + details) : msg,
                            buttonsStyling: false,
                            confirmButtonText: 'Ok',
                            customClass: { confirmButton: 'btn btn-danger' }
                        });
                    }
                });
            }

            if (enforceWorkdays) {
                var currentDue = $('#due_date').val();
                ensureWorkdaysOnServer([currentDue], function(err, ensured) {
                    var ensuredDue = ensured && ensured[0] ? ensured[0] : currentDue;
                    if (ensuredDue && ensuredDue !== currentDue) {
                        Swal.fire({
                            icon: 'question',
                            title: 'Deseja continuar?',
                            html: '<div>O vencimento será ajustado para dia útil para emissão do boleto.</div><br/><div><strong>De:</strong> ' + currentDue + ' <strong>→ Para:</strong> ' + ensuredDue + '</div>',
                            showCancelButton: true,
                            confirmButtonText: 'Aplicar e gerar boleto',
                            cancelButtonText: 'Cancelar',
                            customClass: { confirmButton: 'btn btn-success', cancelButton: 'btn btn-danger' }
                        }).then((res) => {
                            if (res.isConfirmed) {
                                doUpdateThenCreatePayment(ensuredDue);
                            }
                        });
                    } else {
                        doCreatePayment();
                    }
                });
            } else {
                doCreatePayment();
            }
        });
    });

    $('#btn_cancel_appointment').on('click', function(e) {
        e.preventDefault();
        Swal.fire({
            icon: 'warning',
            title: 'Confirmação',
            text: 'Tem certeza que deseja cancelar este agendamento?',
            showCancelButton: true,
            confirmButtonText: 'Sim',
            cancelButtonText: 'Fechar',
            customClass: { confirmButton: 'btn btn-success', cancelButton: 'btn btn-danger' }
        }).then((result) => {
            if (result.isConfirmed) {
                $.ajax({
                    url: "{{ route('finance.charges.cancel.appointment', ['id' => $charge->id]) }}",
                    type: 'POST',
                    headers: { 'X-CSRF-TOKEN': '{{ csrf_token() }}' },
                    success: function(resp) {
                        if (resp && resp.success) {
                            Swal.fire({
                                icon: 'success',
                                title: 'Sucesso',
                                text: resp.message || 'Agendamento cancelado com sucesso!',
                                buttonsStyling: false,
                                confirmButtonText: 'Ok',
                                customClass: { confirmButton: 'btn btn-primary' }
                            }).then(() => {
                                if (resp.redirect) window.location.href = resp.redirect;
                            });
                        } else {
                            Swal.fire({
                                icon: 'error',
                                title: 'Falha',
                                text: (resp && resp.message) || 'Falha ao cancelar agendamento.',
                                buttonsStyling: false,
                                confirmButtonText: 'Ok',
                                customClass: { confirmButton: 'btn btn-danger' }
                            });
                        }
                    },
                    error: function(xhr) {
                        var msg = 'Erro ao cancelar agendamento.';
                        var details = '';

                        if (xhr.responseJSON) {
                            if (xhr.responseJSON.message) msg = xhr.responseJSON.message;
                            if (xhr.responseJSON.errors) {
                                var errs = xhr.responseJSON.errors;
                                details = Object.values(errs).map(function(arr) { return arr.join(' '); }).join('\n');
                            }
                        }

                        Swal.fire({
                            icon: 'error',
                            title: 'Erro',
                            text: details ? (msg + '\n' + details) : msg,
                            buttonsStyling: false,
                            confirmButtonText: 'Ok',
                            customClass: { confirmButton: 'btn btn-danger' }
                        });
                    }
                });
            }
        });
    });

    $('#btn_external_paid').on('click', function(e) {
        e.preventDefault();

        var issueDateMin = "{{ $charge->issue_day ? \Carbon\Carbon::parse($charge->issue_day)->format('Y-m-d') : '' }}";
        var issueDateMax =  "{{ \Carbon\Carbon::today()->format('Y-m-d') }}";

        Swal.fire({
            title: 'Baixa Manual',
            html: '' +
                '<div class="mb-2 text-start"><small>Selecione a data de pagamento:</small></div>' +
                '<div class="input-group date_ptbr" data-toggle="date-picker" data-single-date-picker="true" id="payment_date_group">' +
                    '<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="payment_date" id="payment_date_input" placeholder="DD/MM/YYYY" required />' +
                '</div>',
            focusConfirm: false,
            showCancelButton: true,
            confirmButtonText: 'Confirmar',
            cancelButtonText: 'Cancelar',
            buttonsStyling: false,
            customClass: { confirmButton: 'btn btn-success me-2', cancelButton: 'btn btn-danger' },
            didOpen: () => {
                const $group = $('#payment_date_group');

                const minMoment = issueDateMin ? moment(issueDateMin, 'YYYY-MM-DD') : null;
                const maxMoment = issueDateMax ? moment(issueDateMax, 'YYYY-MM-DD') : moment();

                // Inicializa o datepicker com restrições e formato PT-BR
                $group.daterangepicker({
                    singleDatePicker: true,
                    showDropdowns: true,
                    startDate: maxMoment,
                    minDate: minMoment || false,
                    maxDate: maxMoment || false,
                    locale: {
                        format: "DD/MM/YYYY",
                        separator: " - ",
                        applyLabel: "Aplicar",
                        cancelLabel: "Cancelar",
                        fromLabel: "De",
                        toLabel: "Até",
                        customRangeLabel: "Personalizado",
                        weekLabel: "S",
                        daysOfWeek: ["Dom","Seg","Ter","Qua","Qui","Sex","Sáb"],
                        monthNames: [
                            "Janeiro","Fevereiro","Março","Abril","Maio","Junho",
                            "Julho","Agosto","Setembro","Outubro","Novembro","Dezembro"
                        ],
                        firstDay: 0
                    }
                }, function(start) {
                    $('#payment_date_input').val(start.format('DD/MM/YYYY'));
                });

                // Pré-preenche com hoje
                $('#payment_date_input').val((maxMoment || moment()).format('DD/MM/YYYY'));
            },
            preConfirm: () => {
                const inputEl = document.getElementById('payment_date_input');
                const value = (inputEl.value || '').trim();

                if (!value) {
                    Swal.showValidationMessage('Informe a data de pagamento.');
                    return false;
                }

                const selected = moment(value, 'DD/MM/YYYY', true);
                if (!selected.isValid()) {
                    Swal.showValidationMessage('Data inválida. Use o formato DD/MM/YYYY.');
                    return false;
                }

                const min = issueDateMin ? moment(issueDateMin, 'YYYY-MM-DD') : null;
                const max = issueDateMax ? moment(issueDateMax, 'YYYY-MM-DD') : moment();

                if (min && selected.isBefore(min, 'day')) {
                    Swal.showValidationMessage('Data não pode ser anterior à emissão.');
                    return false;
                }
                if (max && selected.isAfter(max, 'day')) {
                    Swal.showValidationMessage('Data não pode ser futura.');
                    return false;
                }

                // Mantém formato DD/MM/YYYY (backend aceita ambos)
                return selected.format('DD/MM/YYYY');
            }
        }).then((result) => {
            if (result.isConfirmed) {
                var selectedDate = result.value;
                $.ajax({
                    url: "{{ route('finance.charges.external.paid', ['id' => $charge->id]) }}",
                    type: 'POST',
                    headers: {
                        'X-CSRF-TOKEN': '{{ csrf_token() }}'
                    },
                    data: { payment_date: selectedDate },
                    success: function(response) {
                        Swal.fire({
                            icon: 'success',
                            title: 'Sucesso',
                            text: response.message || 'Cobrança atualizada!',
                            buttonsStyling: false,
                            confirmButtonText: 'Ok',
                            customClass: { confirmButton: 'btn btn-success' }
                        }).then(() => {
                            if (response.redirect) {
                                window.location.href = response.redirect;
                            } else {
                                window.location.reload();
                            }
                        });
                    },
                    error: function(xhr) {
                        var msg = 'Falha ao marcar pagamento.';
                        var details = '';
                        if (xhr.responseJSON) {
                            if (xhr.responseJSON.message) msg = xhr.responseJSON.message;
                            if (xhr.responseJSON.errors) {
                                var errs = xhr.responseJSON.errors;
                                details = Object.values(errs).map(function(arr) { return arr.join(' '); }).join('\n');
                            }
                        }
                        Swal.fire({
                            icon: 'error',
                            title: 'Erro',
                            text: details ? (msg + '\n' + details) : msg,
                            buttonsStyling: false,
                            confirmButtonText: 'Ok',
                            customClass: { confirmButton: 'btn btn-danger' }
                        });
                    }
                });
            }
        });
    });

    $('#btn_reset_notification').on('click', function(e) {
        e.preventDefault();
        Swal.fire({
            icon: 'warning',
            title: 'Redefinir notificações',
            text: 'Deseja redefinir as notificações desta cobrança?',
            showCancelButton: true,
            confirmButtonText: 'Redefinir',
            cancelButtonText: 'Cancelar',
            customClass: { confirmButton: 'btn btn-success', cancelButton: 'btn btn-danger' }
        }).then((result) => {
            if (result.isConfirmed) {
                $.ajax({
                    url: "{{ route('finance.charges.reset.notification', ['id' => $charge->id]) }}",
                    type: 'POST',
                    headers: { 'X-CSRF-TOKEN': '{{ csrf_token() }}' },
                    success: function(resp) {
                        if (resp && resp.success) {
                            Swal.fire({
                                icon: 'success',
                                title: 'Sucesso',
                                text: resp.message || 'Notificações redefinidas com sucesso!',
                                buttonsStyling: false,
                                confirmButtonText: 'Ok',
                                customClass: { confirmButton: 'btn btn-primary' }
                            }).then(() => {
                                if (resp.redirect) window.location.href = resp.redirect;
                            });
                        } else {
                            Swal.fire({
                                icon: 'error',
                                title: 'Falha',
                                text: (resp && resp.message) || 'Falha ao redefinir notificações.',
                                buttonsStyling: false,
                                confirmButtonText: 'Ok',
                                customClass: { confirmButton: 'btn btn-danger' }
                            });
                        }
                    },
                    error: function(xhr) {
                        var msg = 'Erro ao redefinir notificações.';
                        var details = '';

                        if (xhr.responseJSON) {
                            if (xhr.responseJSON.message) msg = xhr.responseJSON.message;
                            if (xhr.responseJSON.errors) {
                                var errs = xhr.responseJSON.errors;
                                details = Object.values(errs).map(function(arr) { return arr.join(' '); }).join('\n');
                            }
                        }

                        Swal.fire({
                            icon: 'error',
                            title: 'Erro',
                            text: details ? (msg + '\n' + details) : msg,
                            buttonsStyling: false,
                            confirmButtonText: 'Ok',
                            customClass: { confirmButton: 'btn btn-danger' }
                        });
                    }
                });
            }
        });
    });

    $('#btn_cancel_nfs_and_payment').on('click', function(e) {
        e.preventDefault();
        Swal.fire({
            icon: 'warning',
            title: 'Cancelar Cobrança / NFS-e',
            html: 'Tem certeza que deseja cancelar esta cobrança e a NFS-e associada?<br><br><strong>Observação:</strong> Esta ação marcará a cobrança como cancelada.',
            showCancelButton: true,
            confirmButtonText: 'Cancelar cobrança/NFS-e',
            cancelButtonText: 'Fechar',
            customClass: { confirmButton: 'btn btn-danger', cancelButton: 'btn btn-default' }
        }).then((result) => {
            if (result.isConfirmed) {
                $.ajax({
                    url: "{{ route('finance.charges.cancel.nfs_and_payment', ['id' => $charge->id]) }}",
                    type: 'POST',
                    headers: { 'X-CSRF-TOKEN': '{{ csrf_token() }}' },
                    success: function(resp) {
                        if (resp && resp.success) {
                            Swal.fire({
                                icon: 'success',
                                title: 'Sucesso',
                                text: resp.message || 'Cobrança/NFS-e canceladas com sucesso!',
                                buttonsStyling: false,
                                confirmButtonText: 'Ok',
                                customClass: { confirmButton: 'btn btn-primary' }
                            }).then(() => {
                                if (resp.redirect) window.location.href = resp.redirect;
                            });
                        } else {
                            Swal.fire({
                                icon: 'error',
                                title: 'Falha',
                                text: (resp && resp.message) || 'Falha ao cancelar cobrança/NFS-e.',
                                buttonsStyling: false,
                                confirmButtonText: 'Ok',
                                customClass: { confirmButton: 'btn btn-danger' }
                            });
                        }
                    },
                    error: function(xhr) {
                        var msg = 'Erro ao cancelar cobrança/NFS-e.';
                        var details = '';

                        if (xhr.responseJSON) {
                            if (xhr.responseJSON.message) msg = xhr.responseJSON.message;
                            if (xhr.responseJSON.errors) {
                                var errs = xhr.responseJSON.errors;
                                details = Object.values(errs).map(function(arr) { return arr.join(' '); }).join('\n');
                            }
                        }

                        Swal.fire({
                            icon: 'error',
                            title: 'Erro',
                            text: details ? (msg + '\n' + details) : msg,
                            buttonsStyling: false,
                            confirmButtonText: 'Ok',
                            customClass: { confirmButton: 'btn btn-danger' }
                        });
                    }
                });
            }
        });
    });
});
</script>
@endpush