@extends('layout')

@section('cssUrl')
    <link rel="stylesheet" href="{{ asset('assets/plugins/morrisjs/morris.css') }}" />
    <!-- Colorpicker Css -->
    <link rel="stylesheet" href="{{ asset('assets/plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.css') }}" />
    <!-- Multi Select Css -->
    <link rel="stylesheet" href="{{ asset('assets/plugins/multi-select/css/multi-select.css') }}">
    <!-- Bootstrap Spinner Css -->
    <link rel="stylesheet" href="{{ asset('assets/plugins/jquery-spinner/css/bootstrap-spinner.css') }}">
    <!-- Bootstrap Tagsinput Css -->
    <link rel="stylesheet" href="{{ asset('assets/plugins/bootstrap-tagsinput/bootstrap-tagsinput.css') }}">
    <!-- Bootstrap Select Css -->
    <link rel="stylesheet" href="{{ asset('assets/plugins/bootstrap-select/css/bootstrap-select.css') }}" />
    <!-- noUISlider Css -->
    <link rel="stylesheet" href="{{ asset('assets/plugins/nouislider/nouislider.min.css') }}" />
    <!-- Select2 -->
    <link rel="stylesheet" href="{{ asset('assets/plugins/select2/select2.css') }}" />
@endsection

@section('csss')
    <style>
        tbody {
            cursor: pointer;
        }

    </style>
@endsection

@php
    $title = 'Cadastro de pessoas ou empresas'
@endphp

@section('title')
    {{ $title }}
@endsection

@section('conteudo')
    <section class="content">
        <div class="body_scroll">
            <div class="block-header">
                <div class="row">
                    <div class="col-lg-7 col-md-6 col-sm-12">
                        <h2 class="uppercase">{{ $title }}</h2>
                        <button class="btn btn-primary btn-icon mobile_menu" type="button"><i
                            class="zmdi zmdi-sort-amount-desc"></i></button>
                    </div>
                    <div class="col-sm-12">
                        <button id="btNovo" style="width: 150px;" class="btn btn-primary btn-icon float-left"
                            type="button"  data-urlnew="{{ route('pessoa.show', [$dataLink->local, '0']) }}"><i>Novo Registro</i></button>
                    </div>
                </div>
            </div>
            <form action="{{ route('pessoa.store') }}" id="frmCadastro" class="form-horizontal">
                <input type="hidden" id="_token" name="_token" value="{{ csrf_token() }}">
                <input type="hidden" id="linklocal" name="linklocal" value="{{ $dataLink->local }}">
                <div class="card">
                    <div class="body">
                        <div class="row">
                            <div class="col-lg-12">
                                <h2 class="uppercase">Pessoa ou Empresa</h2>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-2">
                                <label>Id.:</label><br>
                                <input type="text" style="width: 100%;" name="id_pessoa" id="id_pessoa" readonly
                                    class="form-control bg-light" required value="{{ $dataShow->id_pessoa }}"><br>
                            </div>
                            <div class="col-lg-6">
                                <label>*CNPJ/CPF:</label><br>
                                <div class="input-group masked-input mb-3">
                                    <input style="width: 100%;" maxlength="80" type="text" name="cpfcnpj_pessoa" id="cpfcnpj_pessoa" required
                                        value="{{ $dataShow->cpfcnpj_pessoa }}" class="form-control bg-light text-uppercase cpfcnpj" placeholder="______________">
                                </div>
                            </div>
                            <div class="col-lg-4">
                                <label>*Status:</label><br>
                                <select name="idstatus_pessoa" id="idstatus_pessoa"
                                    class="col-lg-12 form-control" required>
                                    <option value="0" selected>SELECIONE UM STATUS</option>
                                    @forelse ($dataStatus as $item)
                                        @if ($item->id_status === $dataShow->idstatus_pessoa)
                                            <option value="{{ $item->id_status }}" selected>{{ $item->nome_status }}</option>
                                        @else
                                            <option value="{{ $item->id_status }}">{{ $item->nome_status }}</option>
                                        @endif
                                    @empty
                                        <option value="0" selected>SEM STATUS CADASTRADO</option>
                                    @endforelse
                                </select>
                                <br><br>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card" id="cardPFisica">
                    <div class="body">
                        <div class="row">
                            <div class="col-lg-12">
                                <h2 class="uppercase">Pessoa física</h2>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-8">
                                <label>*Nome:</label><br>
                                <input type="text" style="width: 100%;" name="nome_pessoa" id="nome_pessoa"
                                    value="{{ $dataShow->nome_pessoa }}" class="form-control bg-light text-uppercase" required><br>
                            </div>
                            <div class="col-lg-4">
                                <label>RG:</label><br>
                                <input type="text" style="width: 100%;" name="apelido_pessoa" id="apelido_pessoa"
                                    value="{{ $dataShow->apelido_pessoa }}" class="form-control bg-light" required><br>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-4">
                                <label>*Estado Civil:</label><br>
                                <select name="estadocivil_pessoa" id="estadocivil_pessoa"
                                    class="col-lg-12 form-control" required>
                                    <option value="" selected>Selecione um Estado Civil</option>
                                    <option value="SOLTEIRO" selected>Solteiro</option>
                                    <option value="CASADO" selected>Casado</option>
                                    <option value="VIUVO" selected>Viúvo</option>
                                    <option value="DIVORCIADO" selected>Divorciado</option>
                                    <option value="SEPARADO" selected>Separado</option>
                                </select><br><br>
                            </div>
                            <div class="col-lg-4">
                                <label>*Sexo:</label><br>
                                <select name="sexo_pessoa" id="sexo_pessoa"
                                    class="col-lg-12 form-control" required>
                                    <option value="" selected>Selecione um Sexo</option>
                                    <option value="MASCULINO" selected>Masculino</option>
                                    <option value="FEMININO" selected>Feminio</option>
                                    <option value="INDEFINIDO" selected>Indefinido</option>
                                </select><br><br>
                            </div>
                            <div class="col-lg-4">
                                <label>*Nacionalidade:</label><br>
                                <input style="width: 100%;" name="nacionalidade_pessoa" id="nacionalidade_pessoa"
                                    value="{{ $dataShow->nacionalidade_pessoa }}" class="form-control bg-light"><br>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-6">
                                <label>*Grau de Instrução:</label><br>
                                <select name="idgrauinstrucao_pessoa" id="idgrauinstrucao_pessoa"
                                    class="col-lg-12 form-control" required>
                                    <option value="0" selected>SELECIONE GRAU DE INSTRUÇÃO</option>
                                    @forelse ($dataInstrucao as $item)
                                        @if ($item->id_grauinstrucao === $dataShow->idgrauinstrucao_pessoa)
                                            <option value="{{ $item->id_grauinstrucao }}" selected>{{ $item->descricao_grauinstrucao }}</option>
                                        @else
                                            <option value="{{ $item->id_grauinstrucao }}">{{ $item->descricao_grauinstrucao }}</option>
                                        @endif
                                    @empty
                                        <option value="" selected>SEM GRAU DE INSTRUÇÃO</option>
                                    @endforelse
                                </select><br><br>
                            </div>
                            <div class="col-lg-3">
                                <label>*Profissão:</label><br>
                                <div class="input-group mb-3">
                                    <input type="text" aria-describedby="btnProfissao" name="idprofissao_pessoa" id="idprofissao_pessoa" readonly
                                        class="form-control bg-light" required value="{{ $dataShow->idprofissao_pessoa }}"
                                        data-html="true" data-toggle="tooltip" title="{{ $dataShow->Profissao->descricao_profissao }}">
                                    <div class="input-group-append">
                                        <button class="btn btn-outline-secondary" type="button" id="btnProfissao">
                                            <i class="zmdi zmdi-hc-fw"></i> Profissão
                                        </button>
                                    </div>
                                </div><br>
                            </div>
                            <div class="col-lg-3">
                                <label>Nascimento:</label><br>
                                <input type="date" style="width: 100%;" name="nascimento_pessoa" id="nascimento_pessoa"
                                    class="form-control bg-light" value="{{ $dataShow->nascimento_pessoa }}"><br>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card" id="cardPJuridica">
                    <div class="body">
                        <div class="row">
                            <div class="col-lg-12">
                                <h2 class="uppercase">Pessoa jurídica</h2>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-6">
                                <label>*Empresa:</label><br>
                                <input type="text" style="width: 100%;" name="empresa_pessoa" id="empresa_pessoa"
                                    value="{{ $dataShow->empresa_pessoa }}" class="form-control bg-light" required><br>
                            </div>
                            <div class="col-lg-6">
                                <label>*Nome Fantasia:</label><br>
                                <input style="width: 100%;" name="fantasia_pessoa" id="fantasia_pessoa"
                                    value="{{ $dataShow->apelido_pessoa }}" class="form-control bg-light" required><br>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-6">
                                <label>Inscrição Municipal:</label><br>
                                <input type="text" style="width: 100%;" name="inscmunicipal_pessoa" id="inscmunicipal_pessoa"
                                    value="{{ $dataShow->inscmunicipal_pessoa }}" class="form-control bg-light"><br>
                            </div>
                            <div class="col-lg-6">
                                <label>Inscrição Estadual:</label><br>
                                <input type="text" style="width: 100%;" name="inscestatual_pessoa" id="inscestatual_pessoa"
                                    value="{{ $dataShow->inscestatual_pessoa }}" class="form-control bg-light"><br>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card" id="cardPEndereco">
                    <div class="row">
                        <div class="col-lg-8">
                            <div class="body">
                                <div class="row">
                                    <div class="col-lg-12">
                                        <h2 class="uppercase">Endereço</h2>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-3">
                                        <label>*cep:</label><br>
                                        <div class="input-group mb-3">
                                            <input type="text" aria-describedby="btCepEndereco" name="cep_pessoa" id="cep_pessoa"
                                                value="{{ $dataShow->cep_pessoa }}" class="form-control bg-light cep" required><br>
                                            <div class="input-group-append">
                                                <button class="btn btn-outline-secondary" type="button" id="btCepEndereco">
                                                    <i class="zmdi zmdi-hc-fw"></i>
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-7">
                                        <label>*Endereço:</label><br>
                                        <input type="text" style="width: 100%;" name="endereco_pessoa" id="endereco_pessoa"
                                            value="{{ $dataShow->endereco_pessoa }}" class="form-control bg-light" required><br>
                                    </div>
                                    <div class="col-lg-2">
                                        <label>*Nº:</label><br>
                                        <input style="width: 100%;" type="number" maxlength="9" name="num_pessoa" id="num_pessoa"
                                            value="{{ $dataShow->num_pessoa }}" class="form-control bg-light" required><br>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-2">
                                        <label>Complemento:</label><br>
                                        <input type="text" style="width: 100%;" name="compl_pessoa" id="compl_pessoa"
                                            value="{{ $dataShow->compl_pessoa }}" class="form-control bg-light"><br>
                                    </div>
                                    <div class="col-lg-4">
                                        <label>*Bairro:</label><br>
                                        <input type="text" style="width: 100%;" name="bairro_pessoa" id="bairro_pessoa"
                                            value="{{ $dataShow->bairro_pessoa }}" class="form-control bg-light" required><br>
                                    </div>
                                    <div class="col-lg-4">
                                        <label>*Cidade:</label><br>
                                        <input type="text" style="width: 100%;" name="cidade_pessoa" id="cidade_pessoa"
                                            value="{{ $dataShow->cidade_pessoa }}" class="form-control bg-light" required><br>
                                    </div>
                                    <div class="col-lg-2">
                                        <label>*UF:</label><br>
                                        <select name="uf_pessoa" id="uf_pessoa"
                                            class="col-lg-12 form-control" required>
                                            <option value="AC">AC</option>
                                            <option value="AL">AL</option>
                                            <option value="AP">AP</option>
                                            <option value="AM">AM</option>
                                            <option value="BA">BA</option>
                                            <option value="CE">CE</option>
                                            <option value="DF">DF</option>
                                            <option value="ES">ES</option>
                                            <option value="GO">GO</option>
                                            <option value="MA">MA</option>
                                            <option value="MT">MT</option>
                                            <option value="MS">MS</option>
                                            <option value="MG" selected>MG</option>
                                            <option value="PA">PA</option>
                                            <option value="PB">PB</option>
                                            <option value="PR">PR</option>
                                            <option value="PE">PE</option>
                                            <option value="PI">PI</option>
                                            <option value="RJ">RJ</option>
                                            <option value="RN">RN</option>
                                            <option value="RS">RS</option>
                                            <option value="RO">RO</option>
                                            <option value="RR">RR</option>
                                            <option value="SC">SC</option>
                                            <option value="SP">SP</option>
                                            <option value="SE">SE</option>
                                            <option value="TO">TO</option>
                                        </select><br><br>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="body">
                                <div class="row">
                                    <div class="col-lg-2">
                                        <br>
                                        <button type="button" id="btGeolocalizacao" class="btn btn-raised btn-primary" style="height: 43px"><i class="zmdi zmdi-hc-fw"></i></button>
                                        <br><br>
                                    </div>
                                    <div class="col-lg-5">
                                        <label>Latitude:</label><br>
                                        <input type="text" style="width: 100%;" name="lat_pessoa" id="lat_pessoa"
                                            value="{{ $dataShow->lat_pessoa }}" class="form-control bg-light" required><br>
                                    </div>
                                    <div class="col-lg-5">
                                        <label>Longitude:</label><br>
                                        <input type="text" style="width: 100%;" name="lng_pessoa" id="lng_pessoa"
                                            value="{{ $dataShow->lng_pessoa }}" class="form-control bg-light" required><br>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-12" style="min-height: 150px;">
                                        <div id="googleMap" style="width: 100%; height: 90%;"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card" id="cardPContato">
                    <div class="body">
                        <div class="row">
                            <div class="col-lg-12">
                                <h2 class="uppercase">Contato</h2>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-6">
                                <label>*E-mail 1:</label><br>
                                <div class="input-group-prepend">
                                    <span class="input-group-text"><i class="zmdi zmdi-email"></i></span>
                                    <input style="width: 100%;" type="email" name="email_pessoa" id="email_pessoa"
                                        value="{{ $dataShow->email_pessoa }}" class="form-control bg-light" required placeholder="meuemail@provedor.com.br">
                                </div><br>
                            </div>
                            <div class="col-lg-6">
                                <label>E-mail 2:</label><br>
                                <div class="input-group-prepend">
                                    <span class="input-group-text"><i class="zmdi zmdi-email"></i></span>
                                    <input style="width: 100%;" type="email" name="email2_pessoa" id="email2_pessoa"
                                        value="{{ $dataShow->email2_pessoa }}" class="form-control bg-light" >
                                </div><br>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-6">
                                <label>*WhatsApp:</label><br>
                                <div class="input-group masked-input">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text"><i class="zmdi zmdi-smartphone"></i></span>
                                        <input type="text" style="width: 100%;" name="tele1_pessoa" id="tele1_pessoa"
                                            value="{{ $dataShow->tele1_pessoa }}" class="form-control bg-light masked-input mobile-phone-number" required>
                                    </div>
                                </div><br>
                            </div>
                            <div class="col-lg-6">
                                <label>Telefone:</label><br>
                                <div class="input-group masked-input">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text"><i class="zmdi zmdi-phone"></i></span>
                                        <input type="text" style="width: 100%;" name="tele2_pessoa" id="tele2_pessoa"
                                            value="{{ $dataShow->tele2_pessoa }}" class="form-control bg-light phone-number" ><br>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card" id="cardPObservacao">
                    <div class="body">
                        <div class="row">
                            <div class="col-lg-12">
                                <h2 class="uppercase">Informação</h2>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-12">
                                <label>Observações:</label><br>
                                <textarea id="obs_pessoa" name="obs_pessoa" rows="4" class="form-control no-resize bg-light">{{ $dataShow->obs_pessoa }}</textarea>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card">
                    <div class="body">
                        <div class="row">
                            <div class="col-lg-6" id="msgReturn">

                            </div>
                            <div class="col-lg-2">
                                <button type="button" id="btVoltar" class="btn btn-raised btn-primary bg-default btn-lg">Voltar</button>
                            </div>
                            <div class="col-lg-2">
                                <button type="button" id="btexcluir" data-urlaction="{{ route('pessoa.delete') }}" data-idcampo="{{ $dataShow->id_pessoa }}"
                                    data-return="{{ route('pessoa.index') }}" class="btn btn-raised btn-primary bg-danger btn-lg">Excluir</button>
                            </div>
                            <div class="col-lg-2">
                                <button type="submit" id="btSalvar" class="btn btn-raised btn-primary btn-lg">Salvar</button>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
    </section>
    <!-- inicio modal -->
    <div class="modal fade" id="myModal">
        <div class="modal-dialog modal-xl modal-dialog-centered">
            <div class="modal-content bg-secondary text-white">
                <div class="modal-header">
                    <button id="btFechar" type="button" class="close" data-dismiss="modal" aria-label="Close"><h6><span class="bg-secondary text-white" aria-hidden="true">&times;</span></h6></button>
                    <h5 class="modal-title">
                        <label id="titulo">Buscar Profissão</label>
                    </h5>
                </div>
                <div class="modal-body">
                    <div class="card">
                        <div class="row">
                            <div class="col-lg-12">
                                <label>Pesquisa:</label><br>
                                <div class="input-group mb-3">
                                    <input type="text" aria-describedby="btPesquisaProfissao" name="inputPesquisaProfissao" id="inputPesquisaProfissao"
                                        value="{{ $dataShow->idprofissao_pessoa }}" class="form-control bg-light cep" required><br>
                                    <div class="input-group-append">
                                        <button class="btn btn-outline-secondary" type="button" id="btnPesquisaProfissao">
                                            <i class="zmdi zmdi-hc-fw"></i>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card" style="min-height: 500px;">
                        <div class="row">
                            <div class="col-lg-12" id="divTableProfissao">
                                <div class="table-responsive table-hover dataTableordered" id="listarProfissao">
                                    <table class="table">
                                        <thead>
                                            <tr>
                                                <th>Id.:</th>
                                                <th>Código</th>
                                                <th>Profissão</th>
                                            </tr>
                                        </thead>
                                        <tbody id="bodyList">

                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- fim modal -->
@endsection

@section('scriptUrl')
    <script src="{{ asset('assets/plugins/bootstrap-colorpicker/js/bootstrap-colorpicker.js') }}"></script><!-- Bootstrap Colorpicker Js -->
    <script src="{{ asset('assets/plugins/jquery-inputmask/jquery.inputmask.bundle.js') }}"></script><!-- Input Mask Plugin Js -->
    <script src="{{ asset('assets/plugins/multi-select/js/jquery.multi-select.js') }}"></script><!-- Multi Select Plugin Js -->
    <script src="{{ asset('assets/plugins/jquery-spinner/js/jquery.spinner.js') }}"></script><!-- Jquery Spinner Plugin Js -->
    <script src="{{ asset('assets/plugins/bootstrap-tagsinput/bootstrap-tagsinput.js') }}"></script><!-- Bootstrap Tags Input Plugin Js -->
    <script src="{{ asset('assets/plugins/select2/select2.min.js') }}"></script> <!-- Select2 Js -->
    <script src="{{ asset('assets/plugins/nouislider/nouislider.js') }}"></script> <!-- noUISlider Plugin Js -->
    <script src="{{ asset('assets/js/pages/forms/advanced-form-elements.js') }}"></script>
    <script src="{{ asset('assets/plugins/bootstrap-notify/bootstrap-notify.js') }}"></script>
    <script src="{{ asset('assets/js/formjs.js') }}"></script>
    <script src="{{ asset('assets/js/custo/customizacao.js') }}"></script>
    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCNk4ln461ZYy5f8ux2uDsgNw2-UkrtMrs&callback=myMap&libraries=marker"></script>
@endsection

@section('scripts')
<script>
    var globalLinkLocal = '';
    let contProcesso = false;
    let map;
    let marker;
    let info;

    function procerCard(valor){
        if (valor.length > 0){
            if (valor.length === 11){
                $('#cardPFisica').show();
                $('#cardPJuridica').hide();

                $('#empresa_pessoa').attr("disabled", true);
                $('#fantasia_pessoa').attr("disabled", true);

                $('#nome_pessoa').attr("disabled", false);
                $('#nascimento_pessoa').attr("disabled", false);
                $('#estadocivil_pessoa').attr("disabled", false);
                $('#sexo_pessoa').attr("disabled", false);
                $('#nacionalidade_pessoa').attr("disabled", false);
                $('#idgrauinstrucao_pessoa').attr("disabled", false);
                $('#idprofissao_pessoa').attr("disabled", false);
            } else {
                if (valor.length === 14){
                    $('#cardPFisica').hide();
                    $('#cardPJuridica').show();

                    $('#empresa_pessoa').attr("disabled", false);
                    $('#fantasia_pessoa').attr("disabled", false);

                    $('#nome_pessoa').attr("disabled", true);
                    $('#nascimento_pessoa').attr("disabled", true);
                    $('#estadocivil_pessoa').attr("disabled", true);
                    $('#sexo_pessoa').attr("disabled", true);
                    $('#nacionalidade_pessoa').attr("disabled", true);
                    $('#idgrauinstrucao_pessoa').attr("disabled", true);
                    $('#idprofissao_pessoa').attr("disabled", true);

                } else {
                    $('#cardPFisica').hide();
                    $('#cardPJuridica').hide();
                }
            }
        }
    }

    function consultarCPFCNPJ(){
        return new Promise((resolve, reject) => {
            if ($('#id_pessoa').val() === '0'){
                $.ajax({
                    url: "{{ route('pessoa.cpfcnpj') }}",
                    method: 'POST',
                    dataType: 'json',
                    data: {
                        _token: $('#_token').val(),
                        cpfcnpj_pessoa: $('#cpfcnpj_pessoa').val(),
                    },
                    success: function (retorno) {
                        resolve(retorno.conferencia); // true ou false
                    },
                    error: function(err){
                        reject(err);
                    }
                });
            } else {
                resolve(false);
            }
        });
    }


    function geolocalizacao(){
        let endereco = $('#endereco_pessoa').val() + ', ' + $('#num_pessoa').val() + ', BAIRRO ' + $('#bairro_pessoa').val() + ', CIDADE ' + $('#cidade_pessoa').val();
        $.get(
            "https://maps.google.com/maps/api/geocode/json?address=" + endereco + "&key=AIzaSyCNk4ln461ZYy5f8ux2uDsgNw2-UkrtMrs&libraries=marker",
            function(data){
                console.log(data);
                $('#lat_pessoa').val(data.results[0].geometry.location.lat);
                $('#lng_pessoa').val(data.results[0].geometry.location.lng);
                myMap(data.results[0].geometry.location.lat, data.results[0].geometry.location.lng);
            }
        );
    }

    function myMap(latidude, logitude) {
        let lcliente = { lat: latidude, lng: logitude };

        if (contProcesso) {
            marker.setMap(null);
            info.setMap(null);
            info.open(map, marker);
        }

        map = new google.maps.Map(document.getElementById("googleMap"), {
          zoom: 19,
          center: lcliente,
        });

        marker = new google.maps.Marker({
          position: lcliente,
          map: map
        });
        info = new google.maps.InfoWindow({
            content: $('#nome_pessoa').val()
        });
        info.open(map, marker);
        contProcesso = true;
    }

    $('#btGeolocalizacao').click(function(){
        geolocalizacao();
    });

    $('#num_pessoa').focusout(function(){
        geolocalizacao();
    });

    $(document).ready(function () {
        procerCard($('#cpfcnpj_pessoa').val());
        globalLinkLocal = $('#id_pessoa').val();
        $("#idstatus_pessoa").val("{{ $dataShow->idstatus_pessoa }}").change();
        $("#uf_pessoa").val("{{ $dataShow->uf_pessoa }}").change();
        $("#estadocivil_pessoa").val("{{ $dataShow->estadocivil_pessoa }}").change();
        $("#sexo_pessoa").val("{{ $dataShow->sexo_pessoa }}").change();
        $("#idgrauinstrucao_pessoa").val("{{ $dataShow->idgrauinstrucao_pessoa }}").change();
        $("#idprofissao_pessoa").val("{{ $dataShow->idprofissao_pessoa }}").change();
        if ($('#id_pessoa').val() === '0'){
            $('#cardPFisica').hide();
            $('#cardPJuridica').hide();
        }

        if (globalLinkLocal != '0'){
            if ($('#lat_pessoa').val() != ''){
                if ($('#lng_pessoa').val() != ''){
                    myMap('{{ $dataShow->lat_pessoa }}', '{{ $dataShow->lng_pessoa }}');
                }
            }
        }
    });

    $('#cpfcnpj_pessoa').keyup(function(){
        procerCard($('#cpfcnpj_pessoa').val());
    });

    $('#btVoltar').click(function() {
        if ($('#linklocal').val() == "pessoa.index"){
            $(location).attr('href', "{{  route($dataLink->local) }}");
        } else {
            $(location).attr('href', "{{  route($dataLink->local) }}/0/" + $('#id_pessoa').val());
        }

    });

    $("#btCepEndereco").click(function () {
            var cep1 = $('#cep_pessoa').val();
            if (cep1 == '') {
                swal("Informe o CEP antes de continuar", {
                    icon: "error",
                    title: "Erro no CEP"
                });
                $('#cep_pessoa').focus();
                return false;
            }

            $.ajax({
                url: "{{ route('cep.consulta') }}/" + $('#cep_pessoa').val(),
                method: 'GET',
                dataType: 'json',
                data: {
                    cep: cep1
                },
                success: function (retorno) {
                    $("#uf_pessoa").val(retorno.uf).change();
                    $('#endereco_pessoa').val(retorno.logradouro);
                    $('#bairro_pessoa').val(retorno.bairro);
                    $('#cidade_pessoa').val(retorno.localidade);
                    $('#num_pessoa').focus();
                }
            });
    });

    $('#cpfcnpj_pessoa').change(async function () {
        let valor = $('#cpfcnpj_pessoa').val();

        if (valor.length == 11) {
            if (! validarCPF(valor)){
                swal("CPF inválido, tente novamente.", {
                    icon: "error",
                    title: "Erro no CPF"
                });
                $('#cpfcnpj_pessoa').focus();
                return;
            }

            console.log('inicio function');
            let existe = await consultarCPFCNPJ();
            if (existe){
                swal("CPF Já Cadastrado, não é permitido cadastro duplicado.", {
                    icon: "error",
                    title: "Erro no CPF"
                });
                $('#cpfcnpj_pessoa').focus();
            }

        } else if (valor.length == 14) {
            if (! validarCNPJ(valor)){
                swal("CNPJ inválido, tente novamente.", {
                    icon: "error",
                    title: "Erro no CNPJ"
                });
                $('#cpfcnpj_pessoa').focus();
                return;
            }

            let existe = await consultarCPFCNPJ();
            if (existe){
                swal("CNPJ Já Cadastrado, não é permitido cadastro duplicado.", {
                    icon: "error",
                    title: "Erro no CNPJ"
                });
                $('#cpfcnpj_pessoa').focus();
            }

        } else {
            swal("Informe o CPF/CNPJ correto, antes de continuar.", {
                icon: "error",
                title: "Erro no CPF/CNPJ"
            });
            $('#cpfcnpj_pessoa').focus();
        }
    });


    $('#btnProfissao').click(function(){

        $("#myModal").modal({backdrop: 'static', keyboard: false});

    });

    $('#btnPesquisaProfissao').click(function(){
        $.ajax({
            type: "POST",
            url: "{{ route('profissao.search') }}",
            data: {
                _token:     $('#_token').val(),
                inputPesquisaProfissao:         $('#inputPesquisaProfissao').val()
            },
            dataType: "json",
            success: function (data) {
                console.log(data);
                let tableBoby = '';
                $.each(data, function (indexInArray, valueOfElement) {
                    tableBoby +=        '<tr>'
                                            + '<th scope="row">' + valueOfElement.id_profissao + '</th>'
                                            + '<td>' + valueOfElement.codigo_profissao + '</td>'
                                            + '<td>' + valueOfElement.descricao_profissao + '</td>'
                                        + '</tr>';
                });
                $('#bodyList').html(tableBoby);
            }
        });
    });

    $('#listarProfissao').on('click', 'tbody tr td', function() {
        console.log('ok');
        $('#idprofissao_pessoa').val($(this).closest('tr').children()[0].textContent);
        $('#idprofissao_pessoa').attr('title', $(this).closest('tr').children()[2].textContent);
        $('#myModal').modal('hide');
    });
</script>
@endsection