@extends('adminlte.app')

@section('content')
    @if ($message = Session::get('success'))
    <div class="alert alert-success">
        <p>{{ $message }}</p>
    </div>
    @endif
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <div class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <h1 class="m-0">Equipamentos Imobilizado</h1>
                    </div><!-- /.col -->
                    <div class="col-sm-6">
                
                    </div><!-- /.col -->
                </div><!-- /.row -->
            </div><!-- /.container-fluid -->
        </div>
        <!-- /.content-header -->


        <div class="card mx-3 mt-3">

            <div class="card-header ">
                <div class="row">
                    <div class="col-md-10">
                        Novo Equipamento
                    </div>
                    {{-- <div class="col-md-2 text-right">
                        <a href="#"><button type="button" id="cadastrar_armazem" class="btn btn-primary d-print-none">Cadastrar Armazem</button></a>
                    </div> --}}
                    <div class="col-md-2 text-right">
                        <a href="javascript:history.back()"><button type="button" id="voltar" class="btn btn-primary d-print-none">Voltar</button></a>
                    </div>
                    
                </div>
            </div>

            <div class="card-body">
                <form  id="formEqp" method="POST" action="{{ route('equipamentos_imobilizado_store') }}">
                    @csrf

                    <div class="form-group row">
                        <label for="nome" class="col-md-4 col-form-label text-md-right">Nome</label>

                        <div class="col-md-6">
                            <input id="nome" type="text" class="form-control @error('name') is-invalid @enderror" name="nome" value="{{ old('nome') }}" required autocomplete="name" autofocus>

                            @error('nome')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                    </div>

                    <div class="form-group row">
                        <label for="coordenadas_gps" class="col-md-4 col-form-label text-md-right">Coordenadas GPS</label>

                        <div class="col-md-6">
                            <input id="coordenadas_gps" type="text" class="form-control @error('name') is-invalid @enderror" name="coordenadas_gps" value="{{ old('coordenadas_gps') }}" required autocomplete="coordenadas_gps" autofocus>

                            @error('coordenadas_gps')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                        
                    </div>


                    {{-- <div class="form-group row">

                        <label for="tipo_usuario_id" class="col-md-4 col-form-label text-md-right">Nome Armazem</label>

                        <div class="col-md-6">
                            
                            <select  class="form-control"  name="armazem_id" id="armazem_id" value="{{ old('armazem_id') }}"  required>
                                @foreach ($armazem as $armazens)
                                    <option value="{{ $armazens->id }}">{{ $armazens->nome }}</option>
                                @endforeach
                            </select>

                            @error('armazem_id')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror

                        </div>
                    </div> --}}

                   

                    {{-- <div class="form-group row">
                        <label for="localizacao" class="col-md-4 col-form-label text-md-right">Localização</label>

                        <div class="col-md-6">
                            <input id="localizacao" type="text" class="form-control @error('name') is-invalid @enderror" name="localizacao" value="{{ old('localizacao') }}" required autocomplete="localizacao" autofocus>

                            @error('localizacao')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                    </div> --}}

                    
                    <div class="form-group row">

                        <label for="operacionalidade" class="col-md-4 col-form-label text-md-right">Operacionalidade</label>

                        <div class="col-md-6">
                            
                            <select  class="form-control"  name="operacionalidade" id="operacionalidade" value="{{ old('operacionalidade') }}"  required>
                                    <option>Em Funcionamento</option>
                                    <option>Novo</option>
                                    <option>Avariado</option>
                            </select>

                            @error('operacionalidade')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror

                        </div>
                    </div>
                    
                    <div class="form-group row">
                                {{-- status_requisicao === status --}}
                        <label for="status_requisicao" class="col-md-4 col-form-label text-md-right">Status</label>

                        <div class="col-md-6">
                            
                            <select  class="form-control"  name="status_requisicao" id="status_requisicao" value="{{ old('status_requisicao') }}"  required>
                                     <option>Instalado</option> 
                                     <option>Disponivel</option> 
                                     <option>Indisponivel</option>
                            </select>

                            @error('status_requisicao')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror

                        </div>
                    </div>

                    <div id="div_armazem"class="form-group row d-none divEsconderArmazem">

                        <label for="armazem_id" class="col-md-4 col-form-label text-md-right">Nome do Armazem</label>

                        <div class="col-md-6">
                            
                            <select  class="form-control selectEsconderArmazem"  name="armazem_id" id="armazem_id" value="{{ old('armazem_id') }}" disabled>
                                    <option></option>
                                @foreach ($armazem as $armazens)    
                                    <option value="{{ $armazens->id }}">{{ $armazens->nome_armazem }}</option>
                                @endforeach
                            </select>

                            @error('armazem_id')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror

                        </div>
                    </div>
                  
                    {{-- foto --}}
                    <div class="form-group row">
                        <label for="fileanexo" id="label_anexo" class="col-md-4 col-form-label text-md-right">Foto</label> 
                        <div class="col-md-6" id="anexos">
                             
                            <a class="d-none" target="_blank" id="comprovante_anexado" href="#">
                                <button class="  btn btn-primary btn-sm" type="button" title="Anexo1">
                                    <i class="fa fa-file" aria-hidden="true"></i>
                                </button>
                            </a>

                            <br>
                            <input id="fileanexo" type="file" name="image1[]" class="form-control-file">
                            <div class="progress mb-2 mt-2 position-relative">
                                <div class="progress-bar" id="progress-bar1"></div>
                                <div class="percent py-2" id="percent1" style="position:absolute; display:inline; left:48%; color: #000000;">0%</div>
                            </div>
                            <input type="hidden" name="controle_anexo" id="controle_anexo" value="0">
                            <button type="button" id="carregar" class="btn btn-primary pull-right">CARREGAR</button>
                            <button type="button" id="limpar_anexo" class="btn btn-primary d-none pull-right">LIMPAR</button>
                        </div>
                    </div>
                    {{-- fimFoto--}}


                    {{-- <div class="form-group row">
                        <label for="foto" class="col-md-4 col-form-label text-md-right">Foto</label>

                        <div class="col-md-6">
                            <input id="foto" type="text" class="form-control @error('name') is-invalid @enderror" name="foto" value="{{ old('foto') }}" required autocomplete="foto" autofocus>

                            @error('foto')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                    </div> --}}

                    <div class="form-group row">
                        <label for="numero_serie" class="col-md-4 col-form-label text-md-right">Numero Série</label>

                        <div class="col-md-6">
                            <input id="numero_serie" type="text" class="form-control @error('name') is-invalid @enderror" name="numero_serie" value="{{ old('numero_serie') }}" required autocomplete="numero_serie" autofocus>

                            @error('numero_serie')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                    </div>
                    
                    
                    <div class="form-group row d-none">
                        <label for="amortizacao" class="col-md-4 col-form-label text-md-right">Amortização</label>

                        {{-- <div class="col-md-6">
                            <input min="0" step='0.01'id="amortizacao" type="number" class="form-control @error('name') is-invalid @enderror d-none" name="amortizacao" value="{{ old('amortizacao') }}" required autocomplete="amortizacao" autofocus placeholder="Valor Preço por Litro de Combustivel">

                            @error('amortizacao')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div> --}}
                    </div>

                  
                                     
                    {{-- <div class="form-group row">

                        <label for="postos_id" class="col-md-4 col-form-label text-md-right">Posto</label>

                        <div class="col-md-6">
                            
                            <select  class="form-control"  name="posto_id" id="posto_id" value="{{ old('posto_id') }}"  required>
                                    <option></option>
                                @foreach ($postos as $posto)
                                    <option value="{{ $posto->id }}">{{ $posto->nome_posto }}</option>
                                @endforeach
                            </select>

                            @error('posto_id')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror

                        </div>
                    </div> --}}

                    <div class="row pl-3 ml-3 pb-0 pt-0 mt-4 mr-3 mb-4 bg-dark text-white esconderDivInstalado">
                        <div class="col-sm-12 text-center">
                            Preencher somente quando o Status estiver como Instalado!!
                        </div> 
            
                    </div>
                    
                    <div class="form-group row esconderDivInstalado">
                        <label for="horas_trabalho" class="col-md-4 col-form-label text-md-right">Horas de Trabalho</label>

                        <div class="col-md-6">
                            <input id="horas_trabalho" type="text" class="form-control @error('name') is-invalid @enderror" name="horas_trabalho" value="{{ old('horas_trabalho') }}" required autocomplete="name" autofocus>

                            @error('horas_trabalho')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                    </div>

                    <div class="form-group row esconderDivInstalado">
                        <label for="numero_colaboradores" class="col-md-4 col-form-label text-md-right">Numero Colaboradores</label>

                        <div class="col-md-6">
                            <input id="numero_colaboradores" type="number" class="form-control @error('name') is-invalid @enderror" name="numero_colaboradores" value="{{ old('numero_colaboradores') }}" required autocomplete="name" autofocus min="0">

                            @error('numero_colaboradores')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                    </div>


                    <div class="form-group row esconderDivInstalado">
                        <label for="matricula" class="col-md-4 col-form-label text-md-right">Matrícula</label>

                        <div class="col-md-6">
                            <input id="matricula" type="text" class="form-control @error('name') is-invalid @enderror" name="matricula" value="{{ old('matricula') }}" required autocomplete="name" autofocus>

                            @error('matricula')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                    </div>

                    <div class="form-group row esconderDivInstalado">
                        <label for="kms" class="col-md-4 col-form-label text-md-right">Kms</label>

                        <div class="col-md-6">
                            <input id="kms" type="text" class="form-control @error('name') is-invalid @enderror" name="kms" value="{{ old('kms') }}" required autocomplete="name" autofocus>

                            @error('kms')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                    </div>

                    <div class="form-group row esconderDivInstalado">
                        <label for="pecas_utilizadas" class="col-md-4 col-form-label text-md-right">Peças Utilizadas</label>

                        <div class="col-md-6">
                            <input id="pecas_utilizadas" type="text" class="form-control @error('name') is-invalid @enderror" name="pecas_utilizadas" value="{{ old('pecas_utilizadas') }}" required autocomplete="name" autofocus>

                            @error('pecas_utilizadas')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                    </div>

                    <div class="form-group row esconderDivInstalado">
                        <label for="valor_pecas" class="col-md-4 col-form-label text-md-right">Valor Peças</label>

                        <div class="col-md-6">
                            <input min="0" step='0.01'id="valor_pecas" type="number" class="form-control @error('name') is-invalid @enderror" name="valor_pecas" value="{{ old('valor_pecas') }}" required autocomplete="valor_pecas">

                            @error('valor_pecas')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                    </div>

                    <div class="form-group row esconderDivInstalado">
                        <div class="col-md-4"></div>
                        <div class="col-md-4">
                            <div class="form-check mb-2">
                                <input class="form-check-input" type="radio" name="flexRadioDefault" id="radioButtonCliente" >
                                <label class="form-check-label" for="radioButtonCliente">
                                    Selecione o Cliente
                                </label>
                            </div>
                    
                            <div class="form-check mb-2">
                                <input class="form-check-input" type="radio" name="flexRadioDefault" id="radioButtonPostos" >
                                <label class="form-check-label" for="radioButtonPostos">
                                   Selecione o Posto
                                </label>
                            </div>
                        </div>
                    </div>
                    
                    {{-- esconderDivInstalado --}}
                    <div class="form-group row  d-none esconderDivInstalado" id="divLinhaPosto">

                        <label for="postos_id" class="col-md-4 col-form-label text-md-right">POSTO</label>

                        <div id="div_Cliente" class="col-md-6">
                           
                            <div class="input-group">
                                <select  class="form-control"  name="postos_id" id="postos_id" value="{{ old('postos_id') }}" >
                                    <option></option>
                                    @foreach ($postos as $posto)    
                                        <option value="{{ $posto->id }}">{{$posto->nome_posto}}</option>
                                    @endforeach
                                </select>
                                <div class="input-group-append">
                                    <button type="button" id="chama_modalFornecedor" class="btn btn-primary"data-toggle="modal" data-target="#postos-id-Modal" >
                                        <i class="fas fa-search"></i>
                                    </button>
                                </div>
                            </div>
                        </div>



                      
                    </div>
                 
                    {{-- esconderDivInstalado --}}
                    <div class="form-group row d-none esconderDivInstalado" id="divLinhaCliente">

                        <label for="clientes_id" class="col-md-4 col-form-label text-md-right">CLIENTE</label>

                        <div id="div_Cliente" class="col-md-6">
                           
                            <div class="input-group">
                                <select  class="form-control"  name="clientes_id" id="clientes_id" value="{{ old('clientes_id') }}">
                                    <option></option>
                                    @foreach ($clientes as $cliente)    
                                        <option value="{{ $cliente->id }}">{{ $cliente->nome }}</option>
                                    @endforeach
                                </select>
                                <div class="input-group-append">
                                    <button type="button" id="chama_modalFornecedor" class="btn btn-primary"data-toggle="modal" data-target="#cliente-id-Modal" >
                                        <i class="fas fa-search"></i>
                                    </button>
                                </div>
                            </div>
                        </div>



                      
                    </div>

                    

                    <div class="form-group row mb-0" >
                        <div class="col-md-6 offset-md-4">
                            <button type="submit" class="btn btn-primary"  >
                                Cadastrar
                            </button>
                        </div>
                    </div>

                </form>
                {{-- <div class="col-md-2">
                    <button  type="button" id="getLocation">clique</button>
                </div> --}}
            </div>
        </div>
    </div>


    <div class="modal fade" id="cliente-id-Modal" tabindex="-1" role="dialog" aria-labelledby="cliente-id-ModalLabel" aria-hidden= "true" >
        <div class="modal-dialog modal-dialog-centered modal-xl" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="cliente-id-ModalLabel">Cliente</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="table-responsive">
                        <table id="tabelashowCliente" class="tabelashow table table-striped table-bordered table-hover">
                            <thead>
                                <tr>
                                    <th>Nome</th>

                                    <th></th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($clientes as $cliente)
                                    <tr>
                                        <td>{{ $cliente->nome }}</td>
                                        <td><button
                                        onclick="document.getElementById('clientes_id').value = {{ $cliente->id }};" class="btnmodal" data-dismiss="modal">Selecionar</button></td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" data-dismiss="modal">Fechar</button>
                </div>
            </div>
        </div>
    </div>
    {{--  --}}
    <div class="modal fade" id="postos-id-Modal" tabindex="-1" role="dialog" aria-labelledby="postos-id-ModalLabel" aria-hidden= "true" >
        <div class="modal-dialog modal-dialog-centered modal-xl" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="postos-id-ModalLabel">Posto</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="table-responsive">
                        <table id="tabelashowPostos" class="tabelashow table table-striped table-bordered table-hover">
                            <thead>
                                <tr>
                                    <th>Nome</th>

                                    <th></th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($postos as $posto)
                                    <tr>
                                        <td>{{ $posto->nome_posto }}</td>
                                        <td><button
                                        onclick="document.getElementById('postos_id').value = {{ $posto->id }};" class="btnmodal" data-dismiss="modal">Selecionar</button></td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" data-dismiss="modal">Fechar</button>
                </div>
            </div>
        </div>
    </div>
  
    {{--  --}}
    <script>

        function validate(formData, jqForm, options) {
            var form = jqForm[0];
            var $fileUpload = $("#fileanexo");
            if (parseInt($fileUpload.get(0).files.length)>3){
                alert("Você só pode anexar até 3 arquivos");
                return false;
            }
            if (parseInt($fileUpload.get(0).files.length)<=0){
                alert("Nenhum arquivo anexado");
                return false;
            }
        }
    
    
    
        $(document).ready(function(){
            $('#carregar').click(function(e){
    
                e.preventDefault();
    
                var bar = $('#progress-bar1');
                var percent = $('#percent1');
                var status = $('#status');
                let token = $('meta[name="csrf_token"]').attr('content');
                var $method = $('[name="_method"]').val('POST');
                formData = new FormData(document.getElementById('formEqp'));
    
                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': '{{ csrf_token() }}'
                    }
                });
    
    
                $.ajax({
                    xhr: function() {
                        var xhr = new window.XMLHttpRequest();
                        xhr.upload.addEventListener("progress", function(evt) {
                            if (evt.lengthComputable) {
                                var percentComplete = (evt.loaded / evt.total) * 100;
                                // Place upload progress bar visibility code here
    
                                var percentVal = percentComplete + '%';
                                bar.width(percentVal)
                                percent.html(percentVal);
                            }
                        }, false);
                        return xhr;
                    },
                    
                    type: 'POST',
                    url: '{{ route('equipamentos_imobilizado_carregaranexo') }}',
                    data: formData,
                    cache:false,
                    contentType: false,
                    processData: false,
                    dataType: 'json',
                    beforeSend: function() {
                        validate;
                        status.empty();
                        var percentVal = '0%';
    
                        bar.width(percentVal)
                        percent.html(percentVal);
                    },
                    success: function(result) {
                        var percentVal = 'Concluído';
                        bar.width(percentVal)
                        percent.html(percentVal);
                        for(var i = 1; i < result.index + 1; i++){
                            $('#formEqp').append('<input id="document'+ i + '" type="hidden" name="document'+ i + '" value="' + result.nome_imagens[i] + '">');
                        }
                        $('#controle_anexo').val(1);
                        $('#limpar_anexo').removeClass('d-none');
                        $('#carregar').addClass('d-none');
                        $('#fileanexo').addClass('d-none');
                        $('#fileanexo').val(null);
                        var $method = $('[name="_method"]').val('PATCH');
    
                        
                    },
                    complete: function(xhr) {
                        status.html(xhr.responseText);
                    }
                });
    
            });
    
            $('#limpar_anexo').click(function(e){
                e.preventDefault();
    
                var bar = $('#progress-bar1');
                var percent = $('#percent1');
                var status = $('#status');
                let token = $('meta[name="csrf_token"]').attr('content');
                $('[name="_method"]').prop('disabled', true);
                formData = new FormData(document.getElementById('formEqp'));
    
                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': '{{ csrf_token() }}'
                    }
                });
    
                $.ajax({
                    xhr: function() {
                        var xhr = new window.XMLHttpRequest();
                        xhr.upload.addEventListener("progress", function(evt) {
                            if (evt.lengthComputable) {
                                var percentComplete = (evt.loaded / evt.total) * 100;
                                // Place upload progress bar visibility code here
    
                                var percentVal = percentComplete + '%';
                                bar.width(percentVal)
                                percent.html(percentVal);
                            }
                        }, false);
                        return xhr;
                    },
                    
                    type: 'POST',
                    url: '{{ route('equipamentos_imobilizado_apagaranexo') }}',
                    data: formData,
                    cache:false,
                    contentType: false,
                    processData: false,
                    dataType: 'json',
                    success: function(result) {
                        var percentVal = '0%';
    
                        $("#document1").remove();
                        $('#limpar_anexo').addClass('d-none');
                        $('#carregar').removeClass('d-none');
                        $('#fileanexo').removeClass('d-none');
                        $('#fileanexo').val(null);
                        $('#percent1').html('0%');
                        $('#controle_anexo').val(0);
                        bar.width(0)
                        percent.html(0);
    
                        bar.width(percentVal)
                        percent.html(percentVal);
                        $('[name="_method"]').prop('disabled', false);
                    },
                    complete: function(xhr) {
                        status.html(xhr.responseText);
                    }
                });
    
            });            
        });
    
    </script>

{{-- <script>

 $(document).ready(function(){



    $('#status').change(function(){
     let objetoSelecionadoStatus = $('#status').val();

      if(objetoSelecionadoStatus !== 'Instalado'){
       
        $('#postos_id').prop('disabled',true);
        $('#clientes_id').prop('disabled',true);
        }else if(objetoSelecionadoStatus === 'Instalado'){
        $('#postos_id').prop('disabled',false);
        $('#clientes_id').prop('disabled',false);
        }

        if(objetoSelecionadoStatus==='Indisponivel'){
            $('#operacionalidade').val('Avariado');
        
        }


    });

    $('#operacionalidade').change(function () {
       let ObjSelecionadoOper = $('#operacionalidade').val();
       if(ObjSelecionadoOper==='Avariado'){
          $('#status').val('Indisponivel');
        }
             


    });
  

    })

</script> --}}

<script>

    $(document).ready(function(){
       
        aparecerHabilitarElementos();
        
        let ObjStatusRequisicao = $('#status_requisicao')
        let ObjSelecionadoOper = $('#operacionalidade')
        let ObjSelecionadoArmazem = $('#armazem_id')
        
     

        //operacionalidade
        ObjSelecionadoOper.change(function () {
                if(ObjSelecionadoOper.val()==='Avariado'){
                    ObjStatusRequisicao.val('Indisponivel');
                    travaSelect(ObjStatusRequisicao);
                    esconderDesabilitarElementos();
                    esconderDesabilitarArmazem();

                }else if(ObjSelecionadoOper.val()==='Novo'){
                    esconderDesabilitarElementos();
                    esconderDesabilitarArmazem();
                    ObjStatusRequisicao.val('')
                }else{
                aparecerHabilitarElementos();                
                destravaSelect(ObjStatusRequisicao);
                ObjStatusRequisicao.val('');
                }
        });

        //status
        ObjStatusRequisicao.change(function(){
             if(ObjStatusRequisicao.val()==='Indisponivel'){
                ObjSelecionadoOper.val('Avariado');
                travaSelect(ObjSelecionadoOper);
                esconderDesabilitarElementos();
                $('#div_armazem').addClass('d-none');
                ObjSelecionadoArmazem.prop('disabled',true); 

            }else if(ObjStatusRequisicao.val()==='Disponivel'){
                $('#div_armazem').removeClass('d-none');
                ObjSelecionadoArmazem.prop('disabled',false);
                esconderDesabilitarElementos();
                destravaSelect(ObjSelecionadoOper)
                

            }else if(ObjStatusRequisicao.val()==='Instalado'){
                  aparecerHabilitarElementos();
                  $('#div_armazem').addClass('d-none');  
                   ObjSelecionadoArmazem.prop('disabled',true);
                   destravaSelect(ObjSelecionadoOper)

                   $('#divLinhaPosto').addClass('d-none');
                   $('#divLinhaCliente').addClass('d-none');
                   $('#radioButtonCliente').prop('checked', false);
                   $('#radioButtonPostos').prop('checked', false);
            // }else{
                
                
                  
            //    ObjSelecionadoOper.val(''); 

            }

        });


        function travaSelect(selectElement) {
            selectElement.css({
            'color': 'gray',
            'background-color': '#f0f0f0',
            'pointer-events': 'none'
             });
        }

        function destravaSelect(selectElement) {
            selectElement.css({
                'color': '',
                'background-color': '',
                'pointer-events': ''
             });
        }


        function esconderDesabilitarElementos() {
            $('.esconderDivInstalado').addClass('d-none');
            let divsEsconder = $('.esconderDivInstalado');
            divsEsconder.each(function() {
            let elementosDentroDaDiv = $(this).find('input, select');
                 elementosDentroDaDiv.prop('disabled', true);
            });
        }

        function aparecerHabilitarElementos() {
            $('.esconderDivInstalado').removeClass('d-none');
            let divAparecer = $('.esconderDivInstalado');
            divAparecer.each(function() {
            let elementosDentroDaDiv = $(this).find('input, select');
                 elementosDentroDaDiv.prop('disabled', false);
            });
        }

   
    });

    function esconderDesabilitarArmazem() {
        $('.divEsconderArmazem').addClass('d-none');
        let divsEsconder = $('.divEsconderArmazem');
        divsEsconder.each(function() {
        let elementosDentroDaDiv = $(this).find('select');
                elementosDentroDaDiv.prop('disabled', true);
        });
    }

    function aparecerHabilitarArmazem() {
        $('.divEsconderArmazem').removeClass('d-none');
        let divAparecer = $('.divEsconderArmazem');
        divAparecer.each(function() {
        let elementosDentroDaDiv = $(this).find('select');
                elementosDentroDaDiv.prop('disabled', false);
        });
    }

   
   
</script>


<script>
    if (navigator.geolocation) {
            var latitude;
            var longitude;
                    navigator.geolocation.getCurrentPosition(function(position) {
                         latitude = position.coords.latitude;
                         longitude = position.coords.longitude;
                         $('#coordenadas_gps').val(latitude +' ' +longitude);
                        //console.log("Latitude: " + latitude + "\nLongitude: " + longitude);
                    }); 
        } else {
                    alert("Geolocalização não é suportada pelo seu navegador.");
                }




</script>
 <!-- DataTables  & Plugins -->
 <script src={{ asset('/plugins/datatables/jquery.dataTables.min.js') }}></script>
 <script src={{ asset('/plugins/datatables-bs4/js/dataTables.bootstrap4.min.js') }}></script>
 <script src={{ asset('/plugins/datatables-responsive/js/dataTables.responsive.min.js') }}></script>
 <script src={{ asset('/plugins/datatables-responsive/js/responsive.bootstrap4.min.js') }}></script>
 <script src={{ asset('/plugins/datatables-buttons/js/dataTables.buttons.min.js') }}></script>
 <script src={{ asset('/plugins/datatables-buttons/js/buttons.bootstrap4.min.js') }}></script>
 <script src={{ asset('/plugins/jszip/jszip.min.js') }}></script>
 <script src={{ asset('/plugins/pdfmake/pdfmake.min.js') }}></script>
 <script src={{ asset('/plugins/pdfmake/vfs_fonts.js') }}></script>
 <script src={{ asset('/plugins/datatables-buttons/js/buttons.html5.min.js') }}></script>
 <script src={{ asset('/plugins/datatables-buttons/js/buttons.print.min.js') }}></script>
 <script src={{ asset('/plugins/datatables-buttons/js/buttons.colVis.min.js') }}></script>


<script>
    $('.tabelashow').DataTable( {
        
          "paging": true,
          "lengthChange": true,
          "searching": true,
          "ordering": true,
          "info": true,
          "autoWidth": false,
          "responsive": true,
          "buttons": [ "csv", "excel", "pdf", {"extend":"print","text":"Imprimir"}, {"extend":"colvis","text":"Colunas"}],
          "lengthMenu": [[8, 10, 25, 50, -1], [8, 10, 25, 50, "All"]],
                    "bJQueryUI": true,
                    "oLanguage": {
                        "sProcessing":   "Processando...",
                        "sLengthMenu":   "Registros _MENU_ ",
                        "sZeroRecords":  "Não foram encontrados resultados",
                        "sInfo":         "Mostrando de _START_ até _END_ de _TOTAL_ registros",
                        "sInfoEmpty":    "Mostrando de 0 até 0 de 0 registros",
                        "sInfoFiltered": "",
                        "sInfoPostFix":  "",
                        "sSearch":       "Buscar:",
                        "sUrl":          "",
                        "oPaginate": {
                            "sFirst":    "Primeiro",
                            "sPrevious": "Anterior",
                            "sNext":     "Seguinte",
                            "sLast":     "Último"
                        }
                    }

         
    
    } ).buttons().container().appendTo('#tabelashow_wrapper .col-md-6:eq(0)');
</script>


<script>

$(document).ready(function() { 

    let radioButtonCliente = $('#radioButtonCliente');
    let radioButtonPostos = $('#radioButtonPostos');
    $('#divLinhaPosto').addClass('d-none');
    $('#divLinhaCliente').addClass('d-none');
   // $('#divLinhaCliente').removeClass('d-none');
    radioButtonCliente.click(function() {
        $('#divLinhaCliente').removeClass('d-none');
        document.getElementById('clientes_id').required = true;
        document.getElementById('postos_id').required = false;
        $('#divLinhaPosto').addClass('d-none');
        $('#postos_id').val('')
       

    });
    radioButtonPostos.click(function() {
        $('#divLinhaPosto').removeClass('d-none');
        document.getElementById('postos_id').required = true;
        document.getElementById('clientes_id').required = false;
        $('#divLinhaCliente').addClass('d-none');
        $('#clientes_id').val('');
       
    });
});



 
   


</script>

@endsection