@extends('template_pages.session')

@section('page_title', '2ª Via da Cobrança #' . request()->route('id'))
@section('page_icon', 'badge-dollar-sign')
@section('navbar', 'finance.navbar')

@push('styles')
<!-- 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="extend_form">
        {{ csrf_field() }}
        <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">
                <div class="p-2 border rounded bg-light mb-2">
                    <small class="text-muted">Conta Corrente</small>
                    <div>{!! $ccLabel !!}</div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="p-2 border rounded bg-light mb-2">
                    <small class="text-muted">Projeto</small>
                    <div>{{ $charge->project->name ?? 'N/A' }}</div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="p-2 border rounded bg-light mb-2">
                    <small class="text-muted">Descrição Boleto</small>
                    <div>{{ $charge->description ?? 'N/A' }}</div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="p-2 border rounded bg-light mb-2">
                    <small class="text-muted">Valor</small>
                    <div>R$ {{ number_format($charge->value ?? 0, 2, ',', '.') }}</div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="p-2 border rounded bg-light mb-2">
                    <small class="text-muted">Data de vencimento atual</small>
                    <div>{{ $charge->due_date ? date('d/m/Y', strtotime($charge->due_date)) : 'N/A' }}</div>
                </div>
            </div>
        </div>

        <div class="row mt-3">
            <div class="col-md-3">
                <label class="form-label">Nova data de Vencimento *</label>
                <div class="input-group date_ptbr_simple" 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" autocomplete="off">
                </div>
            </div>
            <div class="col-md-3 mt-3 mt-md-0">
                <label class="form-label">Deseja aplicar multa e juros no novo vencimento? *</label>
                <div class="custom-controls-stacked">
                    <label class="custom-control custom-radio">
                        <input type="radio" class="form-check-input" name="current_fines_option" value="yes" checked>
                        <span class="form-check-label">Sim, recalcular o valor com multa e juros</span>
                    </label>
                    <label class="custom-control custom-radio mt-2 mt-md-0">
                        <input type="radio" class="form-check-input" name="current_fines_option" value="no">
                        <span class="form-check-label">Não, manter o valor original sem acréscimos</span>
                    </label>
                </div>
            </div>
        </div>

        <div id="fines-details" class="mt-3 col-md-3 d-none">
            <div class="card">
                <div class="card-header py-2 d-flex justify-content-between align-items-center border-0">
                    <span class="form-label mb-0 fw-semibold">Detalhamento de Multas e Juros</span>
                </div>
                <div class="table-responsive">
                    <table class="table table-sm table-striped table-hover table-bordered align-middle mb-0 text-nowrap">
                        <tbody>
                            <tr>
                                <td class="text-muted fw-semibold w-50">Dias de atraso</td>
                                <td class="text-end">
                                    <span id="dias_atraso" aria-live="polite"></span>
                                    <small class="text-muted">dias</small>
                                </td>
                            </tr>
                            <tr>
                                <td class="text-muted fw-semibold w-50">Valor Original</td>
                                <td class="text-end">R$ <span id="valor_original" aria-live="polite"></span></td>
                            </tr>
                            <tr>
                                <td class="text-muted fw-semibold w-50" data-bs-toggle="tooltip" title="Multa fixa aplicada sobre o valor devido">Multa</td>
                                <td class="text-end">R$ <span id="multa" aria-live="polite"></span></td>
                            </tr>
                            <tr>
                                <td class="text-muted fw-semibold w-50" data-bs-toggle="tooltip" title="Juros proporcionais ao tempo de atraso">Juros</td>
                                <td class="text-end">R$ <span id="juros" aria-live="polite"></span></td>
                            </tr>
                            <tr class="table-secondary">
                                <td class="fw-bold text-uppercase text-end w-50">Total</td>
                                <td class="text-end fw-bold">R$ <span id="valor_total" aria-live="polite"></span></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <!-- Nova tabela de Multas e Juros -->
        <div class="col-lg-4 mb-3 d-none" id="table_fines">
            <label class="form-label mb-3">Detalhamento de Multas e Juros</label>
            <table class="table table-bordered table-hover mb-0 text-nowrap">
                <tbody>
                    <tr>
                        <td><strong>Dias de atraso</strong></td>
                        <td><span id="dias_atraso"></span> Dias</td>
                    </tr>
                    <tr>
                        <td><strong>Valor Original</strong></td>
                        <td>R$ <span id="valor_original"></span></td>
                    </tr>
                    <tr>
                        <td><strong>Multa</strong></td>
                        <td>R$ <span id="multa"></span></td>
                    </tr>
                    <tr>
                        <td><strong>Juros</strong></td>
                        <td>R$ <span id="juros"></span></td>
                    </tr>
                    <tr>
                        <td class="fw-bold text-uppercase text-end">Total</td>
                        <td>R$ <span id="valor_total"></span></td>
                    </tr>
                </tbody>
            </table>
        </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="extend_button">Gerar 2ª Via</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>
<!-- Validação Formulário -->
<script src="{{ asset('assets/inspinia/js/form-validation.js') }}"></script>
<script>
$(function () {
    const $dueDateInput = $('#due_date');
    const $finesOptionInputs = $('input[name="current_fines_option"]');
    const $finesDetails = $('#fines-details');
    const $tableFines = $('#table_fines');
    const $notification = $('#ajax_notification');
    let lastFinesData = null; // guarda o último resultado do cálculo de multa/juros
    const enforceWorkdays = {{ (int) data_get($charge, 'financeClient.due_on_working_days_only', 0) }} === 1;

    function currentFinesOption() {
        const val = $('input[name="current_fines_option"]:checked').val();
        return val ? val : 'yes';
    }

    function formatBRL(value) {
        try {
            return value.toLocaleString('pt-BR', { style: 'currency', currency: 'BRL' });
        } catch (e) {
            return 'R$ ' + Number(value).toFixed(2).replace('.', ',');
        }
    }

    function withoutCurrencyPrefix(text) {
        if (typeof text !== 'string') return text;
        return text.replace(/^R\$\s?/, '');
    }

    // Exibe/oculta a tabela de multas conforme a opção e a data preenchida (estilo do exemplo)
    function checkFineTableDisplay() {
        const selectedFineOption = $('input[name="current_fines_option"]:checked').val();
        const dueDateFilled = $dueDateInput.val().trim() !== '';
        const applyFines = selectedFineOption === 'true' || selectedFineOption === 'yes';

        if (applyFines && dueDateFilled) {
            $tableFines.show();
        } else {
            $tableFines.hide();
        }
    }

    function renderDetails(data, applyFines) {
        // Mostrar o resumo original
        $finesDetails.removeClass('d-none');
        $('#fd-valor-original').text(data.formatted?.valor_original ?? formatBRL(data.valor_original ?? 0));
        $('#fd-multa').text(data.formatted?.multa ?? formatBRL(data.multa ?? 0));
        $('#fd-juros').text(data.formatted?.juros ?? formatBRL(data.juros ?? 0));
        $('#fd-total-acrescimos').text(data.formatted?.total_acrescimos ?? formatBRL(data.total_acrescimos ?? 0));
        $('#fd-valor-total').text(data.formatted?.valor_total ?? formatBRL(data.valor_total ?? 0));
        $('#fd-dias-atraso').text((data.days_late ?? 0));

        // Mostrar a nova tabela somente se aplicar multa/juros
        if (applyFines) {
            $tableFines.show();
            $('#dias_atraso').text((data.days_late ?? 0));
            $('#valor_original').text(withoutCurrencyPrefix(data.formatted?.valor_original ?? formatBRL(data.valor_original ?? 0)));
            $('#multa').text(withoutCurrencyPrefix(data.formatted?.multa ?? formatBRL(data.multa ?? 0)));
            $('#juros').text(withoutCurrencyPrefix(data.formatted?.juros ?? formatBRL(data.juros ?? 0)));
            $('#valor_total').text(withoutCurrencyPrefix(data.formatted?.valor_total ?? formatBRL(data.valor_total ?? 0)));
        } else {
            $tableFines.hide();
        }
    }

    const currentDueDateStr = "{{ $charge->due_date ? date('d/m/Y', strtotime($charge->due_date)) : '' }}";
    const currentDueDate = currentDueDateStr ? moment(currentDueDateStr, 'DD/MM/YYYY', true) : null;

    function parsePtBrDate(str) {
        return moment(str, 'DD/MM/YYYY', true);
    }

    function isBeforeToday(dateStr) {
        const m = parsePtBrDate(dateStr);
        return m.isValid() && m.isBefore(moment().startOf('day'));
    }

    function isBeforeCurrentDueDate(dateStr) {
        const m = parsePtBrDate(dateStr);
        if (!m.isValid() || !currentDueDate || !currentDueDate.isValid()) return false;
        return m.isBefore(currentDueDate.clone().startOf('day'));
    }

    let lastDueDateValue = $dueDateInput.val().trim();

    // Exibe/oculta a tabela de multas conforme regras
    function checkFineTableDisplay() {
        const selectedFineOption = $('input[name="current_fines_option"]:checked').val();
        const newDueDate = $dueDateInput.val().trim();
        const dueDateFilled = newDueDate !== '';
        const applyFines = selectedFineOption === 'true' || selectedFineOption === 'yes';
        const validForFines = dueDateFilled && !isBeforeToday(newDueDate) && !isBeforeCurrentDueDate(newDueDate);

        if (applyFines && validForFines) {
            $tableFines.show();
        } else {
            $tableFines.hide();
        }
    }

    function ensureWorkdaysOnServer(dueDates, onDone) {
        $.ajax({
            url: "{{ route('finance.charges.ensure_workday') }}",
            method: "POST",
            dataType: "json",
            data: {
                _token: '{{ csrf_token() }}',
                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() {
                onDone('error', dueDates);
            }
        });
    }

    function triggerCalculate() {
        const requestedDueDate = $dueDateInput.val().trim();
        const selectedFineOption = $('input[name="current_fines_option"]:checked').val();
        const applyFines = selectedFineOption === 'true' || selectedFineOption === 'yes';

        checkFineTableDisplay();

        if (!requestedDueDate) {
            $finesDetails.addClass('d-none');
            $tableFines.hide();
            lastFinesData = null;
            return;
        }

        if (isBeforeToday(requestedDueDate) || isBeforeCurrentDueDate(requestedDueDate) || !applyFines) {
            $finesDetails.addClass('d-none');
            $tableFines.hide();
            if (isBeforeToday(requestedDueDate) || isBeforeCurrentDueDate(requestedDueDate)) {
                $('input[name="current_fines_option"][value="no"]').prop('checked', true);
            }
            lastFinesData = null;
            return;
        }

        // Usar exatamente a data informada pelo usuário, sem ajuste de dia útil
        const effectiveDate = requestedDueDate;

        $.ajax({
            headers: { 'X-CSRF-TOKEN': '{{ csrf_token() }}' },
            type: 'POST',
            url: '{{ route('finance.charges.calculate.fines', ['id' => request()->route('id')]) }}',
            data: {
                new_due_date: effectiveDate,
                apply_fines: applyFines
            },
            dataType: 'json'
        }).done(function (payload) {
            if (!payload || payload.success !== true) {
                $finesDetails.addClass('d-none');
                $tableFines.hide();
                lastFinesData = null;
                if ($notification.length) {
                    $notification.html("<div class='alert alert-danger alert-dismissible fade show mb-2'>" + (payload?.message || 'Falha ao calcular multa/juros.') + "</div>");
                }
                return;
            }

            // Sem notificação de ajuste de dia útil na prévia
            renderDetails(payload.data, applyFines);
            lastFinesData = payload.data;
        }).fail(function () {
            $finesDetails.addClass('d-none');
            $tableFines.hide();
            lastFinesData = null;
            if ($notification.length) {
                $notification.html("<div class='alert alert-danger alert-dismissible fade show mb-2'>Erro na requisição de cálculo.</div>");
            }
        });
    }

    $dueDateInput.on('change input', function () {
        const val = $dueDateInput.val().trim();

        // Se menor que vencimento atual, confirmar e forçar sem multa/juros
        if (val && isBeforeCurrentDueDate(val)) {
            Swal.fire({
                icon: 'warning',
                title: 'Data anterior ao vencimento atual',
                text: 'Com esta data, multa e juros serão desativados. Deseja continuar?',
                showCancelButton: true,
                confirmButtonText: 'Sim, continuar',
                cancelButtonText: 'Cancelar',
                customClass: { confirmButton: 'btn btn-primary', cancelButton: 'btn btn-secondary' }
            }).then((res) => {
                if (res.isConfirmed) {
                    $('input[name="current_fines_option"][value="no"]').prop('checked', true);
                    checkFineTableDisplay();
                    triggerCalculate();
                } else {
                    $dueDateInput.val(lastDueDateValue || '');
                    checkFineTableDisplay();
                    triggerCalculate();
                }
            });
            return;
        }

        // Se menor que hoje, alerta de erro
        if (val && isBeforeToday(val)) {
            Swal.fire({
                icon: 'error',
                title: 'Data inválida',
                text: 'A nova data de vencimento não pode ser menor que a data de hoje.',
                confirmButtonText: 'Ok',
                customClass: { confirmButton: 'btn btn-danger' }
            });
        } else {
            lastDueDateValue = val;
        }

        triggerCalculate();
    });

    $dueDateInput.on('apply.daterangepicker', function (ev, picker) {
        if (!$dueDateInput.val()) {
            $dueDateInput.val(picker.startDate.format('DD/MM/YYYY'));
        }
        triggerCalculate();
    });

    $('.date_ptbr_simple').on('apply.daterangepicker', function (ev, picker) {
        $dueDateInput.val(picker.startDate.format('DD/MM/YYYY'));
        triggerCalculate();
    });

    $dueDateInput.on('change input', function () {
        triggerCalculate();
    });

    $finesOptionInputs.on('change', function () {
        const newDueDate = $dueDateInput.val().trim();
        // Impede selecionar "Sim" quando data não permite multa/juros
        if ($('input[name="current_fines_option"]:checked').val() === 'yes' &&
            (isBeforeToday(newDueDate) || isBeforeCurrentDueDate(newDueDate))) {
            Swal.fire({
                icon: 'info',
                title: 'Multa/Juros desativados',
                text: 'A data escolhida é anterior ao vencimento atual, portanto multa e juros não podem ser aplicados.',
                confirmButtonText: 'Ok',
                customClass: { confirmButton: 'btn btn-primary' }
            });
            $('input[name="current_fines_option"][value="no"]').prop('checked', true);
        }
        checkFineTableDisplay();
        triggerCalculate();
    });

    checkFineTableDisplay();

    $.validator.addMethod("notPastDate", function(value, element) {
        if (!value) return true;
        var m = moment(value, 'DD/MM/YYYY', true);
        return m.isValid() && !m.isBefore(moment().startOf('day'));
    }, "A nova data de vencimento não pode ser menor que a data de hoje.");

    $.validator.addMethod("dateValidation", function(value, element) {
        if (!value) return false;
        var m = moment(value, 'DD/MM/YYYY', true);
        return m.isValid();
    }, "Por favor, insira uma data válida no formato DD/MM/YYYY");

    $("#extend_button").on('click', function (e) {
        $("#extend_form").validate({
            errorClass: "invalid-feedback",
            errorElement: "span",
            rules: {
                due_date: {
                    required: true,
                    dateValidation: true,
                    notPastDate: true
                }
            },
            messages: {
                due_date: {
                    required: "Informe a nova data de vencimento.",
                    notPastDate: "A nova data de vencimento não pode ser menor que a data de hoje."
                }
            },
            errorPlacement: function (error, element) {
                if (element.hasClass('date')) {
                    error.insertAfter(element.closest('.input-group'));
                } else {
                    error.insertAfter(element);
                }
            },
            highlight: function (element, errorClass, validClass) {
                $(element).addClass('is-invalid');
            },
            unhighlight: function (element, errorClass, validClass) {
                $(element).removeClass('is-invalid');
            },
            submitHandler: function(form) {
                const requestedDueDate = $('#due_date').val().trim();
                const selectedFineOption = $('input[name="current_fines_option"]:checked').val();
                const applyFines = selectedFineOption === 'true' || selectedFineOption === 'yes';

                const buildAndSend = (effectiveDate) => {
                    const payloadData = {
                        new_due_date: effectiveDate,
                        apply_fines: applyFines
                    };

                    const proceedWithConfirm = (recalcData) => {
                        if (applyFines) {
                            if (recalcData) {
                                payloadData.new_value = recalcData.formatted?.valor_total || formatBRL(recalcData?.valor_total || 0);
                            } else {
                                const formattedTotal = lastFinesData?.formatted?.valor_total;
                                const domTotal = $('#valor_total').first().text().trim();
                                payloadData.new_value = formattedTotal ?? ('R$ ' + domTotal);
                            }
                        }

                        // Confirmação prévia com aviso de ajuste para dia útil
                        let confirmText = "Confirmar geração da 2ª via?";
                        if (enforceWorkdays && requestedDueDate !== effectiveDate) {
                            if (applyFines) {
                                const totalTxt = (recalcData?.formatted?.valor_total)
                                    || (lastFinesData?.formatted?.valor_total)
                                    || formatBRL((recalcData?.valor_total ?? lastFinesData?.valor_total ?? 0));
                                confirmText = "A data será ajustada para dia útil: " + effectiveDate + ". O novo total (com multa e juros) ficará em " + totalTxt + ". Deseja continuar?";
                            } else {
                                confirmText = "A data de vencimento será ajustada para dia útil: " + effectiveDate + ". Deseja continuar?";
                            }
                        }

                        Swal.fire({
                            icon: 'question',
                            title: 'Confirmar operação',
                            text: confirmText,
                            showCancelButton: true,
                            confirmButtonText: 'Sim, confirmar',
                            cancelButtonText: 'Cancelar',
                            customClass: { confirmButton: 'btn btn-primary', cancelButton: 'btn btn-secondary' }
                        }).then((res) => {
                            if (!res.isConfirmed) return;

                            $.ajax({
                                headers: { 'X-CSRF-TOKEN': '{{ csrf_token() }}' },
                                type: 'POST',
                                url: '{{ route('finance.charges.extend.second_copy', ['id' => request()->route('id')]) }}',
                                data: payloadData,
                                success: function(resp) {
                                    if (resp && resp.success) {
                                        Swal.fire({
                                            icon: 'success',
                                            title: 'Sucesso',
                                            text: resp.message || '2ª Via criada com sucesso!',
                                            confirmButtonText: 'Ok',
                                            customClass: { confirmButton: 'btn btn-primary' }
                                        }).then(() => {
                                            if (resp.redirect) {
                                                window.location.href = resp.redirect;
                                            } else {
                                                window.location.reload();
                                            }
                                        });
                                    } else {
                                        Swal.fire({
                                            icon: 'error',
                                            title: 'Falha',
                                            text: (resp && resp.message) ? resp.message : 'Não foi possível criar a 2ª Via.',
                                            confirmButtonText: 'Ok',
                                            customClass: { confirmButton: 'btn btn-danger' }
                                        });
                                    }
                                },
                                error: function(xhr) {
                                    Swal.fire({
                                        icon: 'error',
                                        title: 'Erro',
                                        text: (xhr.responseJSON && xhr.responseJSON.message) ? xhr.responseJSON.message : 'Erro ao processar a requisição.',
                                        confirmButtonText: 'Ok',
                                        customClass: { confirmButton: 'btn btn-danger' }
                                    });
                                }
                            });
                        });
                    };

                    // Recalcular para a data efetiva se houve ajuste e estiver aplicando multa/juros
                    const needsRecalcForEffectiveDate = applyFines && enforceWorkdays && (requestedDueDate !== effectiveDate);

                    if (needsRecalcForEffectiveDate) {
                        $.ajax({
                            headers: { 'X-CSRF-TOKEN': '{{ csrf_token() }}' },
                            type: 'POST',
                            url: '{{ route('finance.charges.calculate.fines', ['id' => request()->route('id')]) }}',
                            data: {
                                new_due_date: effectiveDate,
                                apply_fines: applyFines
                            },
                            dataType: 'json'
                        }).done(function (payload) {
                            if (!payload || payload.success !== true) {
                                Swal.fire({
                                    icon: 'error',
                                    title: 'Falha',
                                    text: payload?.message || 'Não foi possível recalcular multa/juros para a data ajustada.',
                                    confirmButtonText: 'Ok',
                                    customClass: { confirmButton: 'btn btn-danger' }
                                });
                                return;
                            }
                            lastFinesData = payload.data;
                            proceedWithConfirm(payload.data);
                        }).fail(function () {
                            Swal.fire({
                                icon: 'error',
                                title: 'Erro',
                                text: 'Erro na requisição de recálculo para a data ajustada.',
                                confirmButtonText: 'Ok',
                                customClass: { confirmButton: 'btn btn-danger' }
                            });
                        });
                    } else {
                        proceedWithConfirm(null);
                    }
                };

                if (enforceWorkdays) {
                    ensureWorkdaysOnServer([requestedDueDate], function(err, ensured) {
                        const ensuredDate = (ensured && ensured[0]) ? ensured[0] : requestedDueDate;
                        buildAndSend(ensuredDate);
                    });
                } else {
                    buildAndSend(requestedDueDate);
                }
            }
        });
    }); 
});
</script>
@endpush