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

  
@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 -->
    <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">Confirmação de Bloqueio</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    Deseja bloquear este Cliente?
                    <p>Cliente: <span id="RazaoSocialClienteSpanBloquear"></span></p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                    <button type="button" class="btn btn-danger" onclick="bloquearItem()">Bloquear</button>
                </div>
            </div>
        </div>
    </div>

    <!-- Modal de confirmação para liberar -->
    <div class="modal fade" id="confirmacaoLiberarModal" tabindex="-1" aria-labelledby="confirmacaoLiberarModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="confirmacaoLiberarModalLabel">Confirmação de Liberação</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    Deseja liberar este Cliente?
                    <p>Cliente: <span id="RazaoSocialClienteSpanLiberar"></span></p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                    <button type="button" class="btn btn-success" onclick="liberarItem()">Liberar</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">Nenhum cadastro encontrado sem o 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>';
                        if (empresa.Bloqueio === 'nao') {
                                html += `
                                <form id="bloquearForm" method="POST" action="">
                                    @method('PUT')
                                    @csrf
                                    <input type="hidden" name="codigo_cliente" value="${empresa.Codigo}">
                                    <button type="button" class="btn btn-danger" title="Bloquear" data-toggle="modal" data-target="#confirmacaoModal" data-id="${empresa.Codigo}" data-nome="${empresa.RazaoSocialCliente}" onclick="exibirModal(this)">
                                        bloquear
                                    </button>
                                </form>`;
                            } else {
                                html += `
                                <form id="liberarForm" method="POST" action="">
                                    @method('PUT')
                                    @csrf
                                    <input type="hidden" name="codigo_cliente" value="${empresa.Codigo}">
                                    <button type="button" class="btn btn-success" title="Liberar" data-toggle="modal" data-target="#confirmacaoLiberarModal" data-id="${empresa.Codigo}" data-nome="${empresa.RazaoSocialCliente}" onclick="exibirModalLiberar(this)">
                                        Liberar
                                    </button>
                                </form>`;
                            }
                        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>';
                            if (empresa.Bloqueio === 'nao') {
                                html += `
                                <form id="bloquearForm" method="POST" action="">
                                    @method('PUT')
                                    @csrf
                                    <input type="hidden" name="codigo_cliente" value="${empresa.Codigo}">
                                    <button type="button" class="btn btn-danger" title="Bloquear" data-toggle="modal" data-target="#confirmacaoModal" data-id="${empresa.Codigo}" data-nome="${empresa.RazaoSocialCliente}" onclick="exibirModal(this)">
                                        Bloquear
                                    </button>
                                </form>`;
                            } else {
                                html += `
                                <form id="liberarForm" method="POST" action="">
                                    @method('PUT')
                                    @csrf
                                    <input type="hidden" name="codigo_cliente" value="${empresa.Codigo}">
                                    <button type="button" class="btn btn-success" title="Liberar" data-toggle="modal" data-target="#confirmacaoLiberarModal" data-id="${empresa.Codigo}" data-nome="${empresa.RazaoSocialCliente}" onclick="exibirModalLiberar(this)">
                                        Liberar
                                    </button>
                                </form>`;
                            }
                            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 exibirModal(button) {
            var codigoCliente = $(button).data('id');
            var RazaoSocialCliente = $(button).data('nome');
            $('#codigoClienteInput').val(codigoCliente);
            $('#RazaoSocialClienteSpanBloquear').text(RazaoSocialCliente); 
            $('#bloquearForm').attr('action', '{{ route("empresas.bloquear", "") }}/' + codigoCliente);
            $('#confirmacaoModal').modal('show');
        }

 
        function bloquearItem() {
            var form = $('#bloquearForm');
            form.submit();
        }

        function exibirModalLiberar(button) {
            var codigoCliente = $(button).data('id');
            var RazaoSocialCliente = $(button).data('nome');
            $('#codigoClienteInput').val(codigoCliente);
            $('#RazaoSocialClienteSpanLiberar').text(RazaoSocialCliente);  
            $('#liberarForm').attr('action', '{{ route("empresas.liberar", "") }}/' + codigoCliente);
            $('#confirmacaoLiberarModal').modal('show');
        }

        function liberarItem() {
            var form = $('#liberarForm');
            form.submit();
        }
    </script>
@endsection