@extends('painel-admin.menu')
@section('title', 'Empresa')

  
@section('content')

    <h2>Comandos Asaas</h2>
    <div class="col-12 border-top ">
        <button id="consultar-clientes-finest-sem-id-asaas" type="button" class="btn btn-primary mt-3" >
            Consultar IDs Clientes Asaas e Atualiza no APRESI
        </button>
        <small class="d-block mt-2">*aqui consultamos e atualizamos o campo id_customer na nossa base com o codigo do ASAAS, comparamos o CNPJ.</small>

        <h5>Não esta atualizado no finest com o código do Asaas</h5>
        <table class="table" id="empresas-table">
            <thead>
                <tr>
                    <th>Razão Social</th>
                    <th>CNPJ</th>
                    <th>ID Asaas</th>
                    <th>Action</th>
                </tr>
            </thead>
            <tbody id="empresas-container">
                <!-- Rows will be appended here -->
            </tbody>
        </table>
        
        <button id="consultar-clientes-sandbox" type="button" class="btn btn-warning mt-3" >
            Consultar IDs Clientes Asaas e Atualiza no APRESI SANDBOX
        </button>
        <small class="d-block mt-2">*aqui consultamos e atualizamos o campo id_customer na nossa base com o codigo do ASAAS, comparamos o CNPJ.</small>


        <button id="consultar-inadimplentes" type="button" class="btn btn-primary mt-3" >
            Consulta inadimplentes
        </button>
        <small class="d-block mt-2">*aqui consultamos os clientes inadimplentes conforme boleto vencido (5 dias) no asaas, comparamos o id customer do BD.</small>

        <h5>Inadimplentes no Asaas</h5>
        <table class="table" id="empresas-table">
            <thead>
                <tr>
                    <th>Razão Social</th>
                    <th>CNPJ</th>
                    <th>Bloqueado</th>
                    <th>Qtde Cobranças</th>
                    <th>Action</th>
                </tr>
            </thead>
            <tbody id="empresas-inadimplentes">
                <!-- Rows will be appended here -->
            </tbody>
        </table>

        <hr>
        <div class="alert alert-success mt-5" role="alert" id="clientes-message" style="display: none" >
            <strong>Clientes atualizados com sucesso!</strong>
        </div>
        <div id="clientes-info" class="mt-2">
            <p>Quantidade de clientes atualizados: <span id="quantidade-clientes">0</span></p>
        </div>
    </div>

     <!-- Modal -->
     <div class="modal fade" id="loadingModal" tabindex="-1" aria-labelledby="loadingModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-body text-center">
                    <p>Consultando...</p>
                </div>
            </div>
        </div>
    </div>

    <!-- Modal de confirmação para bloquear e liberar -->
    <div class="modal fade" id="confirmacaoModal" tabindex="-1" aria-labelledby="confirmacaoModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="confirmacaoModalLabel"></h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <p id="confirmacaoModalBody"></p>
                    <p>Cliente: <span id="confirmacaoModalCliente"></span></p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                    <button type="button" id="confirmacaoModalAction"></button>
                </div>
            </div>
        </div>
    </div>

    <!--javascript -->
    <script>
        var currentItemId = 'asaas-link';

        $(document).ready(function() {

            $('#consultar-clientes-finest-sem-id-asaas').click(function() {
                // Show the modal
                $('#loadingModal').modal('show');

                fetch("{{ route('consulta.clientes.finestsemidasaas') }}", {
                    method: 'GET',
                    headers: {
                        'Content-Type': 'application/json',
                        'Accept': 'application/json'
                    }
                })
                .then(response => response.json())
                .then(data => {
                    var empresasContainer = $('#empresas-container');
                    empresasContainer.empty(); // Clear the container

                    if (data.length > 0) { // Certifique-se de usar data, não response
                        var html = '';
                        data.forEach(function(empresa, index) {
                            var id = 'empresa-' + index;
                            html += '<tr id="' + id + '">';
                            html += '<td>' + empresa.RazaoSocialCliente + '</td>';
                            html += '<td>' + empresa.CGCCliente + '</td>';
                            html += '<td id="asaas-' + id + '">' + empresa.id_customer + '</td>';
                            html += '<td><button class="btn btn-primary" onclick="buscarCodigoAsaas(\'' + id + '\', \'' + empresa.Codigo + '\', \'' + empresa.CGCCliente + '\')">Buscar Código Asaas</button></td>';
                            html += '</tr>';
                        });
                        empresasContainer.html(html);
                    } else {
                        empresasContainer.html('<tr><td colspan="3">No companies found with empty id_customer.</td></tr>');
                    }

                    // Hide the modal
                    $('#loadingModal').modal('hide');
                })
                .catch(error => {
                    console.error('Erro:', error);

                    // Hide the modal even if there's an error
                    $('#loadingModal').modal('hide');
                });
            });

            $('#consultar-clientes-sandbox').click(function() {
                // Show the modal
                $('#loadingModal').modal('show');

                fetch("{{ route('consulta.clientes.sandbox') }}", {
                    method: 'GET',
                    headers: {
                        'Content-Type': 'application/json',
                        'Accept': 'application/json'
                    }
                })
                .then(response => response.json())
                .then(data => {

                    document.getElementById('quantidade-clientes').textContent = data.totalCount;
                    document.getElementById('clientes-message').style.display = 'block';
                    document.getElementById('clientes-message').textContent = data.message;
                    
                    // Hide the modal
                    $('#loadingModal').modal('hide');
                })
                .catch(error => {
                    console.error('Erro:', error);
                    
                    // Hide the modal even if there's an error
                    $('#loadingModal').modal('hide');
                });
            });

            $('#consultar-inadimplentes').click(function() {
                // Mostrar o modal
                $('#loadingModal').modal('show');

                // Verificar existência de inadimplentes
                verificarExistenciaInadimplentes();
            });

        });

        function atualizarInadimplentes() {
            fetch("{{ route('atualiza.inadimplentes') }}", {
                method: 'GET',
                headers: {
                    'Content-Type': 'application/json',
                    'Accept': 'application/json'
                }
            })
            .then(response => response.json())
            .then(data => {
                var empresasContainer = $('#empresas-inadimplentes');
                empresasContainer.empty(); // Limpar o container

                if (data.clientesAtualizados.length > 0) { // Certifique-se de usar data, não response
                    var html = '';
                    data.clientesAtualizados.forEach(function(empresa, index) {
                        var id = 'empresa-' + index;
                        html += '<tr id="' + id + '">';
                        html += '<td>' + empresa.RazaoSocialCliente + '</td>';
                        html += '<td>' + empresa.CGCCliente + '</td>';
                        html += '<td id="bloqueio-' + id + '">' + empresa.Bloqueio + '</td>';
                        html += '<td>' + empresa.quantidadeCobrancas + '</td>';
                        html += '<td>';
                        var buttonClass = empresa.Bloqueio === 'nao' ? 'btn-danger' : 'btn-success';
                        var buttonText = empresa.Bloqueio === 'nao' ? 'Bloquear' : 'Liberar';
                        html += '<button class="btn ' + buttonClass + '" data-id="' + empresa.Codigo + '" data-nome="' + empresa.RazaoSocialCliente + '" data-bloqueio="' + empresa.Bloqueio + '" onclick="confirmarAcao(this)">' + buttonText + '</button>';
                        html += '</td>';
                        html += '</tr>';
                    });
                    empresasContainer.html(html);
                } else {
                    empresasContainer.html('<tr><td colspan="4">Nenhuma empresa inadimplente encontrada.</td></tr>');
                }

                // Ocultar o modal
                $('#loadingModal').modal('hide');
            })
            .catch(error => {
                console.error('Erro:', error);

                // Ocultar o modal mesmo se houver um erro
                $('#loadingModal').modal('hide');
            });
        }

        function verificarExistenciaInadimplentes() {
            fetch("{{ route('consulta.inadimplentes.existente') }}", {
                method: 'GET',
                headers: {
                    'Content-Type': 'application/json',
                    'Accept': 'application/json'
                }
            })
            .then(response => response.json())
            .then(data => {
                if (data.message == 'true') {
                    if (confirm("Já existem inadimplentes consultados. Deseja fazer uma nova consulta?")) {
                        atualizarInadimplentes();
                    } else {
                        // Processar os inadimplentes retornados
                        var empresasContainer = $('#empresas-inadimplentes');
                        empresasContainer.empty(); // Limpar o container

                        var html = '';
                        data.inadimplentes.forEach(function(empresa, index) {
                            var id = 'empresa-' + index;
                            html += '<tr id="' + id + '">';
                            html += '<td>' + empresa.RazaoSocialCliente + '</td>';
                            html += '<td>' + empresa.CGCCliente + '</td>';
                            html += '<td id="bloqueio-' + id + '">' + empresa.Bloqueio + '</td>';
                            html += '<td>' + empresa.qtde_faturas + '</td>';
                            html += '<td>';
                            var buttonClass = empresa.Bloqueio === 'nao' ? 'btn-danger' : 'btn-success';
                            var buttonText = empresa.Bloqueio === 'nao' ? 'Bloquear' : 'Liberar';
                            html += '<button class="btn ' + buttonClass + '" data-id="' + empresa.empresa_id + '" data-nome="' + empresa.RazaoSocialCliente + '" data-bloqueio="' + empresa.Bloqueio + '" onclick="confirmarAcao(this)">' + buttonText + '</button>';
                            html += '</td>';
                            html += '</tr>';
                        });
                        empresasContainer.html(html);

                        $('#loadingModal').modal('hide');
                    }
                } else if (data.message == 'false') {
                    atualizarInadimplentes();
                }
            })
            .catch(error => {
                console.error('Erro:', error);
                $('#loadingModal').modal('hide');
            });
        }

        function buscarCodigoAsaas(rowId, empresaId, empresaCnpj) {
            // Show the modal
            $('#loadingModal').modal('show');

            fetch("{{ route('buscar.codigo.asaas') }}", {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                    'Accept': 'application/json',
                    'X-CSRF-TOKEN': '{{ csrf_token() }}'
                },
                body: JSON.stringify({ id: empresaId, cnpj: empresaCnpj })
            })
            .then(response => response.json())
            .then(data => {
                if (data.success) {
                    // Update the table row with the new Asaas ID
                    $('#asaas-' + rowId).text(data.asaas_id);
                } else {
                    console.error('Failed to fetch Asaas ID:', data.message);
                }

                // Hide the modal
                $('#loadingModal').modal('hide');
            })
            .catch(error => {
                console.error('Erro:', error);

                // Hide the modal even if there's an error
                $('#loadingModal').modal('hide');
            });

        }

        function confirmarAcao(button) {
            var codigoCliente = $(button).data('id');
            var RazaoSocialCliente = $(button).data('nome');
            var Bloqueio = $(button).data('bloqueio');
            var modalTitle = Bloqueio === 'nao' ? 'Confirmação de Bloqueio' : 'Confirmação de Liberação';
            var modalBody = Bloqueio === 'nao' ? 'Deseja bloquear este Cliente?' : 'Deseja liberar este Cliente?';
            var buttonClass = Bloqueio === 'nao' ? 'btn-danger' : 'btn-success';
            var buttonAction = Bloqueio === 'nao' ? 'bloquearCliente' : 'liberarCliente';

            $('#confirmacaoModalLabel').text(modalTitle);
            $('#confirmacaoModalBody').text(modalBody);
            $('#confirmacaoModalCliente').text(RazaoSocialCliente);
            $('#confirmacaoModalAction').attr('class', 'btn ' + buttonClass).attr('onclick', buttonAction + '("' + codigoCliente + '", "' + button.closest('tr').id + '")');
            $('#confirmacaoModal').modal('show');
        }

        function bloquearCliente(codigoCliente, rowId) {
            enviarRequisicao(codigoCliente, "{{ route('empresas.bloquear', '') }}/" + codigoCliente, rowId, 'sim');
        }

        function liberarCliente(codigoCliente, rowId) {
            enviarRequisicao(codigoCliente, "{{ route('empresas.liberar', '') }}/" + codigoCliente, rowId, 'nao');
        }

        function enviarRequisicao(codigoCliente, url, rowId, novoBloqueio) {
            fetch(url, {
                method: 'PUT',
                headers: {
                    'Content-Type': 'application/json',
                    'Accept': 'application/json',
                    'X-CSRF-TOKEN': '{{ csrf_token() }}'
                }
            })
            .then(response => response.json())
            .then(data => {
                if (data.success) {
                    $('#bloqueio-' + rowId).text(novoBloqueio);
                    var button = $('#' + rowId).find('button');
                    button.removeClass('btn-danger btn-success');
                    button.addClass(novoBloqueio === 'sim' ? 'btn-success' : 'btn-danger');
                    button.text(novoBloqueio === 'sim' ? 'Liberar' : 'Bloquear');
                    button.attr('onclick', novoBloqueio === 'sim' ? 'liberarCliente("' + codigoCliente + '", "' + rowId + '")' : 'bloquearCliente("' + codigoCliente + '", "' + rowId + '")');
                }

                $('#confirmacaoModal').modal('hide');
            })
            .catch(error => {
                console.error('Erro:', error);
            });

        }
    </script>
@endsection