@extends('template_pages.session')

@section('page_title', 'Incorp - Sincronizar Cobranças')
@section('page_icon', 'building')
@section('navbar', 'finance.navbar')

@push('styles')
<!-- Datatables css -->
<link href="{{ asset('assets/inspinia/plugins/datatables/responsive.bootstrap5.min.css') }}" rel="stylesheet" type="text/css">
<link href="{{ asset('assets/inspinia/plugins/datatables/dataTables.bootstrap5.min.css') }}" rel="stylesheet" type="text/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 pb-0">
    <table id="monday_campaings_table" class="table table-custom table-centered table-select table-hover w-100 mb-0">
        <thead class="bg-light align-middle bg-opacity-25 thead-sm">
            <tr class="text-uppercase fs-xxs">
                <th data-table-sort>ID</th>
                <th data-table-sort>Status</th>
                <th data-table-sort>Projeto</th>
                <th data-table-sort>Cliente</th>
                <th>Emissão</th>
                <th>Vencimento</th>
                <th>Valor</th>
                <th data-table-sort>Envio Email</th>
                <th class="text-center" style="width: 1%;">Ações</th>
            </tr>
        </thead>
        <tbody>
            <!-- Dados serão carregados via AJAX ao clicar em "Sincronizar Cobranças" -->
        </tbody>
    </table>
</div>
<div class="card-body pt-0">
    <!-- Botões -->
    <div class="border-top border-dashed my-3"></div>
    <div class="row mt-2 px-2">
        <div class="d-flex gap-2 col-12 col-lg-auto">
            <a href="javascript:void(0);" id="sync_payments" class="btn btn-warning"><i data-lucide="download" class="align-middle me-1 fs-xl"></i> Sincronizar Cobranças</a>
            <a href="javascript:void(0);" id="add_charges" class="btn btn-primary"><i data-lucide="badge-dollar-sign" class="align-middle me-1 fs-xl"></i> Adicionar Cobranças</a>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<!-- Datatables js -->
<script src="{{ asset('assets/inspinia/plugins/datatables/dataTables.min.js') }}"></script>
<script src="{{ asset('assets/inspinia/plugins/datatables/dataTables.bootstrap5.min.js') }}"></script>
<!-- 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>
<!-- 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 () {
    var table = $('#monday_campaings_table').DataTable({
        processing: true,
        serverSide: false,
        ajax: {
            url: "{{ route('finance.incorp.sync.list.ajax') }}",
            type: 'POST',
            headers: {
                'X-CSRF-TOKEN': '{{ csrf_token() }}'
            },
            dataSrc: 'data'
        },
        columns: [
            { data: 'id', name: 'id' },
            { data: 'status', name: 'status' },
            { data: 'project', name: 'project' },
            { data: 'client', name: 'client' },
            { data: 'issue_date', name: 'issue_date', orderable: false, searchable: false, },
            { data: 'due_date', name: 'due_date', orderable: false, searchable: false, },
            { data: 'value', name: 'value', orderable: false, searchable: false, },
            { data: 'email_config', name: 'email_config' },
            { data: 'edit', name: 'edit', orderable: false, searchable: false, className: 'text-center' }
        ],
        order: [[0, 'desc']],
        pageLength: 10,
        lengthMenu: [[10, 20, 50, 100], [10, 20, 50, 100]],
        language: {
            url: '{{ asset('assets/inspinia/plugins/datatables/pt_br.json') }}',
            paginate: {
                first: '<i class="ti ti-chevrons-left"></i>',
                previous: '<i class="ti ti-chevron-left"></i>',
                next: '<i class="ti ti-chevron-right"></i>',
                last: '<i class="ti ti-chevrons-right"></i>'
            },
            processing: '',
        },
        drawCallback: function(settings) {
            if (typeof lucide !== 'undefined') {
                lucide.createIcons();
            }
            // Reaplica o Date Range Picker após cada redraw
            if (typeof window.initDatePickers === 'function') {
                window.initDatePickers();
            }
            if (typeof window.initDateRangePicker === 'function') {
                window.initDateRangePicker();
            }
            initializeMaskMoney();

            // Bind do clique em Atualizar para linhas recém-renderizadas
            bindRowActions();
        }
    });

    function initializeMaskMoney() {
        $('.money').maskMoney({
            symbol: 'R$ ',
            thousands: '.',
            decimal: ',',
            symbolStay: true
        });
    }

    function bindRowActions() {
        $('#monday_campaings_table').off('click', 'a[data-action="refresh"]').on('click', 'a[data-action="refresh"]', function (e) {
            e.preventDefault();
            var $btn = $(this);
            var $tr = $btn.closest('tr');
            var row = table.row($tr);
            var data = row.data();
    
            var id = data.id;
            var dueDate = $tr.find('input[name="dueDate"]').val();
            var value = $tr.find('input[name="value"]').val();
    
            // Novo: verifica se deve forçar dia útil (data-enforce-workdays="1")
            var enforceWorkdays = !!$tr.find('input[name="dueDate"]').data('enforce-workdays');
    
            // Pré-calcula preview de vencimento (de -> para) quando necessário
            var previewDueBefore = dueDate || '-';
            var previewDueAfter = null; // será preenchido se houver ajuste
            var dueDateToSend = dueDate;
    
            function showConfirmAndProceed() {
                // Exibir "de → para" apenas se houver alteração real
                var showDueChange = enforceWorkdays && previewDueAfter && (previewDueAfter !== previewDueBefore);
    
                Swal.fire({
                    icon: 'warning',
                    title: 'Confirmar atualização',
                    html: `
                        <div class="text-start">
                            <p class="mb-1">Deseja atualizar a campanha <strong>#${id}</strong> com os dados:</p>
                            <ul class="mb-0">
                                ${
                                    showDueChange
                                    ? `<li><strong>Vencimento:</strong> ${previewDueBefore} &rarr; ${previewDueAfter}</li>`
                                    : `<li><strong>Vencimento:</strong> ${previewDueBefore}</li>`
                                }
                                <li><strong>Valor:</strong> ${value || '-'}</li>
                            </ul>
                        </div>
                    `,
                    showCancelButton: true,
                    confirmButtonText: 'Atualizar',
                    cancelButtonText: 'Cancelar',
                    buttonsStyling: false,
                    customClass: { confirmButton: 'btn btn-success me-2', cancelButton: 'btn btn-danger' }
                }).then(function(result) {
                    if (!result.isConfirmed) return;
    
                    $btn.prop('disabled', true).addClass('disabled');
    
                    // Função para seguir com a atualização
                    function proceedUpdate() {
                        $.ajax({
                            url: "{{ route('finance.incorp.sync.update.ajax') }}",
                            type: 'POST',
                            headers: { 'X-CSRF-TOKEN': '{{ csrf_token() }}' },
                            data: { id: id, due_date: dueDateToSend, value: value },
                            success: function (resp) {
                                if (resp && resp.ok) {
                                    row.data(data).invalidate().draw(false);
    
                                    Swal.fire({
                                        icon: 'success',
                                        title: 'Sucesso',
                                        html: (resp.message ? `<div class="mb-2">${resp.message}</div>` : '<div class="mb-2">Campanha atualizada com sucesso.</div>'),
                                        buttonsStyling: false,
                                        confirmButtonText: 'Ok',
                                        customClass: { confirmButton: 'btn btn-primary' }
                                    });
    
                                    table.ajax.reload(null, false);
                                } else {
                                    Swal.fire({
                                        icon: 'error',
                                        title: 'Falha',
                                        text: (resp && resp.message) ? resp.message : 'Falha ao atualizar campanha.',
                                        buttonsStyling: false,
                                        confirmButtonText: 'Ok',
                                        customClass: { confirmButton: 'btn btn-danger' }
                                    });
                                }
                            },
                            error: function () {
                                Swal.fire({
                                    icon: 'error',
                                    title: 'Erro',
                                    text: 'Erro ao atualizar campanha.',
                                    buttonsStyling: false,
                                    confirmButtonText: 'Ok',
                                    customClass: { confirmButton: 'btn btn-danger' }
                                });
                            },
                            complete: function () {
                                $btn.prop('disabled', false).removeClass('disabled');
                            }
                        });
                    }
    
                    proceedUpdate();
                });
            }
    
            // Se precisa ajustar para dia útil, chama o endpoint auxiliar ANTES da confirmação para exibir “de -> para”
            if (enforceWorkdays && dueDate) {
                $.ajax({
                    url: "{{ route('finance.charges.ensure_workday') }}",
                    type: 'POST',
                    headers: { 'X-CSRF-TOKEN': '{{ csrf_token() }}' },
                    data: { due_dates: [dueDate] },
                    success: function (resp) {
                        var ensured = (resp && resp.success && resp.ensured_due_dates && resp.ensured_due_dates[0]) ? resp.ensured_due_dates[0] : null;
    
                        if (ensured) {
                            if (ensured !== dueDate) {
                                // Há alteração: atualiza para exibir "de → para"
                                previewDueAfter = ensured;
                                dueDateToSend = ensured;
                                $tr.find('input[name="dueDate"]').val(ensured);
                            } else {
                                // Sem alteração: NÃO exibir "de → para"
                                previewDueAfter = null;
                                dueDateToSend = dueDate;
                                // Mantém o input como está
                            }
                        }
                    },
                    complete: function () {
                        showConfirmAndProceed();
                    }
                });
            } else {
                showConfirmAndProceed();
            }
        });

        $('#monday_campaings_table').off('click', 'a[data-action="delete"]').on('click', 'a[data-action="delete"]', function (e) {
            e.preventDefault();
            var $btn = $(this);
            var $tr = $btn.closest('tr');
            var row = table.row($tr);
            var data = row.data();

            // Fallback: se DataTables não retornar data corretamente (ex.: linha responsiva)
            var id = (data && data.id) ? data.id : ($tr.find('td').eq(0).text().trim());

            Swal.fire({
                icon: 'warning',
                title: 'Confirmar exclusão',
                html: `
                    <div class="text-start">
                        <p class="mb-1">Deseja remover a campanha <strong>#${id}</strong>?</p>
                    </div>
                `,
                showCancelButton: true,
                confirmButtonText: 'Remover campanha',
                cancelButtonText: 'Manter',
                buttonsStyling: false,
                customClass: { confirmButton: 'btn btn-danger me-2', cancelButton: 'btn btn-secondary' }
            }).then(function(result) {
                if (!result.isConfirmed) return;

                $btn.prop('disabled', true).addClass('disabled');

                $.ajax({
                    url: "{{ route('finance.incorp.sync.cancel.ajax') }}",
                    type: 'POST',
                    headers: { 'X-CSRF-TOKEN': '{{ csrf_token() }}' },
                    data: { id: id, stage: 0, status: 'Cancelada' },
                    success: function (resp) {
                        if (resp && resp.ok) {
                            // Usa o HTML retornado pelo backend para manter badge consistente
                            data.status = resp.status_html || 'Cancelada';
                            row.data(data).invalidate().draw(false);

                            Swal.fire({
                                icon: 'success',
                                title: 'Sucesso',
                                html: (resp.message ? `<div class="mb-2">${resp.message}</div>` : '<div class="mb-2">Campanha removida com sucesso.</div>'),
                                buttonsStyling: false,
                                confirmButtonText: 'Ok',
                                customClass: { confirmButton: 'btn btn-primary' }
                            });

                            table.ajax.reload(null, false);
                        } else {
                            Swal.fire({
                                icon: 'error',
                                title: 'Falha',
                                text: (resp && resp.message) ? resp.message : 'Falha ao remover campanha.',
                                buttonsStyling: false,
                                confirmButtonText: 'Ok',
                                customClass: { confirmButton: 'btn btn-danger' }
                            });
                        }
                    },
                    error: function (xhr) {
                        let msg = 'Erro ao cancelar campanha.';
                        try {
                            const json = xhr.responseJSON || {};
                            if (json.message) msg = json.message;
                        } catch (_) {}
                        Swal.fire({
                            icon: 'error',
                            title: 'Erro',
                            text: msg,
                            buttonsStyling: false,
                            confirmButtonText: 'Ok',
                            customClass: { confirmButton: 'btn btn-danger' }
                        });
                    },
                    complete: function () {
                        $btn.prop('disabled', false).removeClass('disabled');
                    }
                });
            });
        });
    }

    // Dentro do script onde está o handler de #sync_payments
    $('#sync_payments').on('click', function(e) {
        e.preventDefault();

        // Desabilita e mostra spinner
        $("#sync_payments").html('<i class="fa fa-circle-o-notch fa-spin fa-fw"></i> Aguarde...').prop('disabled', true);

        $.ajax({
            type: 'POST',
            url: '{{ route('finance.incorp.getCampaingsMonday') }}',
            headers: { 'X-CSRF-TOKEN': '{{ csrf_token() }}' }
        }).done(function(data) {
            // Apenas avisos com Swal, seguindo o padrão do sistema
            if (data && Array.isArray(data.errors) && data.errors.length) {
                var htmlList = data.errors.map(function(err) {
                    var msg = err.mensagem || '-';
                    var project_name = err.project_name || '-';
                    return '<div><b>' + project_name + '</b>: ' + msg + '</div>';
                }).join('');

                Swal.fire({
                    icon: 'warning',
                    title: 'Erros na sincronização',
                    html: '<div class="text-start">' + htmlList + '</div>',
                    buttonsStyling: false,
                    confirmButtonText: 'Ok',
                    customClass: { confirmButton: 'btn btn-primary' }
                });
            } else {
                var successMessages = (data && Array.isArray(data.success) && data.success.length)
                    ? data.success.join('<br>')
                    : 'Sincronização concluída.';

                Swal.fire({
                    icon: 'success',
                    title: 'Sincronização concluída',
                    html: '<div class="text-start">' + successMessages + '</div>',
                    buttonsStyling: false,
                    confirmButtonText: 'Ok',
                    customClass: { confirmButton: 'btn btn-primary' }
                });
            }

            // Recarrega tabela
            if (typeof $('#monday_campaings_table').DataTable === 'function') {
                $('#monday_campaings_table').DataTable().ajax.reload(null, false);
            }
        }).fail(function() {
            Swal.fire({
                icon: 'error',
                title: 'Erro ao sincronizar',
                text: 'Não foi possível concluir a sincronização. Tente novamente.',
                buttonsStyling: false,
                confirmButtonText: 'Ok',
                customClass: { confirmButton: 'btn btn-danger' }
            });
        }).always(function() {
            // Restaura botão
            $("#sync_payments")
                .prop("disabled", false)
                .html('<i data-lucide="download" class="align-middle me-1 fs-xl"></i> Sincronizar Cobranças');

            // Reaplica ícones caso necessário
            if (typeof lucide !== 'undefined') {
                lucide.createIcons();
            }
        });
    });

    // Simplificado: chamada única para gerar cobranças em lote (stage 1 ou 2)
    $('#add_charges').on('click', function(e) {
        e.preventDefault();

        // Coleta IDs e vencimentos das linhas visíveis e marca quais exigem dia útil
        var nodes = $('#monday_campaings_table').DataTable().rows({ filter: 'applied' }).nodes();
        var toEnsure = [];
        var refs = []; // { id, original, $input }
        $(nodes).each(function () {
            var $tr = $(this);
            var row = $('#monday_campaings_table').DataTable().row($tr);
            var data = row.data();
            var id = data && data.id;

            var $input = $tr.find('input[name="dueDate"]');
            var val = $input.val();
            var enforce = ($input.data('enforce-workdays') == 1);

            if (id && val && enforce) {
                toEnsure.push(val);
                refs.push({ id: id, original: val, $input: $input });
            }
        });

        // Função para seguir com geração (com ou sem overrides)
        function proceedGenerate(overrides) {
            const $btn = $('#add_charges');
            $btn.prop('disabled', true).addClass('disabled');

            $.ajax({
                url: "{{ route('finance.incorp.generate.charges') }}",
                type: 'POST',
                headers: { 'X-CSRF-TOKEN': '{{ csrf_token() }}' },
                data: { stages: [1, 2], due_date_overrides: overrides || [] },
                success: function (resp) {
                    if (resp && resp.success) {
                        const created = resp.created_count || 0;
                        const failed = resp.failed || [];
                        const htmlSummary = `
                            <div class="text-start">
                                <p class="mb-2">Cobranças criadas: <strong>${created}</strong></p>
                                ${failed.length ? `
                                <div class="mb-2">
                                    <p class="mb-1">Falhas (<strong>${failed.length}</strong>):</p>
                                    <ul class="mb-0">
                                        ${failed.map(f => `<li>Campanha #${f.campaign_id}: ${f.reason}</li>`).join('')}
                                    </ul>
                                </div>` : ''}
                            </div>
                        `;

                        Swal.fire({
                            icon: failed.length ? 'warning' : 'success',
                            title: failed.length ? 'Concluído com avisos' : 'Sucesso',
                            html: htmlSummary,
                            buttonsStyling: false,
                            confirmButtonText: 'Ok',
                            customClass: { confirmButton: 'btn btn-primary' }
                        }).then(() => {
                            if (typeof $('#monday_campaings_table').DataTable === 'function') {
                                $('#monday_campaings_table').DataTable().ajax.reload(null, false);
                            }
                        })
                    } else {
                        Swal.fire({
                            icon: 'error',
                            title: 'Falha',
                            text: (resp && resp.message) ? resp.message : 'Falha ao gerar cobranças.',
                            buttonsStyling: false,
                            confirmButtonText: 'Ok',
                            customClass: { confirmButton: 'btn btn-danger' }
                        });
                    }
                },
                error: function (xhr) {
                    let msg = 'Erro ao gerar cobranças.';
                    try {
                        const json = xhr.responseJSON || {};
                        if (json.message) msg = json.message;
                    } catch (_) {}
                    Swal.fire({
                        icon: 'error',
                        title: 'Erro',
                        text: msg,
                        buttonsStyling: false,
                        confirmButtonText: 'Ok',
                        customClass: { confirmButton: 'btn btn-danger' }
                    });
                },
                complete: function () {
                    $btn.prop('disabled', false).removeClass('disabled');
                }
            });
        }

        // Se não há nada para assegurar, segue com confirmação simples
        if (toEnsure.length === 0) {
            Swal.fire({
                icon: 'warning',
                title: 'Confirmar criação de cobranças',
                html: `
                    <div class="text-start">
                        <p class="mb-0">Tem certeza que deseja gerar cobranças?</p>
                    </div>
                `,
                showCancelButton: true,
                confirmButtonText: 'Gerar cobranças',
                cancelButtonText: 'Cancelar',
                buttonsStyling: false,
                customClass: { confirmButton: 'btn btn-primary me-2', cancelButton: 'btn btn-secondary' }
            }).then(function(result) {
                if (!result.isConfirmed) return;
                proceedGenerate([]);
            });
            return;
        }

        // Pré-checa datas em dia útil no backend (usa endpoint padrão)
        $.ajax({
            url: "{{ route('finance.charges.ensure_workday') }}",
            type: 'POST',
            headers: { 'X-CSRF-TOKEN': '{{ csrf_token() }}' },
            data: { due_dates: toEnsure }
        }).done(function(resp) {
            var ensured = resp && resp.ensured_due_dates ? resp.ensured_due_dates : [];
            var lines = [];
            var overrides = [];

            for (var i = 0; i < refs.length; i++) {
                var original = refs[i].original;
                var ensuredDate = ensured[i];
                if (original && ensuredDate && original !== ensuredDate) {
                    lines.push('De: ' + original + ' → Para: ' + ensuredDate);
                    overrides.push({ id: refs[i].id, due_date: ensuredDate });
                }
            }

            if (lines.length) {
                var listHtml = '<div class="text-start">' + lines.map(l => '<div>' + l + '</div>').join('') + '</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;

                    // Aplica nos inputs locais para manter consistência visual
                    overrides.forEach(function(ov) {
                        var ref = refs.find(r => r.id === ov.id);
                        if (ref) ref.$input.val(ov.due_date).trigger('change');
                    });

                    proceedGenerate(overrides);
                });
            } else {
                // Sem mudanças, segue com confirmação simples
                Swal.fire({
                    icon: 'warning',
                    title: 'Confirmar criação de cobranças',
                    html: `
                        <div class="text-start">
                            <p class="mb-0">Tem certeza que deseja gerar cobranças?</p>
                        </div>
                    `,
                    showCancelButton: true,
                    confirmButtonText: 'Gerar cobranças',
                    cancelButtonText: 'Cancelar',
                    buttonsStyling: false,
                    customClass: { confirmButton: 'btn btn-primary me-2', cancelButton: 'btn btn-secondary' }
                }).then(function(result) {
                    if (!result.isConfirmed) return;
                    proceedGenerate([]);
                });
            }
        }).fail(function() {
            // Fallback: se checagem falhar, mantém fluxo original
            Swal.fire({
                icon: 'warning',
                title: 'Confirmar criação de cobranças',
                html: `
                    <div class="text-start">
                        <p class="mb-0">Tem certeza que deseja gerar cobranças?</p>
                    </div>
                `,
                showCancelButton: true,
                confirmButtonText: 'Gerar cobranças',
                cancelButtonText: 'Cancelar',
                buttonsStyling: false,
                customClass: { confirmButton: 'btn btn-primary me-2', cancelButton: 'btn btn-secondary' }
            }).then(function(result) {
                if (!result.isConfirmed) return;
                proceedGenerate([]);
            });
        });
    });
});
</script>
@endpush