@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 Cliente';
@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('clienteprovedor.show', ['0', '0']) }}"><i>Novo Cliente</i></button>
                        <button id="btNovoPessoa" style="width: 150px;" class="btn btn-primary btn-icon"
                            type="button"><i>Novo Pessoa</i></button>
                        <button id="btPessoa" style="width: 150px;" class="btn btn-info btn-icon float-left"
                            type="button"><i>Dados Completos</i></button>
                    </div>

                </div>
            </div>
            <form action="{{ route('clienteprovedor.store') }}" id="frmCadastro" class="form-horizontal">
                <input type="hidden" id="_token" name="_token" value="{{ csrf_token() }}">
                <input type="hidden" id="distribuicao_lat" name="distribuicao_lat" value="{{ $dataPatrimonioDistr->lat_provedor_patrimonio }}">
                <input type="hidden" id="distribuicao_lng" name="distribuicao_lng" value="{{ $dataPatrimonioDistr->lng_provedor_patrimonio  }}">
                <div class="card">
                    <div class="body">
                        <div class="row">
                            <div class="col-lg-2">
                                <label>Id.:</label><br>
                                <input type="text" style="width: 100%;" name="id_provedor_clientes"
                                    id="id_provedor_clientes" readonly class="form-control bg-light" required
                                    value="{{ $dataShow->id_provedor_clientes }}"><br>
                            </div>
                            <div class="col-lg-5">
                                <label>Pessoa:</label><br>
                                <select name="idpessoa_provedor_clientes" id="idpessoa_provedor_clientes"
                                    class="form-control show-tick ms select2 bg-light" data-placeholder="Select" required>
                                    <option value="0" selected>Selecione uma pessoa</option>
                                    @forelse ($dataPessoa as $item)
                                        @if ($item->id_pessoa === $dataShow->idpessoa_provedor_clientes)
                                            <option value="{{ $item->id_pessoa }}" data-nome="{{ $item->nome_pessoa }}" selected>{{ $item->id_pessoa }} / {{ $item->nome_pessoa }}</option>
                                        @else
                                            <option value="{{ $item->id_pessoa }}" data-nome="{{ $item->nome_pessoa }}" >{{ $item->id_pessoa }} / {{ $item->nome_pessoa }}</option>
                                        @endif
                                    @empty
                                        <option value="0" selected>Sem pessoa</option>
                                    @endforelse
                                </select>
                                <br><br>
                            </div>
                            <div class="col-lg-5">
                                <label>Cliente Master:</label><br>
                                <select name="idpessoasub_provedor_clientes" id="idpessoasub_provedor_clientes"
                                    class="form-control show-tick ms select2 bg-light" data-placeholder="Select" required>
                                    <option value="0" selected>Selecione uma pessoa</option>
                                    @forelse ($dataPessoaSub as $item)
                                        @if ($item->id_pessoa === $dataShow->idpessoasub_provedor_clientes)
                                            <option value="{{ $item->id_pessoa }}" selected>{{ $item->id_pessoa }} / {{ $item->nome_pessoa }}</option>
                                        @else
                                            <option value="{{ $item->id_pessoa }}">{{ $item->id_pessoa }} / {{ $item->nome_pessoa }}</option>
                                        @endif
                                    @empty
                                        <option value="0" selected>Sem pessoa</option>
                                    @endforelse
                                </select>
                                <br><br>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-10">
                                <label>Nome para compartilhar:</label><br>
                                <input type="text" style="width: 100%;" name="nomeCompartilhar"
                                    id="nomeCompartilhar" readonly class="form-control bg-light"
                                    value="{{ $nomeCompartilhar }}"><br>
                            </div>
                            <div class="col-lg-2">
                                <br>
                                <button type="button" id="btCompartilhar" data-urlaction=""
                                    class="btn btn-raised btn-primary btn-default btn-lg">Compartilhar</button>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-5">
                                <label>Endereço:</label><br>
                                <input type="text" style="width: 100%;" name="endereco_pessoac"
                                    id="endereco_pessoac" readonly class="form-control bg-light"
                                    value="{{ $dataShow->endereco_pessoac }}"><br>
                            </div>
                            <div class="col-lg-3">
                                <label>WhatsApp:</label><br>
                                <input type="text" style="width: 100%;" name="tele1_pessoa"
                                    id="tele1_pessoa" readonly class="form-control bg-light"
                                    value="{{ $dataShow->tele1_pessoa }}"><br>
                            </div>
                            <div class="col-lg-2">
                                <label>Latitude:</label><br>
                                <input type="text" style="width: 100%;" name="lat_pessoac"
                                    id="lat_pessoac" readonly class="form-control bg-light"
                                    value="{{ $dataShow->lat_pessoac }}"><br>
                            </div>
                            <div class="col-lg-2">
                                <label>Longitude:</label><br>
                                <input type="text" style="width: 100%;" name="lng_pessoac"
                                    id="lng_pessoac" readonly class="form-control bg-light"
                                    value="{{ $dataShow->lng_pessoac }}"><br>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-3">
                                <label>Cadastro:</label><br>
                                <input type="date" style="width: 100%;" name="cadastro_provedor_clientes"
                                    id="cadastro_provedor_clientes" class="form-control bg-light" required
                                    value="{{ $dataShow->cadastro_provedor_clientes }}"><br>
                            </div>
                            <div class="col-lg-3">
                                <label>1º Vencimento:</label><br>
                                <input type="date" style="width: 100%;" name="vencimento_provedor_clientes"
                                    id="vencimento_provedor_clientes" class="form-control bg-light" required
                                    value="{{ $dataShow->vencimento_provedor_clientes }}"><br>
                            </div>
                            <div class="col-lg-3">
                                <label>Plano:</label><br>
                                <select name="idplano_provedor_clientes" id="idplano_provedor_clientes"
                                    class="form-control show-tick ms select2 bg-light" data-placeholder="Select" required>
                                    <option value="0" selected>Selecione um plano</option>
                                    @forelse ($dataPlano as $item)
                                        @if ($item->id_provedor_planos === $dataShow->idplano_provedor_clientes)
                                            <option value="{{ $item->id_provedor_planos }}" selected>{{ $item->id_provedor_planos }} / {{ $item->desc_provedor_planos }}</option>
                                        @else
                                            <option value="{{ $item->id_provedor_planos }}">{{ $item->id_provedor_planos }} / {{ $item->desc_provedor_planos }}</option>
                                        @endif
                                    @empty
                                        <option value="0" selected>Sem plano</option>
                                    @endforelse
                                </select>
                                <br><br>
                            </div>
                            <div class="col-lg-3">
                                <label>Valor:</label><br>
                                <input type="txt" style="width: 100%;" name="valor_provedor_clientes"
                                    id="valor_provedor_clientes" class="form-control bg-light" required
                                    value="{{ Funcoes::mysqlToMoeda($dataShow->valor_provedor_clientes) }}"><br>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-2">
                                <label>Corte:</label><br>
                                <select name="diascortes_provedor_clientes" id="diascortes_provedor_clientes"
                                    class="col-lg-12 form-control" data-placeholder="Select" required>
                                        <option value="0" selected>0</option>
                                        <option value="5" selected>5</option>
                                        <option value="7" selected>7</option>
                                        <option value="9" selected>9</option>
                                        <option value="15" selected>15</option>
                                        <option value="20" selected>20</option>
                                        <option value="25" selected>25</option>
                                        <option value="30" selected>30</option>
                                </select>
                            </div>
                            <div class="col-lg-3">
                                <label>Wifi:</label><br>
                                <input type="text" style="width: 100%;" name="wifi_provedor_clientes"
                                    id="wifi_provedor_clientes" class="form-control bg-light" required
                                    value="{{ $dataShow->wifi_provedor_clientes }}"><br>
                            </div>
                            <div class="col-lg-3">
                                <label>Chave Key</label><br>
                                <input type="text" style="width: 100%;" name="chave_provedor_clientes"
                                    id="chave_provedor_clientes" class="form-control bg-light" required
                                    value="{{ $dataShow->chave_provedor_clientes }}" minlength="8"><br>
                            </div>
                            <div class="col-lg-2">
                                <label>CTO:</label><br>
                                <select name="porta_provedor_clientes" id="porta_provedor_clientes"
                                    class="col-lg-12 form-control">
                                    <option value="" selected>Selecione uma porta</option>
                                    <option value="1" >PORTA 1</option>
                                    <option value="2" >PORTA 2</option>
                                    <option value="3" >PORTA 3</option>
                                    <option value="4" >PORTA 4</option>
                                    <option value="5" >PORTA 5</option>
                                    <option value="6" >PORTA 6</option>
                                    <option value="7" >PORTA 7</option>
                                    <option value="8" >PORTA 8</option>
                                    <option value="9" >PORTA 9</option>
                                    <option value="10" >PORTA 10</option>
                                    <option value="11" >PORTA 11</option>
                                    <option value="12" >PORTA 12</option>
                                    <option value="13" >PORTA 13</option>
                                    <option value="14" >PORTA 14</option>
                                    <option value="15" >PORTA 15</option>
                                    <option value="16" >PORTA 16</option>
                                </select><br><br>
                            </div>
                            <div class="col-lg-2">
                                <label>Lacre:</label><br>
                                <input type="text" style="width: 100%;" name="lacre_provedor_clientes"
                                    id="lacre_provedor_clientes" class="form-control bg-light" required
                                    value="{{ $dataShow->lacre_provedor_clientes }}"><br>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="row">
                                    <div class="col-lg-6">
                                        <label>Boletos:</label><br>
                                        <select name="boletos_provedor_clientes" id="boletos_provedor_clientes"
                                            class="col-lg-12 form-control" required>
                                                <option value="ONLINE" selected>ONLINE</option>
                                                <option value="IMPRESSO" >IMPRESSO</option>
                                                <option value="ISENTO" >ISENTO</option>
                                        </select>
                                        <br><br>
                                    </div>
                                    <div class="col-lg-6">
                                        <label>Status:</label><br>
                                        <select name="idstatus_provedor_clientes" id="idstatus_provedor_clientes"
                                            class="col-lg-12 form-control" required>
                                            <option value="0" selected>Selecione um status</option>
                                            @forelse ($dataStatus as $itemStatus)
                                                @if ($itemStatus->id_status === $dataShow->idstatus_provedor_clientes)
                                                    <option value="{{ $itemStatus->id_status }}" selected>{{ $itemStatus->nome_status }}</option>
                                                @else
                                                    <option value="{{ $itemStatus->id_status }}">{{ $itemStatus->nome_status }}</option>
                                                @endif
                                            @empty
                                                <option value="0" selected>Sem Status</option>
                                            @endforelse
                                        </select>
                                        <br><br>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-12">
                                        <label>Observação:</label><br>
                                        <textarea name="obs_provedor_clientes" id="obs_provedor_clientes"
                                            class="col-lg-12 form-control bg-light" rows="10">{{ $dataShow->obs_provedor_clientes }}</textarea>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6" style="min-height: 350px;">
                                <label>Localização:</label><br>
                                <div id="googleMap" style="width: 100%; height: 90%;"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card">
                    <div class="body">
                        <div class="row">
                            <div class="col-lg-2 ">
                                <!--<button type="button" id="btFaturas" data-urlaction=""-->
                                <!--    class="btn btn-raised btn-primary btn-info btn-lg">Reset</button>-->
                            </div>
                            <div class="col-lg-2">
                                <button type="button" id="btFaturas" data-urlaction=""
                                    class="btn btn-raised btn-primary btn-success btn-lg">Faturas</button>
                            </div>
                            <div class="col-lg-2">
                                <button type="button" id="btAtendimento" data-urlaction=""
                                    class="btn btn-raised btn-primary bg-warning btn-lg">Suporte</button>
                            </div>
                            <div class="col-lg-2">
                                <button type="button" id="btVoltar" data-urlaction=""
                                    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('clienteprovedor.delete') }}"
                                    data-idcampo="{{ $dataShow->id_provedor_clientes }}"
                                    data-return="{{ route('clienteprovedor.index') }}"
                                    class="btn btn-raised btn-primary bg-danger btn-lg">Excluir</button>
                            </div>
                            <div class="col-lg-2">
                                @if($dataShow->idplano_provedor_clientes === $configuracao->planocorte_provedor_configuracao)
                                    <button type="submit" id="btSalvarDisabled" class="btn btn-raised btn-primary btn-lg disabled" disabled>Salvar</button>
                                @else
                                    <button type="submit" id="btSalvar" class="btn btn-raised btn-primary btn-lg">Salvar</button>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>

                <div class="card" id="cardPContato">
                    <div class="body">
                        <div class="row">
                            <div class="col-lg-12">
                                <h2 class="uppercase">Lista de patrimônio(s)</h2>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-10">
                                <label>Selecione um patrimônio:</label><br>
                                <select name="id_provedor_patrimonio" id="id_provedor_patrimonio"
                                    class="form-control show-tick ms select2 bg-light" data-placeholder="Select" required>
                                    <option value="0" selected>Selecione um patrimônio</option>
                                    @forelse ($dataPatrimonioSelect as $item)
                                        <option value="{{ $item->id_provedor_patrimonio }}">{{ $item->id_provedor_patrimonio }} / {{ $item->descricao_provedor_patrimonio }} /  {{ $item->modelo_provedor_patrimonio }} / {{ $item->end_provedor_patrimonio }} </option>
                                    @empty
                                        <option value="0" selected>Sem patrimônio disponível</option>
                                    @endforelse
                                </select>
                                <br><br>
                            </div>
                            <div class="col-lg-2 justify-content-center align-items-center align-self-center">
                                <button type="button" id="btCadastrarPatrimonio" class="btn btn-raised btn-primary bg-default btn-lg">ADD</button>
                            </div>
                        </div>
                        <div class="row">
                            <div class="table-responsive">
                                <table class="table table-striped" id="tablePatrimonio">
                                    <thead>
                                        <tr>
                                            <th>Id:</th>
                                            <th>Id. Patrimônio:</th>
                                            <th>Descrição:</th>
                                            <th>Modelo:</th>
                                            <th>Login:</th>
                                            <th></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse ($dataPatrimonio as $item)
                                            <tr id="tr{{ $item->id_provedor_clie_patri }}">
                                                <td>{{ $item->id_provedor_clie_patri }} </td>
                                                <td>{{ $item->id_provedor_patrimonio }} </td>
                                                <td><a href="{{ route('patrimonioprovedor.show') }}/{{ $item->id_provedor_patrimonio }}">{{ $item->descricao_provedor_patrimonio }} / {{ $item->serie_provedor_patrimonio }} / {{ $item->end_provedor_patrimonio }}</a></td>
                                                <td>{{ $item->modelo_provedor_patrimonio }}</td>
                                                <td>{{ $item->login_provedor_patrimonio }}</td>
                                                <td style="float-right">
                                                    <a href="javascript:void(0);" onclick="deleteItem({{ $item->id_provedor_clie_patri }});" data-id_perm="{{ $item->id_provedor_clie_patri }}" class="btn btn-default waves-effect waves-float btn-sm waves-red">
                                                        <i class="zmdi zmdi-delete"></i>
                                                    </a>
                                                </td>
                                            </tr>
                                        @empty
                                            <td>Sem patrimônio</td>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div class="card">
                            <div class="body">
                                <div class="row">
                                    <div class="col-lg-6" id="msgReturn">

                                    </div>
                                    <div class="col-lg-2">

                                    </div>
                                    <div class="col-lg-2">

                                    </div>
                                    <div class="col-lg-2">

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
    </section>
@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/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="https://maps.googleapis.com/maps/api/js?key=AIzaSyCNk4ln461ZYy5f8ux2uDsgNw2-UkrtMrs&callback=myMap&libraries=marker"></script>
@endsection

@section('scripts')
<script>
    let cliente;
    let distrib;
    let map;
    let contProcesso = false;

    $('#idstatus_provedor_clientes').change(function(){
        let status = $("#idstatus_provedor_clientes").val();
        let $btSalvar = $("#btSalvar");

        if (status == "2") {
            $btSalvar.prop("disabled", false).removeClass("disabled");
        } else {
            @if($dataShow->idplano_provedor_clientes === $configuracao->planocorte_provedor_configuracao)
                $btSalvar.prop("disabled", true).addClass("disabled");
            @endif
        }
    });
    $('#btVoltar').click(function() {
        $(location).attr('href', "{{ route('clienteprovedor.index') }}");
    });
    $('#btNovoPessoa').click(function() {
        $(location).attr('href', "{{ route('pessoa.show', ['clienteprovedor.show', '0']) }}");
    });
    $('#btPessoa').click(function() {
        {{ $idPessoa = $dataShow->idpessoa_provedor_clientes }}
        $(location).attr('href', "{{ route('pessoa.show', ['local' => 'clienteprovedor.show', 'id' => $idPessoa]) }}");
    });
    $('#btAtendimento').click(function() {
        $(location).attr('href', "{{ route('atendimentoprovedor.index', $dataShow->id_provedor_clientes) }}");
    });
    $('#btFaturas').click(function() {
        $(location).attr('href', "{{ route('faturaprovedor.index') }}/" + $('#id_provedor_clientes').val());
    });
    $('#idplano_provedor_clientes').change(function(){
        if (($('#valor_provedor_clientes').val() == '0,00') || $('#valor_provedor_clientes').val() == ''){
            $.ajax({
                type: "POST",
                url: "{{ route('planoprovedor.valor') }}",
                data: {
                    _token:     $('#_token').val(),
                    id:         $('#idplano_provedor_clientes option:selected').val()
                },
                dataType: "json",
                success: function (data) {
                    console.log(data);
                    $('#valor_provedor_clientes').val(data.valor);
                }
            });
        }
    });
    $('#idpessoa_provedor_clientes').change(function(){
        $.ajax({
            type: "POST",
            url: "{{ route('clienteprovedor.endereco') }}",
            data: {
                _token:     $('#_token').val(),
                id:         $('#idpessoa_provedor_clientes option:selected').val()
            },
            dataType: "json",
            success: function (data) {
                console.log(data);
                $('#endereco_pessoac').val(
                    data.endereco_pessoa + ', ' + data.num_pessoa + ' ' + data.compl_pessoa + ', BAIRRO ' + data.bairro_pessoa + ', CIDADE ' + data.cidade_pessoa);
                $('#tele1_pessoa').val(data.tele1_pessoa);
                $('#lat_pessoac').val(data.lat_pessoa);
                $('#lng_pessoac').val(data.lng_pessoa);
                construtoMap(data.lat_pessoa, data.lng_pessoa);
            }
        });
    });

    $('#btCompartilhar').click(function() {
        let textArea = document.querySelector('#nomeCompartilhar');
        textArea.select();
        document.execCommand('copy');
        swal("Nome copiado com sucesso", {
            icon: "success"
        });
    });

    let timer;

    $('#lacre_provedor_clientes').on('keyup', function() {

        clearTimeout(timer);

        timer = setTimeout(function() {

            let lacre = $('#lacre_provedor_clientes').val();

            if(lacre.length >= 6){

                $.ajax({
                    url: "{{ route('verificar.lacre') }}",
                    type: "POST",
                    data: {
                        _token:     "{{ csrf_token() }}",
                        lacre:      lacre,
                        id:         $('#idpessoa_provedor_clientes').val()
                    },
                    success: function(data){

                        if(data.status === false){
                            swal({
                                title: "Atenção!!!",
                                text: "Este lacre ja cadastro",
                                icon: "warning",
                                dangerMode: true
                            })
                            $('#lacre_provedor_clientes').focus();
                        }

                    }
                });

            }

        }, 1000);

    });

    function construtoMap(latitude, longitude){
        let latDist = parseFloat($('#distribuicao_lat').val());
        let lngDist = parseFloat($('#distribuicao_lng').val());
        myMap(parseFloat(latitude), parseFloat(longitude), latDist, lngDist);
    }

    function verConexao(){
        $.ajax({
            type: "POST",
            url: "{{ route('mikrotik.statusppp') }}",
            headers: {'X-CSRF-TOKEN': $('#_token').val()},
            data: {
                id_provedor_clientes: $('#id_provedor_clientes').val()
            },
            dataType: "json",
            success: function (data) {
                if (data.code == 1000){
                    let arryData    = data.data;
                    if (arryData.connect){
                        infoMap(true)
                    } else {
                        infoMap(false);
                    }
                } else {
                    showNotification(data.message, 'alert-danger');
                    infoMap(false);
                }
            }
        });
    }

    $(document).ready(function(){
        let varEndereco = 'Rua Alvaro Camargo Sobrinho, 655 bairro Floramar, Belo Horizonte';

        $.ajax({
            type: "POST",
            url: "{{ route('clienteprovedor.endereco') }}",
            data: {
                _token:     $('#_token').val(),
                id:         $('#idpessoa_provedor_clientes option:selected').val()
            },
            dataType: "json",
            success: function (data) {
                console.log(data);
                $('#endereco_pessoac').val(
                    data.endereco_pessoa + ', ' + data.num_pessoa + ' ' + data.compl_pessoa + ', BAIRRO ' + data.bairro_pessoa + ', CIDADE ' + data.cidade_pessoa);
                $('#lat_pessoac').val(data.lat_pessoa);
                $('#lng_pessoac').val(data.lng_pessoa);
                construtoMap(data.lat_pessoa, data.lng_pessoa);
            }
        });

        $('#porta_provedor_clientes').val("{{ $dataShow->porta_provedor_clientes }}").change();
        $('#boletos_provedor_clientes').val("{{ $dataShow->boletos_provedor_clientes }}").change();
        console.log('{{ $dataShow->boletos_provedor_clientes }}');
        if ($('#endereco_pessoac').val() != ''){
            varEndereco     = $('#endereco_pessoac').val();
        }
        //construtoMap("{{ $dataPatrimonioDistr->lat_provedor_patrimonio }}", "{{ $dataPatrimonioDistr->lng_provedor_patrimonio }}");
        setInterval(function(){ verConexao() }, 30000);
        verConexao();
    });

    function myMap(latidude, logitude, latDist, lngDist) {
        cliente = { lat: latidude, lng: logitude };
        distrib = { lat: latDist, lng: lngDist };

        map = new google.maps.Map(document.getElementById("googleMap"), {
          zoom: 17,
          center: cliente,
        });
        const svgCTO = {
            path: "M10.453 14.016l6.563-6.609-1.406-1.406-5.156 5.203-2.063-2.109-1.406 1.406zM12 2.016q2.906 0 4.945 2.039t2.039 4.945q0 1.453-0.727 3.328t-1.758 3.516-2.039 3.070-1.711 2.273l-0.75 0.797q-0.281-0.328-0.75-0.867t-1.688-2.156-2.133-3.141-1.664-3.445-0.75-3.375q0-2.906 2.039-4.945t4.945-2.039z",
            fillColor: "blue",
            fillOpacity: 0.6,
            strokeWeight: 0,
            rotation: 0,
            scale: 2,
            anchor: new google.maps.Point(15, 30),
        };
        info1 = new google.maps.InfoWindow({
            content: 'Distribuidor'
        });
        marker1 = new google.maps.Marker({
          position: distrib,
          icon: svgCTO,
          map: map,
        });
        info = new google.maps.InfoWindow({
            content: $('#idpessoa_provedor_clientes option:selected').attr('data-nome')
        });
        info1.open(map, marker1);
    }

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

        const svgOnline = {
            path: "M10.453 14.016l6.563-6.609-1.406-1.406-5.156 5.203-2.063-2.109-1.406 1.406zM12 2.016q2.906 0 4.945 2.039t2.039 4.945q0 1.453-0.727 3.328t-1.758 3.516-2.039 3.070-1.711 2.273l-0.75 0.797q-0.281-0.328-0.75-0.867t-1.688-2.156-2.133-3.141-1.664-3.445-0.75-3.375q0-2.906 2.039-4.945t4.945-2.039z",
            fillColor: "green",
            fillOpacity: 0.6,
            strokeWeight: 0,
            rotation: 0,
            scale: 2,
            anchor: new google.maps.Point(15, 30),
        };

        const svgOffline = {
            path: "M10.453 14.016l6.563-6.609-1.406-1.406-5.156 5.203-2.063-2.109-1.406 1.406zM12 2.016q2.906 0 4.945 2.039t2.039 4.945q0 1.453-0.727 3.328t-1.758 3.516-2.039 3.070-1.711 2.273l-0.75 0.797q-0.281-0.328-0.75-0.867t-1.688-2.156-2.133-3.141-1.664-3.445-0.75-3.375q0-2.906 2.039-4.945t4.945-2.039z",
            fillColor: "red",
            fillOpacity: 0.6,
            strokeWeight: 0,
            rotation: 0,
            scale: 2,
            anchor: new google.maps.Point(15, 30),
        };

        let svgType = svgOffline;
        if (conexao) {
            svgType = svgOnline;
        }

        marker = new google.maps.Marker({
          position: cliente,
          icon: svgType,
          map: map
        });
        info.open(map, marker);
        contProcesso = true;
    }

    $('#btSalvarDisabled').click(function(){
        swal({
                title: "Erro!",
                text: "Não pode salvar com o plano em bloqueio!",
                icon: "error"
        })
    })

    $('#btCadastrarPatrimonio').click(function(){
        if ($('#id_provedor_clientes').val() == '0'){
            swal({
                title: "Erro!",
                text: "Não tem um cliente salvo!",
                icon: "error"
        })
        } else {
            $.ajax({
                type: "POST",
                url: "{{ route('patrimonioprovedor.addcliente') }}",
                data: {
                    _token:                     $('#_token').val(),
                    id_provedor_patrimonio:     $('#id_provedor_patrimonio option:selected').val(),
                    id_provedor_clientes:       $('#id_provedor_clientes').val()
                },
                dataType: "json",
                success: function (response) {
                    console.log(response);
                    if (response[0].tipo_provedor_patrimonio == 'CTO'){
                        $('#distribuicao_lat').val(response[0].lat_provedor_patrimonio);
                        $('#distribuicao_lng').val(response[0].lng_provedor_patrimonio);
                        construtoMap($('#endereco_pessoac').val());
                    }
                    $('#tablePatrimonio').find('tbody').prepend(
                    '<tr id="' + response[0].id_provedor_clie_patri  + '">' +
                        '<td>' + response[0].id_provedor_clie_patri  + '</td>' +
                        '<td>' + response[0].id_provedor_patrimonio  + '</td>' +
                        '<td>' + response[0].descricao_provedor_patrimonio +' / ' + response[0].serie_provedor_patrimonio + ' / ' + response[0].end_provedor_patrimonio + '</td>' +
                        '<td>' + response[0].modelo_provedor_patrimonio + '</td>' +
                        '<td>' + response[0].login_provedor_patrimonio + '</td>' +
                        '<td style="float-right">' +
                            '<a href="javascript:void(0);" onclick="deleteItem(' + response[0].id_provedor_clie_patri + ');" data-id_perm="' + response[0].id_provedor_clie_patri + '" class="btn btn-default waves-effect waves-float btn-sm waves-red">' +
                                '<i class="zmdi zmdi-delete"></i>' +
                            '</a>' +
                        '</td>' +
                    '</tr>');
                }
            });
        }
    });
    function deleteItem(item){
        swal({
            title: "Atenção!!!",
            text: "Você esta prestes a deletar uma patrimônio, você realmente deseja fazer isso?",
            icon: "warning",
            buttons: true,
            dangerMode: true
        })
        .then((willDelete) => {
            if (willDelete) {
                $.ajax({
                    url: "{{ route('patrimonioprovedor.deletecliente') }}",
                    method: 'POST',
                    dataType: 'html',
                    data: {
                        id: item,
                        _token: $('#_token').val()
                    },
                    success: function(retorno) {
                        $('#tr' + item).remove();
                    }
                });
                swal("Património retirado do cliente com Sucesso", {
                    icon: "success"
                });
            } else {
                swal("Ação cancelada");
            }

        });
    }
   /* $('#tablePatrimonio').on('click', 'tbody tr td', function() {
        $(location).attr('href', "{{  route('patrimonioprovedor.show') }}/" + $(this).closest('tr').children()[1].textContent);
    }); */
</script>
@endsection