@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')

@endsection

@php
$title = 'Cadastro de Patrimônio';
@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('patrimonioprovedor.show', ['0']) }}"><i>Novo cadastro</i></button>
                    </div>
                </div>
            </div>
            <form action="{{ route('patrimonioprovedor.store') }}" id="frmCadastro" class="form-horizontal">
                <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_patrimonio"
                                    id="id_provedor_patrimonio" readonly class="form-control bg-light" required
                                    value="{{ $dataShow->id_provedor_patrimonio }}"><br>
                                <input type="hidden" id="_token" name="_token" value="{{ csrf_token() }}">
                            </div>
                            <div class="col-lg-5">
                                <label>Fornecedor:</label><br>
                                <select name="idfornecedor_patrimonio" id="idfornecedor_patrimonio"
                                    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->idfornecedor_patrimonio)
                                            <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 fornecedor</option>
                                    @endforelse
                                </select>
                                <br>
                            </div>
                            <div class="col-lg-5">
                                <label>Descrição:</label><br>
                                <input type="text" style="width: 100%;" name="descricao_provedor_patrimonio"
                                    id="descricao_provedor_patrimonio" class="form-control bg-light"
                                    value="{{ $dataShow->descricao_provedor_patrimonio }}"><br>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-3">
                                <label>Marca:</label><br>
                                <input type="text" style="width: 100%;" name="marca_provedor_patrimonio"
                                    id="marca_provedor_patrimonio" class="form-control bg-light"
                                    value="{{ $dataShow->marca_provedor_patrimonio }}"><br>
                            </div>
                            <div class="col-lg-3">
                                <label>Modelo:</label><br>
                                <input type="text" style="width: 100%;" name="modelo_provedor_patrimonio"
                                    id="modelo_provedor_patrimonio" class="form-control bg-light" required
                                    value="{{ $dataShow->modelo_provedor_patrimonio }}"><br>
                            </div>
                            <div class="col-lg-2">
                                <label>Nº Serie:</label><br>
                                <input type="text" style="width: 100%;" name="serie_provedor_patrimonio"
                                    id="serie_provedor_patrimonio" class="form-control bg-light" required
                                    value="{{ $dataShow->serie_provedor_patrimonio }}"><br>
                            </div>
                            <div class="col-lg-2">
                                <label>Nº NTF:</label><br>
                                <input type="text" style="width: 100%;" name="ntf_provedor_patrimonio"
                                    id="ntf_provedor_patrimonio" class="form-control bg-light" required
                                    value="{{ $dataShow->ntf_provedor_patrimonio }}"><br>
                            </div>
                            <div class="col-lg-2">
                                <label>Valor:</label><br>
                                <input type="text" style="width: 100%;" name="valor_provedor_patrimonio"
                                    id="valor_provedor_patrimonio" class="form-control bg-light" required
                                    value="{{ Funcoes::mysqlToMoeda($dataShow->valor_provedor_patrimonio) }}"><br>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-3">
                                <label>Tipo:</label><br>
                                <select name="tipo_provedor_patrimonio" id="tipo_provedor_patrimonio"
                                    class="col-lg-12 form-control" required>
                                    <option value="" selected>Selecione um tipo</option>
                                    <option value="DIO" >DIO</option>
                                    <option value="RB" >RB</option>
                                    <option value="CCR" >CCR</option>
                                    <option value="ROTEADOR" >ROTEADOR</option>
                                    <option value="ONU" >ONU</option>
                                    <option value="ONT" >ONT</option>
                                    <option value="RADIO" >RADIO</option>
                                    <option value="SWICTH" >SWICTH</option>
                                    <option value="CTO" >CTO</option>
                                    <option value="CEO" >CEO</option>
                                    <option value="TVBOX" >TVBOX</option>
                                    <option value="SERVIDOR" >SERVIDOR</option>
                                    <option value="NOTEBOOK" >NOTEBOOK</option>
                                    <option value="COMPUTADOR" >COMPUTADOR</option>
                                    <option value="FUSÃO" >FUSÃO</option>
                                    <option value="RACK" >RACK</option>
                                </select><br><br>
                            </div>
                            <div class="col-lg-3">
                                <label>Autenticador:</label><br>
                                <select name="auten_provedor_patrimonio" id="auten_provedor_patrimonio"
                                    class="col-lg-12 form-control" required>
                                    <option value="0" selected>Não</option>
                                    <option value="1" >Sim</option>
                                </select><br><br>
                            </div>
                            <div class="col-lg-3">
                                <label>Propriedade</label><br>
                                <select name="proprie_provedor_patrimonio" id="proprie_provedor_patrimonio"
                                    class="col-lg-12 form-control" required>
                                    <option value="EMPRESA" selected>EMPRESA</option>
                                    <option value="CLIENTE">CLIENTE</option>
                                </select><br><br>
                            </div>
                            <div class="col-lg-3">
                                <label>Status:</label><br>
                                <select name="idstatus_provedor_patrimonio" id="idstatus_provedor_patrimonio"
                                        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_patrimonio)
                                        <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-3">
                                <label>Compra:</label><br>
                                <input type="date" style="width: 100%;" name="compra_provedor_patrimonio"
                                    id="compra_provedor_patrimonio" class="form-control bg-light"
                                    value="{{ $dataShow->compra_provedor_patrimonio }}"><br>
                            </div>
                            <div class="col-lg-4">
                                <label>Login:</label><br>
                                <input type="text" style="width: 100%;" name="login_provedor_patrimonio"
                                    id="login_provedor_patrimonio" class="form-control bg-light"
                                    value="{{ $dataShow->login_provedor_patrimonio }}"><br>
                            </div>
                            <div class="col-lg-5">
                                <label>Senha:</label><br>
                                <input type="text" style="width: 100%;" name="senha_provedor_patrimonio"
                                    id="senha_provedor_patrimonio" class="form-control bg-light"
                                    value="{{ $dataShow->senha_provedor_patrimonio }}"><br>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-2">
                                <label>Caminho:</label><br>
                                <input type="text" style="width: 100%;" name="caminho_provedor_patrimonio"
                                    id="caminho_provedor_patrimonio" class="form-control bg-light"
                                    value="{{ $dataShow->caminho_provedor_patrimonio }}"><br>
                            </div>
                            <div class="col-lg-2">
                                <label>Porta:</label><br>
                                <input type="text" style="width: 100%;" name="porta_provedor_patrimonio"
                                    id="porta_provedor_patrimonio" class="form-control bg-light"
                                    value="{{ $dataShow->porta_provedor_patrimonio }}"><br>
                            </div>
                            <div class="col-lg-2">
                                <label>Vlan:</label><br>
                                <input type="number" style="width: 100%;" name="vlan_provedor_patrimonio"
                                    id="vlan_provedor_patrimonio" class="form-control bg-light"
                                    value="{{ $dataShow->vlan_provedor_patrimonio }}"><br>
                            </div>
                            <div class="col-lg-3">
                                <label>Latidude:</label><br>
                                <input type="text" style="width: 100%;" name="lat_provedor_patrimonio"
                                    id="lat_provedor_patrimonio" class="form-control bg-light"
                                    value="{{ $dataShow->lat_provedor_patrimonio }}"><br>
                            </div>
                            <div class="col-lg-3">
                                <label>Longidude:</label><br>
                                <input type="text" style="width: 100%;" name="lng_provedor_patrimonio"
                                    id="lng_provedor_patrimonio" class="form-control bg-light"
                                    value="{{ $dataShow->lng_provedor_patrimonio }}"><br>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-12">
                                <label>Endereço:</label><br>
                                <input type="text" style="width: 100%;" name="end_provedor_patrimonio"
                                    id="end_provedor_patrimonio" class="form-control bg-light"
                                    value="{{ $dataShow->end_provedor_patrimonio }}"><br>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-12">
                                <label>Observação:</label><br>
                                <input type="text" style="width: 100%;" name="obs_provedor_patrimonio"
                                    id="obs_provedor_patrimonio" class="form-control bg-light"
                                    value="{{ $dataShow->obs_provedor_patrimonio }}"><br>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card">
                    <div class="body">
                        <div class="row">
                            <div class="col-lg-4" id="msgReturn">

                            </div>
                            <div class="col-lg-2">
                                <button type="button" id="btCopiar" data-urlaction=""
                                    class="btn btn-raised btn-primary btn-info btn-lg">Copiar</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('patrimonioprovedor.delete') }}"
                                    data-idcampo="{{ $dataShow->id_provedor_patrimonio }}"
                                    data-return="{{ route('patrimonioprovedor.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>
                @if ($dataLugarPatrimonio->id_provedor_clientes != '')
                <div class="card">
                    <div class="body">
                        <div class="row">
                            <div class="col-lg-12">
                                <h2 class="uppercase">Local do equipamento:</h2>
                                <div class="row">
                                    <div class="col-lg-2">
                                       ID. CLIENTE: {{ $dataLugarPatrimonio->Cliente->id_provedor_clientes }}
                                    </div>
                                    <div class="col-lg-2">
                                       ID. PESSOA: {{ $dataLugarPatrimonio->Cliente->Pessoa->id_pessoa }}
                                    </div>
                                    <div class="col-lg-5">
                                       <a href="{{  route('clienteprovedor.show') }}/{{ $dataLugarPatrimonio->Cliente->id_provedor_clientes }}/{{ $dataLugarPatrimonio->Cliente->Pessoa->id_pessoa }}">   CLIENTE: {{ $dataLugarPatrimonio->Cliente->Pessoa->nome_pessoa }} {{ $dataLugarPatrimonio->Cliente->Pessoa->fantasia_pessoa }} </a>
                                    </div>
                                    <div class="col-lg-3">
                                       STATUS: {{ $dataLugarPatrimonio->Cliente->Status->nome_status }}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                @endif
                <div class="card">
                    <div class="body">
                        <div class="row">
                            <div class="col-lg-12">
                                <h2 class="uppercase">Histórico:</h2>
                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="row">
                                            <div class="table-responsive">
                                                <table class="table table-striped" id="tablePatrimonio">
                                                    <thead>
                                                        <tr>
                                                            <th>Id. Cliente:</th>
                                                            <th>Local:</th>
                                                            <th>Descrição:</th>
                                                            <th>Porta</th>
                                                            <th>Registro:</th>
                                                            <th>Status:</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @if ($dataShow->id_provedor_patrimonio != '0')
                                                            @forelse ($dataHistorico as $item)
                                                                <tr id="tr{{ $item->idcli_provedor_hist_patri }}">
                                                                    <td>{{ $item->idcli_provedor_hist_patri }} </td>
                                                                    <td><a href="{{  route('clienteprovedor.show') }}/{{ $item->idcli_provedor_hist_patri }}/{{ $item->id_pessoa }}">{{ $item->nome_pessoa }} {{ $item->empresa_pessoa }} </a></td>
                                                                    <td>{{ $item->local_provedor_hist_patri ?? 'ATIVO' }}</td>
                                                                    <td>{{ $item->porta_provedor_clientes }}</td>
                                                                    <td>{{ Funcoes::formataDataBr($item->registro_provedor_hist_patri, true) }}</td>
                                                                    <td data-id="{{ $item->idcli_provedor_hist_patri }}">Status</td>
                                                                </tr>
                                                            @empty
                                                                <td>Sem histórioco patrimônio</td>
                                                            @endforelse
                                                        @endif
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-ls-12 text-right">
                                    <h4 >Total: {{$dataTotalItens}}</h4>
                                </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/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=AIzaSyBJjmNmjqdQDQoosT5OhKrXStIIsFu-DmI&callback=myMap"></script>
@endsection

@section('scripts')
<script>
    $(document).ready(function(){
        // Função para buscar o status de cada item
        function atualizarStatus() {
            // Para cada linha da tabela
            if ($('#id_provedor_patrimonio').val() != '0'){
                $('#tablePatrimonio tbody tr td[data-id]').each(function () {
                    var id = $(this).data('id'); // Obtém o ID do cliente
                    var statusCell = $(this); // Última célula (coluna status)

                    // Faz a requisição AJAX para obter o status atualizado
                    $.ajax({
                        url: "{{ route('mikrotik.statusppp') }}", // A rota que chama seu método Laravel
                        method: 'POST',
                        data: {
                            _token: '{{ csrf_token() }}', // Token CSRF para segurança
                            id_provedor_clientes: id // Passa o ID do cliente
                        },
                        success: function (response) {
                            if (response.code === 1000) {
                                // Se o cliente estiver conectado
                                if (response.data.connect) {
                                    statusCell.html('<span style="color: green;"><b>Conectado</b></span>');
                                } else {
                                    statusCell.html('<span style="color: red;"><b>Desconectado</b></span>');
                                }
                            } else {
                                console.error(response.message);
                                statusCell.html('<span style="color: red;">Erro</span>');
                            }
                        },
                        error: function (xhr, status, error) {
                            console.error('Erro ao obter status do cliente ' + id + ': ' + error);
                            statusCell.html('<span style="color: red;">Erro</span>');
                        }
                    });
                });
            }
        }

        // Chama a função a cada 5 segundos
        setInterval(atualizarStatus, 5000);

        $("#tipo_provedor_patrimonio").val("{{ $dataShow->tipo_provedor_patrimonio }}").change();
        $("#proprie_provedor_patrimonio").val("{{ $dataShow->proprie_provedor_patrimonio }}").change();
        $("#auten_provedor_patrimonio").val("{{ $dataShow->auten_provedor_patrimonio }}").change();
    });
    // $('#btSalvar').click(function() {
    //     if ($('#id_provedor_patrimonio').val() != '0'){
    //         $.ajax({
    //             type: "POST",
    //             url: "{{ route('mikrotik.addSecret') }}",
    //             headers: {'X-CSRF-TOKEN': $('#_token').val()},
    //             data: {
    //                 login_provedor_patrimonio: $('#login_provedor_patrimonio').val(),
    //                 senha_provedor_patrimonio: $('#senha_provedor_patrimonio').val(),
    //                 plano_provedor_patrimonio: '900MBPS'
    //             },
    //             dataType: "json",
    //             success: function (data) {
    //                 if (data.code == 1000){
    //                     showNotification(data.message, 'alert-success');
    //                     $('#desc_provedor_planos_old').val($('#desc_provedor_planos').val());
    //                 } else {
    //                     showNotification(data.message, 'alert-danger');
    //                 }
    //             }
    //         });
    //     } else {
    //         showNotification("Não foi criado no servidor, clique em salvar novamente", 'alert-danger');
    //     }
    // });
    $('#btVoltar').click(function() {
        $(location).attr('href', "{{ route('patrimonioprovedor.index') }}");
    });
    $('#btCopiar').click(function() {

        let tipo = $('#tipo_provedor_patrimonio').val(); // campo select do tipo

        $('#id_provedor_patrimonio').val('0');

        // Verifica se é ONT
        if (tipo !== 'ONT') {
            swal("Atenção", "A geração automática de login só está disponível para equipamentos do tipo ONT.", "warning");
            return; // não faz AJAX
        }

        // Desabilita botão para evitar múltiplos cliques
        let botao = $(this);
        botao.prop('disabled', true);

        // Exibe carregando
        let loading = swal({
            title: "Gerando login...",
            text: "Aguarde um instante",
            buttons: false,
            closeOnEsc: false,
            closeOnClickOutside: false
        });

        $.ajax({
            url: "{{ route('patrimonioprovedor.gerarloginont') }}",
            method: 'POST',
            data: {
                _token: '{{ csrf_token() }}'
            },

            success: function (response) {
                try{

                    swal.close(); // fecha loading

                    $('#login_provedor_patrimonio').val(response);

                    swal("Login gerado com sucesso!", {
                        icon: "success"
                    });

                } catch (e) {
                  swal("Erro", e.message ?? "Não foi possível gerar o login.", "error");
                }

            },

            error: function (xhr, status, error) {
                swal.close();
                swal("Erro", "Falha ao comunicar com o servidor.", "error");
                console.error(xhr.responseText);
            },

            complete: function () {
                // Reabilita o botão ao finalizar
                botao.prop('disabled', false);
            }
        });

    });

</script>
@endsection