@extends('adminlte::page')

@section('title', 'Sigo 2.0')

@section('content_header')
<h1>Cadastro de Beneficiários
    <a href="https://psti-homologacao.s3.amazonaws.com/videos/cadastro_beneficiario.mp4" target="_blank"><img src="/sigoweb/imagens/giphy.gif" width="35px"></a>
</h1>
 
@stop

@section('content')

<style>
    .search-box {
        position: relative;
    }

    .table-container {
        max-height: 500px;
        /* Defina a altura máxima desejada */
        overflow: auto;
    }

    .result-box {
        margin-right: 10px;
        position: absolute;
        background-color: white;
        list-style: none;
        left: 0;
        z-index: 1;
        max-height: 200px;
        width: 100%;
        /* Defina a altura máxima da caixa de resultados aqui */
        overflow: auto;
    }
</style>

<div class="container-fluid">
    <h5 class="mb-2">Composição da nossa carteira!</h5>
    <div class="row">
        <div class="col-md-3 col-sm-6 col-12">
            <div class="info-box">
                <span class="info-box-icon bg-info"><i class="far fa-user"></i></span>
                <div class="info-box-content">
                    <span class="info-box-text">Titular</span>
                    <span class="info-box-number" id="titulares"></span>
                </div>
            </div>
        </div>

        <div class="col-md-3 col-sm-6 col-12">
            <div class="info-box">
                <span class="info-box-icon bg-success"><i class="fas fa-users"></i></span>
                <div class="info-box-content">
                    <span class="info-box-text">Dependentes</span>
                    <span class="info-box-number" id="dependentes"></span>
                </div>

            </div>

        </div>

        <div class="col-md-3 col-sm-6 col-12">
            <div class="info-box">
                <span class="info-box-icon bg-warning"><i class="fa fa-male"></i></span>
                <div class="info-box-content">
                    <span class="info-box-text">Homens</span>
                    <span class="info-box-number" id="homens"></span>
                </div>

            </div>

        </div>

        <div class="col-md-3 col-sm-6 col-12">
            <div class="info-box">
                <span class="info-box-icon bg-danger"><i class="fa fa-female"></i></span>
                <div class="info-box-content">
                    <span class="info-box-text">Mulheres</span>
                    <span class="info-box-number" id="mulheres"></span>
                </div>

            </div>

        </div>

    </div>
    <div class="row">
        <div class="col-12 col-sm-12">
            <div class="card card-white card-tabs">
                <div class="card-header p-0 pt-1">
                    <ul class="nav nav-tabs" id="custom-tabs-one-tab" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link tablinks active" id="custom-tabs-one-home-tab" data-toggle="pill"
                                href="#custom-tabs-one-home" role="tab" aria-controls="custom-tabs-one-home"
                                aria-selected="true">Plano</a>
                        </li>
                    </ul>
                </div>

                <div class="card-body" id="plano">
                    <div class="tab-content" id="custom-tabs-one-tabContent">
                        <div class="tab-pane fade show active" id="custom-tabs-one-home" role="tabpanel"
                            aria-labelledby="custom-tabs-one-home-tab">
                            <div class="form-group">

                                <div class="row">
                                    <div class="divPlanos col-sm-6">
                                        <label style="margin-left: 6px;">Plano</label>
                                        <select class="form-control js-example-basic-single" onchange="marcarCheck();"
                                            id="plano_pesquisa">
                                            <option value="">Selecione o plano...</option>
                                        </select>
                                    </div>

                                    <div class="col-sm-2">
                                        <div class="form-group" style="display: inline-block; margin-top: 40px;">
                                            <div class="form-check" style="display: inline-block;">
                                                <input class="form-check-input" id="listarAtivos"
                                                    onchange="getPessoasAtivasDoPlano()" type="radio" name="radio1"
                                                    checked>
                                                <label class="form-check-label">Ativos</label>
                                            </div>
                                            <div class="form-check" style="display: inline-block; margin-left: 8px;">
                                                <input class="form-check-input" id="listarTodos"
                                                    onchange="getPessoasDoPlano()" type="radio" name="radio1">
                                                <label class="form-check-label">Todos</label>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-sm-8">
                                    <label style="margin-left: 6px;">Pesquisar</label>
                                    <input type="text" class="form-control" aria-label="Default"
                                        aria-describedby="inputGroup-sizing-default" id="inputPesquisar"
                                        onkeyup="pesquisarNome()"
                                        placeholder="Pesquisar beneficiário por (Nome, CPF, Data de nascimento, Cartão):">
                                </div>
                                <div class="col-sm-4 d-flex align-items-end">
                                    <button id="botaoBuscarBeneficiario" type="button" class="btn btn-primary"
                                        onclick="buscarBeneficiarios()">Buscar Beneficiário em Todos os Planos</button>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="table-container col-sm-12 mt-3">
                                <table class="table table-hover text-nowrap" id="planoTabela">
                                    <thead>
                                        <tr>
                                            <th>Nome</th>
                                            <th style="text-align: center;">Cartão</th>
                                            <th style="text-align: center;">Data de inclusão</th>
                                            <th style="text-align: center;">Data de exclusão</th>
                                            <th style="text-align: center;">Dependencia</th>
                                            <th style="text-align: center;">Familia</th>
                                        </tr>
                                    </thead>
                                    <tbody id="planoDataTable">

                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div class="row justify-content-end" style="margin-top:10px;">
                            <div class="col-sm-12">
                                <div>
                                    <ul id="paginacaoTabelaFamiliaTodos" class="pagination float-right"
                                        style="display: none;"></ul>
                                    <ul id="paginacaoTabelaFamiliaAtivos" class="pagination float-right"
                                        style="display: none;"></ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12">
                            <button id="btnNovoTitular" type="submit" class="btn btn-info" onclick="novoTitular()"><a
                                    style="list-style: none; color: white;">Novo Titular</a></button>
                            <button type="submit" id="btnBenefExtra" class="btn btn-info" onclick=""><a target=”_blank”
                                    href="/sigo-laravel/public/comercial/beneficiario/beneficiarioExtra"
                                    style="list-style: none; color: white;">Beneficiário (Extra)</a></button>
                            <button type="button" class="btn btn-info" onclick="anularSelecaoDaFamilia()"
                                id="botaoVoltar"><a style="list-style: none; color: white;">Voltar</a></button>
                            <button type="button" class="btn btn-info" onclick="alteraTitular();"
                                id="botaoTrocarTitular"><a style="list-style: none; color: white;">Trocar
                                    Titular</a></button>
                        </div>
                    </div>
                </div>
                <div class="overlay" id="carregamento">
                    <i class="fas fa-2x fa-sync fa-spin"></i>
                </div>
            </div>

            <div class="tab-pane fade" id="custom-tabs-one-profile" role="tabpanel"
                aria-labelledby="custom-tabs-one-profile-tab">
                <div class="row">
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label>Plano</label>
                            <input type="text" class="form-control" aria-label="Default"
                                aria-describedby="inputGroup-sizing-default" id="planoCodigo" disabled>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label>Titulares</label>
                            <input type="text" class="form-control" aria-label="Default"
                                aria-describedby="inputGroup-sizing-default" id="titularNome" disabled>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-12">
                        <table class="table table-hover text-nowrap" id="">
                            <thead>
                                <tr>
                                    <th>Nome</th>
                                    <th style="text-align: center;">Código</th>
                                    <th style="text-align: center;">Código Beneficiario</th>
                                    <th style="text-align: center;">Data de inclusão</th>
                                    <th style="text-align: center;">Data de exclusão</th>
                                    <th style="text-align: center;">Dependencia</th>
                                </tr>
                            </thead>
                            <tbody id="familiaDataTable">

                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-12">
                        <button id="trocarTitular" type="button" class="btn btn-default" data-toggle="modal"
                            data-target="#modalTrocaTitular" disabled>Trocar
                            Titular</button>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>

</div>
</div>


</div>

<!--MODAL PRINCIPAL--->
<div class="modal fade" id="modalTrocaTitular" style="display: none;" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Troca de Titular</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label class="col-form-label">Titular Atual</label>
                            <input type="text" class="form-control" id="titularAtual" disabled>

                        </div>
                    </div>
                    <div class="col-sm-6" style="margin-top:6px;">
                        <div class="form-group">
                            <label>Escolha o novo titular</label>
                            <select class="form-control" id="titularesValidos">
                            </select>
                        </div>
                    </div>
                </div>

            </div>
            <div class="modal-footer justify-content-between">
                <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#modalConfimacaoTroca"
                    id="botaoTrocaTitular">Trocar Titular</button>
            </div>
        </div>

    </div>

</div>

<div class="modal fade" id="modalConfimacaoTroca" style="display: none;" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Tem certeza que deseja alterar ?</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body">
                <p>O novo titular será: <strong id="novoTitular"></strong></p>
            </div>
            <div class="modal-footer justify-content-between">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
                <button type="button" class="btn btn-primary" id="alterarTitular">Alterar</button>
            </div>
        </div>

    </div>
</div>


<div class="modal fade" id="modalConfirmExclusaoBeneficiario">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Excluir beneficiário</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>Deseja realmente excluir esse(a) beneficiário(a)?</p>
            </div>
            <div class="modal-footer">
                <button type="button" id="" class="btn btn-primary" data-dismiss="modal"
                    onclick="verificaPendenciaFinanceiraCPF()">Sim</button>
                <button type="button" class="btn btn-danger" data-dismiss="modal">Não</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="modalConfirmExclusaoBeneficiarioTitular">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Excluir beneficiário</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>Deseja realmente remover esse(a) beneficiário(a) e toda sua familia?</p>
            </div>
            <div class="modal-footer">
                <button type="button" id="" class="btn btn-primary" data-dismiss="modal"
                    onclick="verificaPendenciaFinanceiraCPF()">Sim</button>
                <button type="button" class="btn btn-danger" data-dismiss="modal">Não</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="modalPendenciaFinanceira">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Excluir beneficiário</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>Existem pendências financeiras vinculadas a esse CPF. Deseja prosseguir?</p>
            </div>
            <div class="modal-footer">
                <button type="button" id="" class="btn btn-primary" data-dismiss="modal"
                    onclick="verificarTempoNoPlano()">Sim</button>
                <button type="button" class="btn btn-danger" data-dismiss="modal">Não</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="modalConfirmExclusaoBeneficiarioMenosDeUmAno">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Excluir beneficiário</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>Esse beneficiário possui menos de 12 meses no plano. Deseja prosseguir?</p>
            </div>
            <div class="modal-footer">
                <button type="button" id="" class="btn btn-primary" data-dismiss="modal"
                    onclick="removerBeneficiarioDoPlano()">Sim</button>
                <button type="button" class="btn btn-danger" data-dismiss="modal">Não</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="modalConfirmExclusaoData">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Remover data de exclusã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">
                <p>Deseja realmente retirar a data de exclusão desse beneficiário(a)?</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" data-dismiss="modal"
                    onclick="verificaFamiliaBeneficiario()">Sim</button>
                <button type="button" class="btn btn-danger" data-dismiss="modal">Não</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="modalConfirmExclusaoDataFamilia">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Remover data de exclusã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">
                <p>Deseja remover a data de exclusão de toda a família?</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" data-dismiss="modal"
                    onclick="confirmaRemocaoDataExclusaoFamilia()">Sim</button>
                <button type="button" class="btn btn-danger" data-dismiss="modal"
                    onclick="naoConfirmaRemocaoDataExclusaoFamilia()">Não</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="modalMotivoExcl">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Motivo de exclusã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">
                <div class="row">
                    <div class="col-sm-8">
                        <div class="form-group">
                            <label>Motivo da exclusão</label>
                            <input name="" id="motivoExclusaoInput" type="text" class="form-control" disabled>
                        </div>
                        <button type="button" class="btn btn-success" data-dismiss="modal">Remover</button>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button>
            </div>
        </div>
    </div>
</div>

<x-basico.modal-alterar-titular />
@include('comercial/beneficiario/modalExclusaoBeneficiario')
@include('comercial/beneficiario/modalAlterarTabelaPrecos')
@include('comercial/beneficiario/modalAlterarVencimentoPlano')
@include('comercial/beneficiario/modalGerarBoletoQuebraContrato')
@include('comercial/beneficiario/modalManutencaoCoberturasCarencias')
@include('comercial/beneficiario/modalPesquisarBeneficiario')
@include('comercial/beneficiario/modalExcluirDefinitivamente')

</div>
@stop

@section('css')
<link rel="stylesheet" href="css/admin_custom.css">
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<link href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="Stylesheet"
    type="text/css" />

<style>
    .select2-container {
        width: 100% !important;
    }

    .select2-selection--single {
        height: auto !important;
        padding: 5px 12px !important;
    }

    .select2-selection__arrow {
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    #input-box {
        padding-top: 6px;
        padding-bottom: 6px;
        box-sizing: border-box;

    }
</style>
@stop
@section('plugins.Datatables', true)
@section('plugins.DatatablesPlugins', true)
@section('plugins.Toastr', true)
@section('js')
<script src="{{ asset('js/app.js') }}"></script>
<script src="{{ asset('js/operacional/producao.js') }}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.4/moment.min.js"></script>
<script src="https://cdn.datatables.net/plug-ins/1.13.4/sorting/datetime-moment.js"></script>
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twbs-pagination/1.4.2/jquery.twbsPagination.min.js"></script>

<script>
    $(document).ready(function ($) {
        $(".overlay").hide();
        $("#botaoVoltar").hide();
        $("#botaoTrocarTitular").hide();
        $("#btnBenefExtra").hide();
        $('#comboNovaTP').select2();
        $('#plano_pesquisa').select2();
        getPlanos();

        $(document).on('submit', '#formAlteracaoTP', function (event) {
            event.preventDefault();
        });

        $(document).on('submit', '#formAlterarVencimento', function (event) {
            event.preventDefault();
        });

        $(document).on('submit', '#formRemoveBeneficiario', function (event) {
            event.preventDefault();
        });

        $(document).on('keypress', function (e) {
            if (e.which == 13) {
                plano = $("#plano_pesquisa").val();
                nome = $("#inputPesquisar").val();
                if (plano != "" && nome != "") {
                    selecionarBeneficiario(plano, "", nome, true);
                }
            }
        });
        verificaParametroUrl();
        exibeBtnBeneficiarioExtra();
    });

    $('#plano_pesquisa').on('select2:open', function () {
        document.querySelector('.select2-search__field').focus();
    });

    function exibeBtnBeneficiarioExtra() {
        dadosBasicos = JSON.parse(localStorage.getItem('dadosBasicos'));
        par_coop = dadosBasicos["SIGOWEB"]["PAR_COOP"];
        if (par_coop == '038') {
            $('#btnBenefExtra').show();
        }
    }

    function novoTitular() {
        pla_codigo = $("#plano_pesquisa").val();
        let bloqueio = $('#btnNovoTitular').attr('data-bloqueio');

        if (bloqueio == 'S') {
            toastr.warning("Plano selecionado está bloqueado para inclusão!", 'Atenção!', {
                            timeOut: 3000,
                            progressBar: true,
                            closeButton: true
                        });
            return;
        }

        if (pla_codigo == '') {
            toastr.info("Selecione um plano para incluir um novo titular!", 'Atenção!', {
                            timeOut: 3000,
                            progressBar: true,
                            closeButton: true
                        });
            return ;
        }

        ben_codigo = null;
        window.location.href = '/sigo-laravel/public/comercial/beneficiario/titular?ben_codigo=' + ben_codigo + '&pla_tipo=' + pla_tipo_selecionado + '&pla_codigo=' + pla_codigo;
    }

    function verificaParametroUrl() {
        const queryString = window.location.search;
        const urlParams = new URLSearchParams(queryString);
        const pla_codigo = urlParams.get('pla_codigo');
        plano_selecionado_url = pla_codigo;
        // Só guarda o valor aqui. Quem efetivamente dispara a busca filtrada é o
        // getPlanos(), pois só ali sabemos com certeza que o combo de planos já
        // está populado (fetch assíncrono) — evita a corrida que existia antes
        // com setTimeout, que às vezes perdia pra carga "Ativos" sem filtro.
        busca_selecionado_url = urlParams.get('busca') || '';

        // Quando "busca" vem sem "pla_codigo" (ex.: link de correção do SIB-ANS,
        // que só conhece a carteira/código do beneficiário, não o plano), o
        // fluxo acima nunca dispara porque depende de plano_selecionado_url
        // preenchido. Nesse caso cai para a busca em todos os planos, que não
        // depende do combo de planos estar carregado.
        if (!plano_selecionado_url && busca_selecionado_url) {
            $("#inputPesquisar").val(busca_selecionado_url);
            setTimeout(function () { buscarBeneficiarios(); }, 600);
        }
    }

    var ben_codigo_selecionado = '';
    var pes_cpf_selecionado = '';
    var ben_dtinclpla_selecionado = '';
    var ben_tipodep_selecionado = '';

    function refreshGrid() {
        if ($('#listarAtivos').is(':checked') == true) {
            getPessoasAtivasDoPlano();
        } else {
            getPessoasDoPlano();
        }
    }

    function exibirModalDataExclusao(ben_tipodep, ben_codigo) {
        ben_codigo_selecionado = ben_codigo;
        ben_tipodep_selecionado = ben_tipodep;
        $('#modalConfirmExclusaoData').modal('show');
    }

    function exibirMotivoExclusao(ben_codigo) {
        const myHeaders = new Headers({
            'Authorization': 'bearer ' + localStorage.getItem('token'),
            'Content-Type': 'application/json',
            'Accept': 'application/json, text-plain, */*'
        });
        const myInit = {
            method: 'GET',
            headers: myHeaders
        };

        fetch('/sigo-laravel/public/api/v1/comercial/registroExclusaoMotivacao/getMotivoExclusaoBenef/' + `${ben_codigo}`, myInit)
            .then(
                function (
                    response) {
                    response.json().then(function (dados) {
                        var motivoExclusao = '';
                        if (dados.mot_descricao == null) {
                            motivoExclusao = "SEM MOTIVO DE EXCLUSÃO!";
                        } else {
                            motivoExclusao = dados.mot_descricao;
                        }
                        $('#motivoExclusaoInput').val(motivoExclusao);
                    });
                });
    }

    function verificaFamiliaBeneficiario() {
        $('#modalConfirmExclusaoData').modal('hide');

        if (ben_tipodep_selecionado == 3) {
            $('#modalConfirmExclusaoDataFamilia').modal('show');
        } else {
            removerDataExclusao(ben_codigo_selecionado, "N");
        }
    }

    function confirmaRemocaoDataExclusaoFamilia() {
        $('#modalConfirmExclusaoDataFamilia').modal('hide');
        removerDataExclusao(ben_codigo_selecionado, "S");
    }

    function naoConfirmaRemocaoDataExclusaoFamilia() {
        $('#modalConfirmExclusaoDataFamilia').modal('hide');
        removerDataExclusao(ben_codigo_selecionado, "N");
    }

    function removerDataExclusao(ben_codigo, excluirTodosBeneficiariosDaFamilia) {
        myHeaders = new Headers({
            'Authorization': 'bearer ' + localStorage.getItem('token'),
            "Content-Type": "application/json",
            "Accept": "application/json, text-plain, */*"
        });
        dados = {
            "ben_codigo": ben_codigo,
            "excluirTodosBeneficiariosDaFamilia": excluirTodosBeneficiariosDaFamilia
        }
        var myInit = {
            method: 'POST',
            body: JSON.stringify(dados),
            headers: myHeaders
        }
        fetch('/sigo-laravel/public/api/v1/comercial/manutencaoBeneficiario/retirarDataExclusaoBenef', myInit)
            .then(function (response) {
                response.json().then(function (dados) {
                    if (response.status == 200) {
                        toastr.success("Data de exclusão removida com sucesso!", 'Sucesso!', {
                            timeOut: 3000,
                            progressBar: true,
                            closeButton: true
                        });
                        getPessoasDoPlano();
                    } else {
                        toastr.error(dados.message, 'Erro!', {
                            timeOut: 3000,
                            progressBar: true,
                            closeButton: true
                        });
                    }
                });
            });
    }

    function alterarTabelaDePreco(ben_codigo, ben_plano, pes_nome, ben_carteira) {
        $('a[href="#abaAlterarTabela"]').tab("show");
        $('#comboTPAtual').val("");
        $('#comboNovaTP').val("");
        $('#data_valido_apartir').val("")
        $('#data_movimentacao').val("")
        $('#identificacaoBeneficiario').html(pes_nome + " - " + ben_carteira);
        ben_codigo_selecionado = ben_codigo;
        const myHeaders = new Headers({
            'Authorization': 'bearer ' + localStorage.getItem('token'),
            'Content-Type': 'application/json',
            'Accept': 'application/json, text-plain, */*'
        });
        const myInit = {
            method: 'GET',
            headers: myHeaders
        };
        let optionsPrecos = ``;
        fetch('/sigo-laravel/public/api/v1/comercial/listaPrecoValidoPorPlano/' + `${ben_plano}`, myInit).then(
            function (
                response) {
                response.json().then(function (dados) {
                    if (Array.isArray(dados)) {
                        selecioneCampo = `<option value="">--- Selecione ---</option>`;
                        dados.forEach(preco => {
                            optionsPrecos +=
                                `<option value="${preco.pre_codigo}">(${preco.pre_codigo}) - ${preco.pre_desc}</option>`;
                        });
                    }
                    $('#comboNovaTP').html(selecioneCampo + optionsPrecos);
                });
            });
        let optionPrecoAtual = ``;
        fetch('/sigo-laravel/public/api/v1/comercial/beneficiario/getTablePrecoAtualDoBeneficiario/' + `${ben_codigo}`,
            myInit).then(
                function (response) {
                    response.json().then(function (dados) {
                        if (Array.isArray(dados)) {
                            dados.forEach(preco => {
                                optionPrecoAtual +=
                                    `<option value="${preco.pre_codigo}">(${preco.pre_codigo}) - ${preco.pre_desc}</option>`;
                            });
                        }
                        $('#comboTPAtual').html(optionPrecoAtual);
                    });
                });

        buscagridHistoricoTP(ben_codigo);
    }

    function buscagridHistoricoTP(codigoBeneficiario) {
        $(".overlay").show();
        $("#tableTabelaPrecos").hide();
        const myHeaders = new Headers({
            'Authorization': 'bearer ' + localStorage.getItem('token'),
            'Content-Type': 'application/json',
            'Accept': 'application/json, text-plain, */*'
        });
        const myInit = {
            method: 'GET',
            headers: myHeaders
        };

        fetch('/sigo-laravel/public/api/v1/comercial/histbenef/getHistoricoDoBeneficiario/' + `${codigoBeneficiario}`,
            myInit).then(function (response) {
                response.json().then(function (dados) {
                    listarGridModalTabelaPreco(dados);
                    $(".overlay").hide();
                    $("#tableTabelaPrecos").show();
                });
            });
    }

    function listarGridModalTabelaPreco(dadosTabela) {
        $("#tableTabelaPrecos")
            .DataTable({
                bDestroy: true,
                responsive: true,
                ordering: false,
                lengthChange: false,
                autoWidth: false,
                language: {
                    zeroRecords: "Nenhum registro encontrado",
                    info: "Mostrando os registros _START_ a _END_ num total de _TOTAL_",
                    search: "Procurar:",
                    infoEmpty: "Mostrando 0 registros",
                    infoFiltered: "(filtrado num total de _MAX_ registros)",
                    paginate: {
                        previous: "Anterior",
                        next: "Próximo",
                    },
                },
                data: dadosTabela,
                columns: [{
                    data: "hbe_datamov",
                    render: function (data) {
                        return moment(data).format("DD/MM/YYYY");
                    },
                    className: "text-left",
                },
                {
                    data: "pre_desc",
                    render: function (data) {
                        return data;
                    },
                    className: "text-left",
                },
                {
                    data: "hbe_vencim",
                    render: function (data) {
                        return data;
                    },
                    className: "text-left",
                },
                {
                    data: "hbe_referencia",
                    render: function (data) {
                        return data;
                    },
                    className: "text-left",
                },
                {
                    data: '',
                    render: function (data, type, row) {
                        const acoes = `<span><button class="btn" id="botaoVoltarReferencia" onclick="abrirModalConfirmacao('${row.hbe_pessoa}', '${row.hbe_datamov}', ${row.hbe_referencia})" type="button"><i data-toggle="tooltip" title="Voltar Referência" class="fas fa-reply"></i></button></span><span><button class="btn" id="botaoExcluirHistorico" onclick="excluirHistoricoPreco('${row.hbe_pessoa}', '${row.hbe_datamov}', ${row.hbe_referencia}, '${row.hbe_plano}', '${row.hbe_familia}')" type="button"><i data-toggle="tooltip" title="Excluir Histórico" class="fas fa-trash"></i></button></span>`;
                        return acoes;
                    },
                    className: "text-left",
                }
                ],
            })
            .buttons()
            .container()
            .appendTo("#tableContasAPagar_wrapper .col-md-6:eq(0)");
    }

    function salvarAlteracaoTabelaPreco() {
        var ben_codigo = ben_codigo_selecionado;
        var tabelaPreco = $('#comboNovaTP').val();
        var referencia = $('#data_valido_apartir').val().replace(/-/g, "");
        var data = moment($('#data_movimentacao').val()).format("DD/MM/YYYY");
        $("#btnSalvarAlteracaoTP").prop("disabled", true);

        myHeaders = new Headers({
            'Authorization': 'bearer ' + localStorage.getItem('token'),
            "Content-Type": "application/json",
            "Accept": "application/json, text-plain, */*"
        });
        dados = {
            "ben_codigo": ben_codigo,
            "tabelaPreco": tabelaPreco,
            "referencia": referencia,
            "data": data
        }
        var myInit = {
            method: 'POST',
            body: JSON.stringify(dados),
            headers: myHeaders
        }
        fetch('/sigo-laravel/public/api/v1/comercial/manutencaoBeneficiario/alterarTpDoBeneficiario', myInit)
            .then(function (response) {
                response.json().then(function (dados) {
                    if (response.status == 200) {
                        toastr.success("Tabela de preço alterada com sucesso", 'Sucesso!', {
                            timeOut: 3000,
                            progressBar: true,
                            closeButton: true
                        });
                        $("#btnSalvarAlteracaoTP").prop("disabled", false);
                        $('#modalAlterarTP').modal('hide');
                    } else {
                        toastr.error(dados.message, 'Erro!', {
                            timeOut: 3000,
                            progressBar: true,
                            closeButton: true
                        });
                        $("#btnSalvarAlteracaoTP").prop("disabled", false);
                    }
                });
            });
    }

    function alterarVencimentoPlano(ben_codigo, ben_plano) {
        $('#data_vencimento_atual').val("");
        $('#data_novo_vencimento').val("");
        $('#data_movimentacao_vencimento').val("");
        $('#data_valido_apartir_vencimento').val("");
        const myHeaders = new Headers({
            'Authorization': 'bearer ' + localStorage.getItem('token'),
            'Content-Type': 'application/json',
            'Accept': 'application/json, text-plain, */*'
        });
        const myInit = {
            method: 'GET',
            headers: myHeaders
        };
        let optionsPrecos = ``;
        fetch('/sigo-laravel/public/api/v1/comercial/beneficiario/search/' + `${ben_codigo}`, myInit).then(
            function (
                response) {
                response.json().then(function (dados) {
                    var vencimentoAtual = '';
                    if (dados[0].ben_vencim == null) {
                        vencimentoAtual = "SEM DATA DE VENCIMENTO!";
                    } else {
                        vencimentoAtual = dados[0].ben_vencim;
                    }
                    $('#data_vencimento_atual').val(vencimentoAtual);
                });
            });

        ben_codigo_selecionado = ben_codigo;
    }

    function salvarAlteracaoVencimentoPlano() {
        var ben_codigo = ben_codigo_selecionado;
        var vencimento = $('#data_novo_vencimento').val();
        var referencia = $('#data_valido_apartir_vencimento').val().replace(/-/g, "");
        var data = moment($('#data_movimentacao_vencimento').val()).format("DD/MM/YYYY");

        myHeaders = new Headers({
            'Authorization': 'bearer ' + localStorage.getItem('token'),
            "Content-Type": "application/json",
            "Accept": "application/json, text-plain, */*"
        });
        dados = {
            "ben_codigo": ben_codigo,
            "vencimento": vencimento,
            "data": data,
            "referencia": referencia
        }
        var myInit = {
            method: 'POST',
            body: JSON.stringify(dados),
            headers: myHeaders
        }
        fetch('/sigo-laravel/public/api/v1/comercial/manutencaoBeneficiario/alterarVencimento', myInit)
            .then(function (response) {
                response.json().then(function (dados) {
                    if (response.status == 200) {
                        toastr.success("Vencimento alterado com sucesso", 'Sucesso!', {
                            timeOut: 3000,
                            progressBar: true,
                            closeButton: true
                        });
                        $('#modalAlterarVencimentoPlano').modal('hide');
                    } else {
                        toastr.error(dados.message, 'Erro!', {
                            timeOut: 3000,
                            progressBar: true,
                            closeButton: true
                        });
                    }
                });
            });
    }

    function abreModalManutCobCaren(ben_codigo) {
        $('#modalManutencaoCoberturasCarencias').modal('show');
        abaManutencaoCoberturasCarencias(ben_codigo);
    }

    function modalExcluirBeneficiario(ben_codigo, pes_cpf, ben_dtinclpla, ben_tipodep) {
        $('#data_excl_benef').val("");
        $('#combo_motivo_excl').val("");
        $('#obs_excl').val("");
        ben_tipodep_selecionado = ben_tipodep;
        ben_codigo_selecionado = ben_codigo;
        pes_cpf_selecionado = pes_cpf;
        ben_dtinclpla_selecionado = ben_dtinclpla;
        const myHeaders = new Headers({
            'Authorization': 'bearer ' + localStorage.getItem('token'),
            'Content-Type': 'application/json',
            'Accept': 'application/json, text-plain, */*'
        });
        const myInit = {
            method: 'GET',
            headers: myHeaders
        };

        let optionsMotivo = ``;

        fetch('/sigo-laravel/public/api/v1/comercial/motivo/all', myInit).then(
            function (
                response) {
                response.json().then(function (dados) {
                    if (Array.isArray(dados)) {
                        selecioneCampo = `<option value="">--- Selecione ---</option>`;
                        dados.forEach(motivo => {
                            optionsMotivo +=
                                `<option value="${motivo.mot_codigo}">(${motivo.mot_tipo}) - ${motivo.mot_descricao}</option>`;
                        });
                    }
                    $('#combo_motivo_excl').html(selecioneCampo + optionsMotivo);
                });
            });
    }

    function getMotivosDeExclusao(campo) {
        fetch('/sigo-laravel/public/api/v1/comercial/motivo/all', myInit).then(
            function (
                response) {
                response.json().then(function (dados) {
                    let optionsMotivo = '';
                    if (Array.isArray(dados)) {
                        selecioneCampo = `<option value="">--- Selecione ---</option>`;
                        dados.forEach(motivo => {
                            optionsMotivo +=
                                `<option value="${motivo.mot_codigo}">(${motivo.mot_tipo}) - ${motivo.mot_descricao}</option>`;
                        });
                    }
                    $(campo).html(selecioneCampo + optionsMotivo);
                });
            });
    }

    function comparandoDataInlusaoEDataAtual(d1, d2) {
        var months;
        months = (d2.getFullYear() - d1.getFullYear()) * 12;
        months -= d1.getMonth();
        months += d2.getMonth();
        return months <= 0 ? 0 : months;
    }

    function verificarTempoNoPlano() {
        let dataDeInclusao = ben_dtinclpla_selecionado.slice(0, 10);
        let dataAtual = new Date().toISOString().slice(0, 10);
        let tempoNoPlano = comparandoDataInlusaoEDataAtual(new Date(dataDeInclusao), new Date(dataAtual));

        if (tempoNoPlano < 12) {
            $('#modalConfirmExclusaoBeneficiarioMenosDeUmAno').modal('show');
        } else {
            removerBeneficiarioDoPlano();
        }
    }

    var data_excl_benef_modal = '';
    var combo_motivo_excl_modal = '';
    var obs_excl_modal = '';

    function verificaTipoDoBeneficiario() {
        data_excl_benef_modal = $('#data_excl_benef').val();
        combo_motivo_excl_modal = $('#combo_motivo_excl').val();
        obs_excl_modal = $('#obs_excl').val();

        let ben_tipodep = ben_tipodep_selecionado;

        if (ben_tipodep == 3) {
            $('#modalExclusaoBenef').modal('hide');
            $('#modalConfirmExclusaoBeneficiarioTitular').modal('show');
        } else {
            $('#modalExclusaoBenef').modal('hide');
            $('#modalConfirmExclusaoBeneficiario').modal('show');
        }
    }

    function verificaPendenciaFinanceiraCPF() {
        const myHeaders = new Headers({
            'Authorization': 'bearer ' + localStorage.getItem('token'),
            'Content-Type': 'application/json',
            'Accept': 'application/json, text-plain, */*'
        });
        const myInit = {
            method: 'GET',
            headers: myHeaders
        };

        fetch(`/sigo-laravel/public/api/v1/basico/pessoa/verificaPendenciaFinanceiraCPF/${pes_cpf_selecionado}`, myInit)
            .then(
                function (
                    response) {
                    response.json().then(function (dados) {
                        if (dados[0].retorno == 1) {

                            $('#modalConfirmExclusaoBeneficiarioTitular').modal('hide');
                            $('#modalConfirmExclusaoBeneficiario').modal('hide');
                            $('#modalPendenciaFinanceira').modal('show');
                        } else {
                            verificarTempoNoPlano();
                        }

                    });
                });
    }

    function removerBeneficiarioDoPlano() {
        let dataFormatada = moment(data_excl_benef_modal).format("DD/MM/YYYY");
        myHeaders = new Headers({
            'Authorization': 'bearer ' + localStorage.getItem('token'),
            "Content-Type": "application/json",
            "Accept": "application/json, text-plain, */*"
        });
        dados = {
            "ben_codigo": ben_codigo_selecionado,
            "data_exclusao": dataFormatada,
            "exclusaoDefinitiva": "N",
            "observacao": obs_excl_modal,
            "codigo_motivo": combo_motivo_excl_modal
        }
        var myInit = {
            method: 'POST',
            body: JSON.stringify(dados),
            headers: myHeaders
        }
        fetch('/sigo-laravel/public/api/v1/comercial/manutencaoBeneficiario/excluirBeneficiario', myInit)
            .then(function (response) {
                response.json().then(function (dados) {
                    if (response.status == 200) {
                        $('#modalConfirmExclusaoBeneficiarioMenosDeUmAno').modal('hide');
                        toastr.success("Beneficiário removido com sucesso", 'Sucesso!', {
                            timeOut: 3000,
                            progressBar: true,
                            closeButton: true
                        });
                        refreshGrid();
                    } else {
                        toastr.error(dados.message, 'Erro!', {
                            timeOut: 3000,
                            progressBar: true,
                            closeButton: true
                        });
                    }
                });
            });
    }
    var pesquisandoBeneficiario = false;

    function marcarCheck() {
        if (pesquisandoBeneficiario == false) {
            $("#listarAtivos").prop("checked", true);
            getPessoasAtivasDoPlano();
        } else {
            $("#listarTodos").prop("checked", true);
        }
    }

    function removerDataExclPessoa() {
        toastr.success("Data de exclusão removida com sucesso", 'Sucesso!', {
            timeOut: 3000,
            progressBar: true,
            closeButton: true
        });
    }

    function removerDataExclTitular() {
        toastr.success("Data de exclusão do titular removida com sucesso", 'Sucesso!', {
            timeOut: 3000,
            progressBar: true,
            closeButton: true
        });
    }

    function removerDataExclTitularFamilia() {
        toastr.success("Data de exclusão do titular e sua família removida com sucesso", 'Sucesso!', {
            timeOut: 3000,
            progressBar: true,
            closeButton: true
        });
    }

    var plano_selecionado_url = "";
    var busca_selecionado_url = "";
    let codigoFamilia;
    let codigoPlano;
    var alterarTitular = document.getElementById("alterarTitular");

    alterarTitular.addEventListener("click", function () {
        $('.modal').modal('hide');
    });

    myHeaders = new Headers({
        'Authorization': 'bearer ' + localStorage.getItem('token'),
        "Content-Type": "application/json",
        "Accept": "application/json, text-plain, */*"
    });

    var myInit = {
        method: 'GET',
        headers: myHeaders
    }
    fetch('/sigo-laravel/public/api/v1/comercial/beneficiario/resumoQtdBenef', myInit).then(function (response) {
        response.json().then(function (dados) {
            $("#homens").html(parseInt(dados[1]['qtd']) + parseInt(dados[0]['qtd']));
            $("#mulheres").html(parseInt(dados[2]['qtd']) + parseInt(dados[3]['qtd']));
            $("#titulares").html(parseInt(dados[2]['qtd']) + parseInt(dados[1]['qtd']));
            $("#dependentes").html(parseInt(dados[3]['qtd']) + parseInt(dados[0]['qtd']));
        });
    });

    const homeTab = document.getElementById("custom-tabs-one-home-tab");
    const profileTab = document.getElementById("custom-tabs-one-profile-tab");
    const homeDiv = document.getElementById("custom-tabs-one-home");

    function getPlanos() {
        let dadosFiltrados = '';
        const myHeaders = new Headers({
            'Authorization': 'bearer ' + localStorage.getItem('token'),
            'Content-Type': 'application/json',
            'Accept': 'application/json, text-plain, */*'
        });
        const myInit = {
            method: 'GET',
            headers: myHeaders
        };

        fetch('/sigo-laravel/public/api/v1/comercial/plano/all', myInit)
            .then(function (response) {
                response.json().then(function (dados) {
                    for (let i = 0; i < dados.length; i++) {
                        dadosFiltrados +=
                            `<option value="${dados[i].pla_codigo}" data-bloqueio="${dados[i].pla_bloqueio_inclusao}">${dados[i].pla_codigo} - ${dados[i].pla_nome}</option>`;
                    }
                    selecioneCampo = `<option value="">Selecione o plano...</option>`;
                    $('#plano_pesquisa').html(selecioneCampo + dadosFiltrados);
                    if (plano_selecionado_url != null && plano_selecionado_url !== '') {
                        // Ao voltar do cadastro (Voltar): forçar "Ativos" e 1ª página (evitar carregar "Todos")
                        $("#listarAtivos").prop("checked", true);
                        $("#listarTodos").prop("checked", false);
                        ben_codigo_filtro = "";

                        // Lê "busca" direto da URL aqui (em vez de confiar só na variável
                        // busca_selecionado_url) pra não depender de nenhuma ordem de
                        // execução entre verificaParametroUrl() e este callback assíncrono.
                        var buscaParaRestaurar = new URLSearchParams(window.location.search).get('busca') || '';

                        if (buscaParaRestaurar !== '') {
                            // Busca real no servidor (varre o plano inteiro, não só a página
                            // visível) — o filtro client-side (pesquisarNome) só filtra a página
                            // já carregada, então não acha quem estiver nas páginas seguintes.
                            // pesquisandoBeneficiario=true evita que o marcarCheck(), disparado
                            // pelo trigger('change') abaixo, carregue "Ativos" sem filtro por cima.
                            pesquisandoBeneficiario = true;
                            buscaBeneficiario = true;
                            $("#plano_pesquisa").val(plano_selecionado_url).trigger('change');
                            getPessoasDoPlano(1, buscaParaRestaurar);
                            $("#inputPesquisar").val(buscaParaRestaurar);
                            busca_selecionado_url = '';
                        } else {
                            $("#plano_pesquisa").val(plano_selecionado_url).trigger('change');
                        }
                    }

                    $('#plano_pesquisa').on('change', function () {
                        let bloqueio = $(this).find(':selected').data('bloqueio');
                        $('#btnNovoTitular').attr('data-bloqueio', bloqueio);
                    });
                });
            });
    }

    const planoTab = document.getElementById("custom-tabs-one-home-tab"); // plano
    const familiaTab = document.getElementById("custom-tabs-one-profile-tab"); // familia
    const planoDiv = document.getElementById("custom-tabs-one-home"); // plano
    const familiaDiv = document.getElementById("custom-tabs-one-profile");

    function getCodigos(row) {
        const codigoFamilia = row.cells[5] ? row.cells[5].textContent : '';
        const codigoPlano = $("#input-box").val().slice(0, 4);
        // redireciona o usuario para a tab Família
        familiaDiv.classList.add('active');
        familiaDiv.classList.add('show');
        familiaTab.setAttribute('aria-selected', 'true');
        familiaTab.classList.add('active')
        planoDiv.classList.remove('show');
        planoDiv.classList.remove('active')
        planoTab.classList.remove('active')
    }

    function getFamilia(codigoFamilia, codigoPlano) {
        myHeaders = new Headers({
            'Authorization': 'bearer ' + localStorage.getItem('token'),
            "Content-Type": "application/json",
            "Accept": "application/json, text-plain, */*"
        });

        var myInit = {
            method: 'GET',
            headers: myHeaders
        }
        fetch(`/sigo-laravel/public/api/v1/comercial/beneficiario/search/${codigoPlano}/${codigoFamilia}`, myInit).then(
            function (response) {
                response.json().then(function (dados) {
                    let dadosFamilia = ``;
                    let titularesValidos = ``;
                    for (let i = 0; i < dados.length; i++) {
                        let tipoDep;
                        switch (dados[i].ben_tipodep) {
                            case '0':
                                tipoDep = 'AGREGADO'
                                break;
                            case '1':
                                tipoDep = 'CÔNJUGE'
                                break;
                            case '2':
                                tipoDep = 'FILHO'
                                break;
                            case '3':
                                tipoDep = 'TITULAR'
                                break;
                            case '4':
                                tipoDep = 'PAI/MÃE'
                                break;
                        }
                        if (dados[i].ben_tipodep != '3') {
                            dataexclusao = moment(dados[i].ben_dtexcl).format("DD/MM/YYYY");
                            datainclusao = moment(dados[i].ben_dtinclpla).format("DD/MM/YYYY");
                            dadosFamilia += `<tr'>
                       <td style="text-align: left;">${dados[i].pes_nome}</td>
                       <td style="text-align: center;">${dados[i].pes_codigo}</td>
                       <td style="text-align: center;">${dados[i].ben_codigo}</td>
                       <td style="text-align: center;">${datainclusao}</td>
                       <td style="text-align: center;">${dataexclusao}</td>
                       <td style="text-align: center;">${tipoDep}</td>
                        </tr>`
                            titularesValidos += `<option>${dados[i].pes_nome}</option>`
                            trocarTitular = document.getElementById('trocarTitular')
                            trocarTitular.removeAttribute("disabled");
                        } else {
                            var inputValue = document.getElementById('titularNome')
                            inputValue.value = dados[i].pes_nome;
                        }
                    }
                    var inputValue = document.getElementById('planoCodigo')
                    inputValue.value = codigoPlano;
                    $('#titularesValidos').html(titularesValidos)
                    $('#familiaDataTable').html(dadosFamilia);
                });
            });
    }

    function getNomeBeneficiaroExclusao(nome, ben_carteira, ben_codigo, sexo) {
        ben_codigo_selecionado = ben_codigo;
        benefText = sexo == "M" ? "o beneficiário" : "a beneficiária";
        getMotivosDeExclusao('#motivoExclusaoDefinitiva');
        var mensagem = `Deseja realmente excluir <strong>DEFINITIVAMENTE</strong> ${benefText} <strong> ${nome}
            </strong> (${ben_carteira}) ?`;
        $('#mensagemExclusaoDefinitiva').html(mensagem);

    }

    async function excluirDefinitivamente() {

        const mensagem = $('#mensagemExclusaoDefinitiva').text();
        const dataFormatada = moment().format("DD/MM/YYYY");
        dados = {
            "ben_codigo": ben_codigo_selecionado,
            "data_exclusao": dataFormatada,
            "exclusaoDefinitiva": "S",
            "codigo_motivo": "-1",
            "observacao": ""
        };

        let requisicaoPost = await configuracaoDaRequisicao("POST", dados);

        try {
            const response = await fetch(
                "/sigo-laravel/public/api/v1/comercial/manutencaoBeneficiario/excluirBeneficiario",
                requisicaoPost
            );
            const responseData = await response.json();

            if (response.ok) {
                mensagemDeSucesso("Beneficiario removido com sucesso!");
                $('#modalExcluirDefinitivamente').modal('hide');
                refreshGrid();
            } else {
                mensagemDeErro(
                    "Erro: ",
                    3000,
                    responseData.message
                );
            }
        } catch (e) { }
    }

    function getTableTitularAtivos(dados, tipoDep) {
        let dadosPessoas = [];

        let tdDataExcl = '';
        if (dados.pla_tipo == 'P') {
            tdDataExcl = `<td style="text-align: center;">
            <i class="fas fa-users" data-toggle="tooltip" title="Adicionar Dependente" onclick="adicionarDependenteClick(${dados.ben_tipodep},${dados.ben_codigo})" style="cursor:pointer;"></i>
            <div class="dropdown d-inline" data-toggle="tooltip" data-placement="left" title="Excluir Beneficiário">                
                <i class="fas fa-user-times" id="excluirBenef" data-toggle="dropdown" style="cursor:pointer;"></i>
                <div class="dropdown-menu" style="cursor: pointer;">
                    <a class="dropdown-item" data-toggle="modal" data-target="#modalExclusaoBenef" onclick="modalExcluirBeneficiario(${dados.ben_codigo}, '${dados.pes_cpf}', '${dados.ben_dtinclpla}', '${dados.ben_tipodep}')">Excluir Beneficiário</a>
                    <a class="dropdown-item" data-toggle="modal" onclick="getNomeBeneficiaroExclusao('${dados.pes_nome}', '${dados.ben_carteira}', ${dados.ben_codigo}, '${dados.pes_sexo}')"
   data-target="#modalExcluirDefinitivamente">Excluir Beneficiário Definitivamente</a>               </div>
            </div>
            <span data-target="#modalAlterarTP" data-toggle="modal" class="actModal" style="margin-left:10px;">
                <i data-toggle="tooltip" title="Alterar Tabela de Preços" class="fas fa-list-alt" onclick="alterarTabelaDePreco(${dados.ben_codigo},'${dados.ben_plano}','${dados.pes_nome}', '${dados.ben_carteira}')" style="cursor:pointer;"></i>
            </span>
            <span data-target="#modalAlterarVencimentoPlano" data-toggle="modal" class="actModal" style="margin-left:10px;">
                <i data-toggle="tooltip" title="Alterar Vencimento" class="fas fa-calendar" onclick="alterarVencimentoPlano(${dados.ben_codigo},'${dados.ben_plano}')" style="cursor:pointer;"></i>
            </span>
            <span data-target="#" data-toggle="modal" class="actModal" style="margin-left:10px;">
                <i data-toggle="tooltip" data-placement="bottom" title="Manutenção de Coberturas e Carências" class="fas fa-archive" onclick="abreModalManutCobCaren(${dados.ben_codigo})" style="cursor:pointer;"></i>
            </span>
        </td>`;
        } else {
            tdDataExcl = `<td style="text-align: center;">
            <span style="margin-left: -25px;">
                <div class="dropdown d-inline" data-toggle="tooltip" data-placement="left" title="Excluir Beneficiário">
                    <i class="fas fa-user-times" data-toggle="dropdown" style="cursor:pointer;"></i>
                    <div class="dropdown-menu" style="cursor: pointer;">
                        <a class="dropdown-item" data-toggle="modal" data-target="#modalExclusaoBenef" onclick="modalExcluirBeneficiario(${dados.ben_codigo}, '${dados.pes_cpf}', '${dados.ben_dtinclpla}', '${dados.ben_tipodep}')">Excluir Beneficiário</a>
                        <a class="dropdown-item" data-toggle="modal"  id="excluirBenef" onclick="getNomeBeneficiaroExclusao('${dados.pes_nome}', '${dados.ben_carteira}', ${dados.ben_codigo}, '${dados.pes_sexo}')"
   data-target="#modalExcluirDefinitivamente">Excluir Beneficiário Definitivamente</a>  
                        </div>
                </div>
                <i data-toggle="tooltip" title="Adicionar Dependente" class="fas fa-users" onclick="adicionarDependenteClick(${dados.ben_tipodep},${dados.ben_codigo})" style="cursor:pointer;"></i>
                <span data-target="#modalAlterarTP" data-toggle="modal" class="actModal" style="margin-left:10px;">
                    <i data-toggle="tooltip" title="Alterar Tabela de Preços" class="fas fa-list-alt" onclick="alterarTabelaDePreco(${dados.ben_codigo}, '${dados.ben_plano}', '${dados.pes_nome}', '${dados.ben_carteira}')" style="cursor:pointer;"></i>
                </span>
                <span data-target="#" data-toggle="modal" class="actModal" style="margin-left:10px;">
                    <i data-toggle="tooltip" data-placement="bottom" title="Manutenção de Coberturas e Carências" class="fas fa-archive" onclick="abreModalManutCobCaren(${dados.ben_codigo})" style="cursor:pointer;"></i>
                </span>
            </span>
        </td>`;
        }

        dadosPessoas += `<tr class="linhaDadosBenef" familia="${dados.ben_familia}" tipodep="${dados.ben_tipodep}">
        <td style="text-align: left;">
            <i class="fas fa-edit" id="editIcon" data-toggle="tooltip" title="Editar Cadastro Titular" 
            onclick="editIconClick(${dados.ben_tipodep}, ${dados.ben_codigo})" style="cursor:pointer;"></i>
            <a onclick="mostraFamilia(this, ${dados.ben_codigo})" style="cursor:pointer;">${dados.pes_nome}</a>
        </td>
        <td style="text-align: center;">${dados.ben_carteira}</td>
        <td style="text-align: center;">${datainclusao}</td>
        ${tdDataExcl}
        <td style="text-align: center;">${tipoDep}</td>
        <td style="text-align: center;">${dados.ben_familia}</td>
    </tr>`;
        return dadosPessoas;
    }



    function getTableDependentesAtivos(dados, tipoDep) {

        let dadosPessoas = [];

        dadosPessoas += `<tr class="linhaDadosBenef" familia="${dados.ben_familia}" tipodep="${dados.ben_tipodep}">
                                <td style="text-align: left;"><i class="fas fa-edit" id="editIcon" data-toggle="tooltip" title="Editar Cadastro Dependente" onclick="editIconClick(${dados.ben_tipodep}, ${dados.ben_codigo})" style="cursor: pointer;"></i><a onclick="mostraFamilia(this, ${dados.ben_codigo})" style="cursor: pointer;">${dados.pes_nome}</a></td>
                                <td style="text-align: center;">${dados.ben_carteira}</td>
                                <td style="text-align: center;">${datainclusao}</td>
                                <td style="text-align: center;">
    <div class="dropdown d-inline" data-toggle="tooltip" data-placement="left" title="Excluir Beneficiário">
        <i class="fas fa-user-times" data-toggle="dropdown" style="cursor: pointer;"></i>
        <div class="dropdown-menu" style="cursor: pointer;">
        <a class="dropdown-item" data-toggle="modal" data-target="#modalExclusaoBenef" onclick="modalExcluirBeneficiario(${dados.ben_codigo}, '${dados.pes_cpf}', '${dados.ben_dtinclpla}', '${dados.ben_tipodep}')">Excluir Beneficiário</a>
        <a class="dropdown-item" data-toggle="modal" onclick="getNomeBeneficiaroExclusao('${dados.pes_nome}', '${dados.ben_carteira}', ${dados.ben_codigo}, '${dados.pes_sexo}')"
   data-target="#modalExcluirDefinitivamente">Excluir Beneficiário Definitivamente</a>
        </div>
    </div>
    <span data-target="#modalAlterarTP" data-toggle="modal" class="actModal" style="margin-left: 10px;">
        <i data-toggle="tooltip" title="Alterar Tabela de Preços" class="fas fa-list-alt" onclick="alterarTabelaDePreco(${dados.ben_codigo}, '${dados.ben_plano}', '${dados.pes_nome}', '${dados.ben_carteira}')" style="cursor: pointer;"></i>
    </span>
    <span data-target="#" data-toggle="modal" class="actModal" style="margin-left: 10px;">
        <i data-toggle="tooltip" data-placement="bottom" title="Manutenção de Coberturas e Carências" class="fas fa-archive" onclick="abreModalManutCobCaren(${dados.ben_codigo})" style="cursor: pointer;"></i>
    </span>
</td>                                <td style="text-align: center;">${tipoDep}</td>
                                <td style="text-align: center;">${dados.ben_familia}</td>
                                </tr>`
        return dadosPessoas;
    }

    function getTableTodosExcluidosPlano(dados, tipoDep) {
        let dadosPessoas = [];

        datainclusao = moment(dados.ben_dtinclpla).format("DD/MM/YYYY");

        if (isNaN(dados.ben_dtexcl)) {
            let dataExclusaoRelatorioCancelamento = moment(dados.ben_dtexcl).format("YYYY-MM-DD");

            var dataexclusao = moment(dados.ben_dtexcl).format("DD/MM/YYYY");
            dadosBasicos = JSON.parse(localStorage.getItem('dadosBasicos'));
            par_coop = dadosBasicos["SIGOWEB"]["PAR_COOP"];

            if (par_coop == '038') {
                tdDataExcl =
                    `<td style="text-align: center; color: red;">${dataexclusao}<span style="margin-left: 6px;"><i data-toggle="tooltip" title="Remover Data de Exclusão" class="fas fa-times" onclick="exibirModalDataExclusao(${dados.ben_tipodep}, ${dados.ben_codigo})" style="cursor: pointer; color: black;"></i></span><span data-target="#modalMotivoExcl" data-toggle="modal" class="actModal" style="margin-left: 6px;"><i data-toggle="tooltip" title="Exibir Motivo de Exclusão" class="fas fa-comment" onclick="exibirMotivoExclusao(${dados.ben_codigo})" style="cursor: pointer; color: black;"></i></span><span data-target="#modalGerarBoletoQuebraContrato" data-toggle="modal" class="actModal" style="margin-left: 6px;"><i data-toggle="tooltip" title="Boleto de Quebra de Contrato" class="fas fa-qrcode" onclick="" style="cursor: pointer; color: black;"></i></span> <i data-toggle="tooltip" title="Declaração de Cancelamento" class="fas fa-print" onclick="abrirRelatorioDeCancelamento('${dados.ben_carteira}', '${dataExclusaoRelatorioCancelamento}')" style="cursor: pointer; color: black; margin-left:6px;"></i> </td>`
            } else {
                tdDataExcl =
                    `<td style="text-align: center; color: red;">${dataexclusao}<span style="margin-left: 6px;"><i data-toggle="tooltip" title="Remover Data de Exclusão" class="fas fa-times" onclick="exibirModalDataExclusao(${dados.ben_tipodep}, ${dados.ben_codigo})" style="cursor: pointer; color: black;"></i></span><span data-target="#modalMotivoExcl" data-toggle="modal" class="actModal" style="margin-left: 6px;"><i data-toggle="tooltip" title="Exibir Motivo de Exclusão" class="fas fa-comment" onclick="exibirMotivoExclusao(${dados.ben_codigo})" style="cursor: pointer; color: black;"></i></span><i data-toggle="tooltip" title="Declaração de Cancelamento" class="fas fa-print" onclick="abrirRelatorioDeCancelamento('${dados.ben_carteira}', '${dataExclusaoRelatorioCancelamento}')" style="cursor: pointer; color: black; margin-left:6px;" ></i> </td>`
            }

            dadosPessoas += `<tr class="linhaDadosBenef" familia="${dados.ben_familia}" tipodep="${dados.ben_tipodep}">
                                <td style="text-align: left;"><i class="fas fa-edit" id="editIcon" onclick="editIconClick(${dados.ben_tipodep}, ${dados.ben_codigo})" style="cursor: pointer;"></i><a onclick="mostraFamilia(this, ${dados.ben_codigo})" style="cursor: pointer; color: red;">${dados.pes_nome}</a></td>
                                <td style="text-align: center; color: red;">${dados.ben_carteira}</td>
                                <td style="text-align: center; color: red;">${datainclusao}</td>
                                ${tdDataExcl}
                                <td style="text-align: center; color: red;">${tipoDep}</td>
                                <td style="text-align: center; color: red;">${dados.ben_familia}</td>
                                </tr>`
        }
        return dadosPessoas;
    }
    function abrirRelatorioDeCancelamento(ben_carteira, dataexclusao) {
        window.open(`/sigoweb/relatorios/jasperphp/cancelamentocontratobenef.php?P_CodigoBeneficiario=${ben_carteira}&P_DataExclusao=${moment(dataexclusao).format("DD/MM/YYYY")}`);
    }

    var pla_tipo_selecionado = "";

    function getPessoasDoPlano(page = 1, nome = "") {
        plano = $("#plano_pesquisa").val();
        nome = (nome || "").trim();
        var myInit = "";
        if (nome == "") {
            myInit = {
                method: 'GET',
                headers: myHeaders
            }
            if (ben_codigo_filtro == "") {
                $("#inputPesquisar").val("");
                buscaBeneficiario = false;
                param = plano + '?page=' + page;

            } else {
                param = plano + '/todos/' + ben_codigo_filtro + '?page=' + page;
            }
        } else {
            dados = {
                "plano": plano,
                "pes_nome": nome
            }
            myInit = {
                method: 'POST',
                body: JSON.stringify(dados),
                headers: myHeaders
            }
            param = "";
        }

        if ($('#plano_pesquisa').val() != '') {

            $(".overlay").show();
            $("#planoTabela").hide();

            let dadosPessoas = [];
            myHeaders = new Headers({
                'Authorization': 'bearer ' + localStorage.getItem('token'),
                "Content-Type": "application/json",
                "Accept": "application/json, text-plain, */*"
            });

            const urlGetPessoasDoPlano = param
                ? `/sigo-laravel/public/api/v1/comercial/beneficiario/getPessoasDoPlano/${param}`
                : `/sigo-laravel/public/api/v1/comercial/beneficiario/getPessoasDoPlano`;
            fetch(urlGetPessoasDoPlano, myInit)
                .then(
                    function (
                        response) {
                        response.json().then(function (dados) {
                            if (!dados.data || dados.data.length === 0) {
                                $('#planoDataTable').html('');
                                $("#paginacaoTabelaFamiliaAtivos").css("display", "none");
                                $("#paginacaoTabelaFamiliaTodos").css("display", "none");
                                $("#planoTabela").show();
                                $(".overlay").hide();
                                toastr.info("Nenhum beneficiário encontrado para esse filtro.", 'Atenção!', {
                                    timeOut: 3000,
                                    progressBar: true,
                                    closeButton: true
                                });
                                return;
                            }
                            pla_tipo_selecionado = dados.data[0].pla_tipo;
                            for (let i = 0; i < dados.data.length; i++) {

                                let tipoDep;
                                switch (dados.data[i].ben_tipodep) {
                                    case '0':
                                        tipoDep = 'AGREGADO'
                                        break;
                                    case '1':
                                        tipoDep = 'CÔNJUGE'
                                        break;
                                    case '2':
                                        tipoDep = 'FILHO'
                                        break;
                                    case '3':
                                        tipoDep = 'TITULAR'
                                        break;
                                    case '4':
                                        tipoDep = 'PAI/MÃE'
                                        break;
                                }
                                datainclusao = moment(dados.data[i].ben_dtinclpla).format("DD/MM/YYYY");
                                if (isNaN(dados.data[i].ben_dtexcl)) {
                                    dadosPessoas += getTableTodosExcluidosPlano(dados.data[i], tipoDep);
                                } else if (dados.data[i].ben_tipodep == 3) {
                                    dadosPessoas += getTableTitularAtivos(dados.data[i], tipoDep);
                                } else {
                                    dadosPessoas += getTableDependentesAtivos(dados.data[i], tipoDep);
                                }
                            }
                            $("#paginacaoTabelaFamiliaAtivos").css("display", "none");
                            $("#paginacaoTabelaFamiliaTodos").css("display", "");
                            paginacaoTabelaFamiliaTodos(dados.last_page, $("#plano_pesquisa").val(),
                                ben_codigo_filtro, nome);
                            trocarTitular = document.getElementById('trocarTitular')
                            trocarTitular.setAttribute("disabled", "");
                            ben_codigo_filtro = "";
                            pesquisandoBeneficiario = false;
                            $('#planoDataTable').html(dadosPessoas);
                            pesquisarNome();
                            $('[data-toggle="tooltip"]').tooltip({});
                            $("#planoTabela").show();
                            $(".overlay").hide();
                        });
                    });
        }
    }

    function getPessoasAtivasDoPlano(page = 1) {
        plano = $("#plano_pesquisa").val();
        if (ben_codigo_filtro == "") {
            $("#inputPesquisar").val("");
            buscaBeneficiario = false;
            param = plano + '/ativos?page=' + page;
        } else {
            param = plano + '/ativos/' + ben_codigo_filtro + '?page=' + page;
        }
        if ($('#plano_pesquisa').val() != '') {
            let dadosPessoas = [];
            myHeaders = new Headers({
                'Authorization': 'bearer ' + localStorage.getItem('token'),
                "Content-Type": "application/json",
                "Accept": "application/json, text-plain, */*"
            });
            var myInit = {
                method: 'GET',
                headers: myHeaders
            }

            $(".overlay").show();
            $("#planoTabela").hide();

            fetch(`/sigo-laravel/public/api/v1/comercial/beneficiario/getPessoasDoPlano/${param}`,
                myInit)
                .then(
                    function (
                        response) {
                        response.json().then(function (dados) {
                            if (!dados.data || dados.data.length === 0) {
                                $('#planoDataTable').html('');
                                $("#paginacaoTabelaFamiliaAtivos").css("display", "none");
                                $("#paginacaoTabelaFamiliaTodos").css("display", "none");
                                $("#planoTabela").show();
                                $(".overlay").hide();
                                toastr.info("Nenhum beneficiário encontrado para esse filtro.", 'Atenção!', {
                                    timeOut: 3000,
                                    progressBar: true,
                                    closeButton: true
                                });
                                return;
                            }
                            pla_tipo_selecionado = dados.data[0].pla_tipo;
                            for (let i = 0; i < dados.data.length; i++) {

                                let tipoDep;
                                switch (dados.data[i].ben_tipodep) {
                                    case '0':
                                        tipoDep = 'AGREGADO'
                                        break;
                                    case '1':
                                        tipoDep = 'CÔNJUGE'
                                        break;
                                    case '2':
                                        tipoDep = 'FILHO'
                                        break;
                                    case '3':
                                        tipoDep = 'TITULAR'
                                        break;
                                    case '4':
                                        tipoDep = 'PAI/MÃE'
                                        break;
                                }

                                datainclusao = moment(dados.data[i].ben_dtinclpla).format("DD/MM/YYYY");

                                if (isNaN(dados.data[i].ben_dtexcl) != true) {

                                    if (dados.data[i].ben_tipodep == 3) {

                                        dadosPessoas += getTableTitularAtivos(dados.data[i], tipoDep);

                                    } else {

                                        dadosPessoas += getTableDependentesAtivos(dados.data[i], tipoDep);
                                    }
                                }
                            }

                            $("#paginacaoTabelaFamiliaAtivos").css("display", "");
                            $("#paginacaoTabelaFamiliaTodos").css("display", "none");
                            paginacaoTabelaFamiliaAtivos(dados.last_page, $("#plano_pesquisa").val(),
                                ben_codigo_filtro);
                            trocarTitular = document.getElementById('trocarTitular')
                            trocarTitular.setAttribute("disabled", "");
                            ben_codigo_filtro = "";
                            pesquisandoBeneficiario = false;
                            $('#planoDataTable').html(dadosPessoas);
                            pesquisarNome();
                            $('[data-toggle="tooltip"]').tooltip({});
                            $("#planoTabela").show();
                            $(".overlay").hide();
                        });
                    });
        }

    }

    var planoAnteriorSelecionadoFamiliaAtivos = "";

    function paginacaoTabelaFamiliaAtivos(totalPaginas, plano, ben_codigo = "") {
        var currentPage = "";
        var $pagination = $('#paginacaoTabelaFamiliaAtivos');
        if (plano != planoAnteriorSelecionadoFamiliaAtivos) {
            planoAnteriorSelecionadoFamiliaAtivos = plano;
            currentPage = 1;
        } else {
            planoAnteriorSelecionadoFamiliaAtivos = planoAnteriorSelecionadoFamiliaAtivos;
            if (ben_codigo != "") {
                currentPage = 1;
            } else {
                currentPage = $pagination.twbsPagination('getCurrentPage');
            }
        }
        var defaultOpts = {
            totalPages: totalPaginas
        };
        var totalPages = totalPaginas;
        $pagination.twbsPagination('destroy');
        $pagination.twbsPagination($.extend({}, defaultOpts, {
            initiateStartPageClick: false,
            startPage: currentPage,
            totalPages: totalPaginas,
            visiblePages: 6,
            first: 'Primeiro',
            last: 'Último',
            next: 'Próximo',
            prev: 'Anterior',
            onPageClick: function (event, page) {
                getPessoasAtivasDoPlano(page);
            }
        }));
    }

    var planoAnteriorSelecionadoFamiliaTodos = "";

    function paginacaoTabelaFamiliaTodos(totalPaginas, plano, ben_codigo = "", nome = "") {
        var currentPage = "";
        var $pagination = $("#paginacaoTabelaFamiliaTodos");
        if (plano != planoAnteriorSelecionadoFamiliaTodos) {
            planoAnteriorSelecionadoFamiliaTodos = plano;
            currentPage = 1;
        } else {
            planoAnteriorSelecionadoFamiliaTodos = planoAnteriorSelecionadoFamiliaTodos;
            if (ben_codigo != "" || nome != "") {
                currentPage = 1;
            } else {
                currentPage = $pagination.twbsPagination('getCurrentPage');
            }
        }
        var defaultOpts = {
            totalPages: totalPaginas
        };
        var totalPages = totalPaginas;
        $pagination.twbsPagination('destroy');
        $pagination.twbsPagination($.extend({}, defaultOpts, {
            initiateStartPageClick: false,
            startPage: currentPage,
            totalPages: totalPaginas,
            visiblePages: 6,
            first: 'Primeiro',
            last: 'Último',
            next: 'Próximo',
            prev: 'Anterior',
            onPageClick: function (event, page) {
                getPessoasDoPlano(page);
            }
        }));
    }

    var itensEscondidos = [];
    var ben_familia_selecionada_grid = "";
    var titular_selecionado_grid = "";
    var pla_codigo_selecionado_combo = "";
    var mostraFamiliaObjetoSelecionado = "";

    function mostraFamilia(objeto, ben_codigo = "") {
        mostraFamiliaObjetoSelecionado = objeto;
        familia = $(objeto).parent().parent().attr('familia');
        tipodep = $(objeto).parent().parent().attr('tipodep');
        pla_codigo_selecionado_combo = $("#plano_pesquisa").val();
        ben_familia_selecionada_grid = familia;

        if ($("#inputPesquisar").val() != "") {
            $(".linhaDadosBenef").each(function () {
                var atributo = $(this).attr('familia');
                var tdText = $(this).find("td:first").text().toUpperCase();

                if (atributo != familia || (itensEscondidos.includes(this) && tdText.indexOf(filter) === -1)) {
                    $(this).hide();
                    itensEscondidos.push(this);
                } else {
                    $(this).show();
                    itensEscondidos = itensEscondidos.filter(item => item !== this);

                    $(this).each(function () {
                        var atributo_dep = $(this).attr('tipodep');
                        if (atributo_dep == 3) {
                            titular_selecionado_grid = $(this).find("td:first").text().toUpperCase()
                                .toString().trim();
                        }
                    });
                }
                $('#botaoVoltar').show();
                $('#botaoTrocarTitular').show();
            });

        } else {
            selecionarBeneficiario(pla_codigo_selecionado_combo, ben_codigo);
            $('#botaoVoltar').show();
            $('#botaoTrocarTitular').show();
        }
    }

    function alteraTitular() {
        if ($("#inputPesquisar").val() != "") {
            abreModalAlterarTitular(pla_codigo_selecionado_combo, ben_familia_selecionada_grid,
                titular_selecionado_grid);
        } else {
            objeto = mostraFamiliaObjetoSelecionado;
            familia = $(objeto).parent().parent().attr('familia');
            tipodep = $(objeto).parent().parent().attr('tipodep');
            pla_codigo_selecionado_combo = $("#plano_pesquisa").val();
            ben_familia_selecionada_grid = familia;

            $(".linhaDadosBenef").each(function () {
                var atributo = $(this).attr('familia');
                var tdText = $(this).find("td:first").text().toUpperCase();

                $(this).each(function () {
                    var atributo_dep = $(this).attr('tipodep');
                    if (atributo_dep == 3) {
                        titular_selecionado_grid = $(this).find("td:first").text().toUpperCase()
                            .toString().trim();
                    }
                });

            });
            abreModalAlterarTitular(pla_codigo_selecionado_combo, ben_familia_selecionada_grid,
                titular_selecionado_grid);
        }
    }

    var buscaBeneficiario = false;

    function anularSelecaoDaFamilia() {

        if ($("#inputPesquisar").val() != "") {
            $("#botaoVoltar").hide();
            $("#botaoTrocarTitular").hide();
            if (buscaBeneficiario != true) {
                $(".linhaDadosBenef").show();
                itensEscondidos = [];
            } else {
                pesquisarNome();
            }
        } else {
            plano = $("#plano_pesquisa").val();
            $("#botaoVoltar").hide();
            $("#botaoTrocarTitular").hide();
            $("div.divPlanos select").val(plano).change();
        }
    }

    function pesquisarNome() {
        var filter = $("#inputPesquisar").val().toUpperCase();
        var table = $("#planoDataTable");

        table.find("tr").each(function () {
            var td = $(this).find("td:first");
            var txtValue = td.text().toUpperCase();
            $(this).toggle(txtValue.indexOf(filter) > -1);
        });

        $(".linhaDadosBenef").each(function () {
            if (itensEscondidos.includes(this)) {
                $(this).hide();
            }
        });
    }

    $("#inputPesquisar").on("keyup", pesquisarNome);

    $("#trocarTitular").click(function () {
        var inputValue = $("#titularNome").val();
        $("#titularAtual").val(inputValue);
    });

    $("#botaoTrocaTitular").click(function () {
        var titularesValidos = $("#titularesValidos").val();
        $("#novoTitular").text(titularesValidos);
    });


    function editIconClick(tipoDep, benCodigo) {
        var busca = encodeURIComponent($("#inputPesquisar").val() || "");

        if (tipoDep == '3') {
            window.location.href =
                '/sigo-laravel/public/comercial/beneficiario/titular/' + benCodigo + '?busca=' + busca;
        } else {

            window.location.href =
                '/sigo-laravel/public/comercial/beneficiario/dependente/' + benCodigo + '?busca=' + busca;

        }
    }

    function adicionarDependenteClick(tipoDep, benCodigo) {
        if (tipoDep == '3') {
            var busca = encodeURIComponent($("#inputPesquisar").val() || "");
            window.location.href =
                '/sigo-laravel/public/comercial/beneficiario/dependente/' + benCodigo + '?busca=' + busca;
        }
    }

    function buscarBeneficiarios(page = '1') {
        $(".overlay").show();
        if ($("#inputPesquisar").val() == "") {
            toastr.error("Digite algo para filtrar", 'Erro!', {
                timeOut: 3000,
                progressBar: true,
                closeButton: true
            });
            return
        }
        $("#modalPesquisarBeneficiario").modal("show");

        dados = {
            "filtro": $("#inputPesquisar").val()
        }
        myHeaders = new Headers({
            'Authorization': 'bearer ' + localStorage.getItem('token'),
            "Content-Type": "application/json",
            "Accept": "application/json, text-plain, */*"
        });
        var myInit = {
            method: 'POST',
            body: JSON.stringify(dados),
            headers: myHeaders
        }
        fetch('/sigo-laravel/public/api/v1/comercial/beneficiario/filtroBeneficiariosPorNomeAtivos?page=' + page,
            myInit)
            .then(function (response) {
                response.json().then(function (dados) {
                    if (response.status == 200) {
                        montaGridBeneficiarios(dados);
                        $(".overlay").hide();
                    } else {
                        toastr.error("Não foi possível realizar a busca", 'Erro!', {
                            timeOut: 3000,
                            progressBar: true,
                            closeButton: true
                        });
                    }
                });
            });
    }

    function montaGridBeneficiarios(dados) {
        let linhas = '';

        for (i = 0; i <= dados.data.length - 1; i++) {
            status = dados.data[i]["ben_dtexcl"] == null ? "Ativo" : "Excluído";
            linhas += "<tr>";
            linhas +=
                "<td>" +
                `<a data-toggle="tooltip" title="Selecionar" onclick="selecionarBeneficiario('${dados.data[i]["ben_plano"]}', '${dados.data[i]["ben_codigo"]}', '${dados.data[i]["pessoa"].pes_nome}')" style="text-decoration: none; color: #000000; cursor: pointer;">
                        <i data-toggle="tooltip" class="fas fa-arrow-circle-down"></i>
                        </a>` +
                "</td>";
            linhas += "<td>" + dados.data[i]["ben_carteira"] + "</td>";
            linhas += "<td>" + dados.data[i]["pessoa"].pes_nome + "</td>";
            linhas += "<td>" + dados.data[i]["plano"].pla_codigo + " - " + dados.data[i]["plano"].pla_nome +
                "</td>";
            linhas += "<td>" + dados.data[i]["dpb_descricao"] + "</td>";
            linhas += "<td>" + status + "</td>";
            linhas += "</tr>";
        }
        $("#tabelaListagemBeneficario").html(linhas);

        lastPage = dados.last_page;
        currentPage = dados.current_page;
        first_page = 1;
        itens = "";

        if (lastPage > 10) {
            lastPage = 10;

            if (currentPage == 1) {
                toastr.warning(
                    "Para localizar um beneficiário, preencha melhor o campo de pesquisa!",
                    "Atenção!", {
                    timeOut: 3000,
                    progressBar: true,
                    closeButton: true,
                }
                );
            }
        }

        $("#paginacaoTabelaBeneficiario").html("");
        for (pagina = 1; pagina <= lastPage; pagina++) {
            active = "";
            if (pagina == currentPage) {
                active = "active";
            }
            itens +=
                `<li class="page-item  ${active}"><a class="page-link" href="javascript:buscarBeneficiarios(${pagina})">${pagina}</a></li>`;
        }
        $("#paginacaoTabelaBeneficiario").html(itens);
    }

    var ben_codigo_filtro = "";

    function selecionarBeneficiario(plano, ben_codigo, nome, filtraPorNome = false) {
        buscaBeneficiario = true;
        ben_codigo_filtro = ben_codigo;
        pesquisandoBeneficiario = true;
        $("div.divPlanos select").val(plano).change();
        if (filtraPorNome == false) {
            getPessoasDoPlano();
        } else {
            getPessoasDoPlano(1, nome);
        }
        $("#inputPesquisar").val(nome);
        $("#modalPesquisarBeneficiario").modal("hide");
    }

    var pessoaSelecionada, dataMovSelecionada, referenciaSelecionada;

    function abrirModalConfirmacao(pessoa, dataMov, referencia) {
        pessoaSelecionada = pessoa;
        dataMovSelecionada = dataMov;
        referenciaSelecionada = referencia;
        $("#modalConfirmacao").modal("show");
    }

    function excluirHistoricoPreco(pessoa, data, referencia, plano, familia) {
        // Mostrar loading e desabilitar botões
        $("#carregamento").show();
        $("#tableTabelaPrecos button").prop("disabled", true);
        
        const myHeaders = new Headers({
            'Authorization': 'bearer ' + localStorage.getItem('token'),
            'Content-Type': 'application/json',
            'Accept': 'application/json, text-plain, */*'
        });
        const myInit = {
            method: 'GET',
            headers: myHeaders
        };

        fetch(`/sigo-laravel/public/api/v1/comercial/histbenef/verificarMensalidade/${referencia}/${pessoa}` , myInit)
            .then(function (response) {
                response.json().then(function (dados) {
                    if (dados.has_mensalidade) {
                        // Esconder loading e reabilitar botões
                        $("#carregamento").hide();
                        $("#tableTabelaPrecos button").prop("disabled", false);
                        
                        toastr.error("Não é possível excluir o histórico de preço pois já existe uma mensalidade gerada para esta referência.", 'Erro!', {
                            timeOut: 5000,
                            progressBar: true,
                            closeButton: true
                        });
                    } else {
                        const deleteHeaders = new Headers({
                            'Authorization': 'bearer ' + localStorage.getItem('token'),
                            'Content-Type': 'application/json',
                            'Accept': 'application/json, text-plain, */*'
                        });
                        const deleteInit = {
                            method: 'DELETE',
                            headers: deleteHeaders
                        };
                        fetch(`/sigo-laravel/public/api/v1/comercial/histbenef/${pessoa}/${data}/${referencia}/${familia}/${plano}`, deleteInit)
                            .then(function (response) {
                                response.json().then(function (dados) {
                                    // Esconder loading e reabilitar botões
                                    $("#carregamento").hide();
                                    $("#tableTabelaPrecos button").prop("disabled", false);
                                    
                                    if (response.status == 200) {
                                        toastr.success("Histórico de preço excluído com sucesso!", 'Sucesso!', {
                                            timeOut: 3000,
                                            progressBar: true,
                                            closeButton: true
                                        });
                                        buscagridHistoricoTP(ben_codigo_selecionado);
                                    } else {
                                        toastr.error(dados.message, 'Erro!', {
                                            timeOut: 3000,
                                            progressBar: true,
                                            closeButton: true
                                        });
                                    }
                                });
                            })
                            .catch(function(error) {
                                // Esconder loading e reabilitar botões em caso de erro
                                $("#carregamento").hide();
                                $("#tableTabelaPrecos button").prop("disabled", false);
                                toastr.error("Erro ao excluir histórico", 'Erro!', {
                                    timeOut: 3000,
                                    progressBar: true,
                                    closeButton: true
                                });
                            });
                    }
                });
            })
            .catch(function(error) {
                // Esconder loading e reabilitar botões em caso de erro
                $("#carregamento").hide();
                $("#tableTabelaPrecos button").prop("disabled", false);
                toastr.error("Erro ao verificar mensalidade", 'Erro!', {
                    timeOut: 3000,
                    progressBar: true,
                    closeButton: true
                });
            });
    }

    function voltarReferencia() {
        $("#btnConfirmVoltarRef").prop("disabled", true);
        toastr.success('', 'Atualizando dados...', {
            timeOut: 2000,
            progressBar: true,
            closeButton: true
        });
        myHeaders = new Headers({
            'Authorization': 'bearer ' + localStorage.getItem('token'),
            "Content-Type": "application/json",
            "Accept": "application/json, text-plain, */*"
        });
        dados = {
            "pessoa": pessoaSelecionada,
            "dataMov": dataMovSelecionada,
            "referencia": referenciaSelecionada
        }
        var myInit = {
            method: 'PUT',
            body: JSON.stringify(dados),
            headers: myHeaders
        }
        fetch('/sigo-laravel/public/api/v1/comercial/beneficiario/voltarReferencia', myInit)
            .then(function (response) {
                response.json().then(function (dados) {
                    if (response.status == 200) {
                        buscagridHistoricoTP(ben_codigo_selecionado);
                        $("#modalConfirmacao").modal("hide");
                        toastr.success(dados.mensagem, 'Sucesso!', {
                            timeOut: 3000,
                            progressBar: true,
                            closeButton: true
                        });
                        $("#btnConfirmVoltarRef").prop("disabled", false);
                    } else {
                        toastr.error(dados.mensagem, 'Erro!', {
                            timeOut: 3000,
                            progressBar: true,
                            closeButton: true
                        });
                        $("#btnConfirmVoltarRef").prop("disabled", false);
                    }
                });
            });
    }
</script>
@stop