@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-6">
                        Editar Equipamentos Imobilizados
                    </div>
                    <div class="col-md-6 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" action="{{ route('equipamentos_imobilizado_update', ['equipamentos_imobilizado' => $equipamentos_imobilizado->id]) }}" method="POST" class="pt-4">
                    @method('PATCH')
                    @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="{{ $equipamentos_imobilizado->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="{{$equipamentos_imobilizado->coordenadas_gps}}" required autocomplete="coordenadas_gps" autofocus>

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

                        <div  class="col-md-2">
                            <button type="button" class="btn btn-primary" id="atualizar_coordenadas">Atualizar Cordenadas</button>
                        </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="{{$equipamentos_imobilizado->operacionalidade}}"  required >
                                <option value="Em Funcionamento" {{ $equipamentos_imobilizado->operacionalidade === 'Em Funcionamento' ? 'selected' : '' }}>Em Funcionamento</option>
                                <option value="Novo" {{ $equipamentos_imobilizado->operacionalidade === 'Novo' ? 'selected' : '' }}>Novo</option>
                                <option value="Avariado" {{ $equipamentos_imobilizado->operacionalidade === 'Avariado' ? 'selected' : '' }}>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 value="Instalado" {{$equipamentos_imobilizado->status_requisicao ==='Instalado'? 'selected':''}}>Instalado</option> 
                                <option value="Disponivel" {{$equipamentos_imobilizado->status_requisicao ==='Disponivel'? 'selected':''}}>Disponivel</option> 
                                <option value="Indisponivel" {{$equipamentos_imobilizado->status_requisicao ==='Indisponivel'? 'selected':''}}>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->id == $equipamentos_imobilizado->armazem_id ?'selected':''}}>{{$armazens->nome_armazem}}</option>
                                    @endforeach
                                    {{-- @if($equipamentos_imobilizado->armazem_id !=null)                            
                                    <option value="{{ $equipamentos_imobilizado->armazem_id }}">{{ $equipamentos_imobilizado->armazem->nome_armazem }}</option>
                                    @endif --}}
                            </select>

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

                        </div>
                    </div>   
                   
                    {{-- <div class="col-md-4 " id="anexos_pdf"> --}}
                    <div class="form-group row">
                        <div class="col-md-4 text-right">
                        <label for="fileanexo" class="col-form-label ">Anexo</label><br>
                        </div>
                        <div class="col-md-6" id="anexos">
                            @if( $equipamentos_imobilizado->anexo  and  $equipamentos_imobilizado->anexo  != "noimage.png" )
                                <a href="/storage/equipamentos_imobilizado/{{ $equipamentos_imobilizado->anexo }}" id="anexo" target="_blank"> <button  class=" mb-3 btn btn-secondary btn-sm" type="button"  title="Anexo1"><i class="fa fa-file" aria-hidden="true"></i></button></a> <br>
                                {{-- <input type="hidden" name="cnh_rg" id="cnh_rg" value="{{ $processos->anexo_pdf }}"> --}}
                            @endif 
                
                            <span>Alterar PDF </span><br>
                            <input class="d-none" id='document1' type="text" name="document1" value="{{ old('document1', $equipamentos_imobilizado->anexo ) }}" >
                            <input id='fileanexo' type="file" name="anexo" value="{{ old('anexo')  ??   $equipamentos_imobilizado->anexo ?? "" }}" >
                            <div class="progress mb-2 mt-2 position-relative">
                                {{-- <div class="progress-bar" style="background-color: #B4F5B4; width:0%; height:25px; border-radius: 3px;"></div > --}}
                                <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" value="{{ old('anexo')  ??   $equipamentos_imobilizado->anexo ?? "" }}">
                          
                            <button type="button" id="limpar_anexo" class="btn btn-primary d-none pull-right">LIMPAR</button>
                         
                            <button type="button" id="carregar" class="btn btn-primary pull-right">CARREGAR</button>
                          
                        </div>
                    </div>


                        {{-- foto -- o real e esse eu copie o html do blade edit de processos na linha 141 pra ver se consigo funcionar o edit}}
                    {{-- <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="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="{{$equipamentos_imobilizado->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" name="amortizacao" value="{{$equipamentos_imobilizado->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="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="{{$equipamentos_imobilizado->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="{{$equipamentos_imobilizado->numero_colaboradores}}" required autocomplete="name" autofocus>

                            @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="{{$equipamentos_imobilizado->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="{{$equipamentos_imobilizado->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="{{$equipamentos_imobilizado->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="{{$equipamentos_imobilizado->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->id ==$equipamentos_imobilizado->postos_id ? 'selected': ''}}>{{$posto->nome_posto}}</option>
                                    @endforeach
                                </select>

                                @error('postos_id')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                                <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->id == $equipamentos_imobilizado->clientes_id ? 'selected':''}}>{{ $cliente->nome }}</option>
                                    @endforeach
                                </select>

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

                                <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>
                    <input class="d-none" type="text" id="clienteModificado" name="clienteModificado" value="{{$equipamentos_imobilizado->clientes_id}}">
                    
                    {{-- //</div> --}}

                    <div class="form-group row mb-0" >
                        <div class="col-md-6 offset-md-4">
                            <button type="submit" class="btn btn-primary"  >
                                Editar
                            </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 >
    
    
    $("#telefone").mask("(00) 0000-0000");
    $("#celular").mask("(00) 00000-0000");
 
    //  $('.valor_pecas').mask('#.##9,99', { reverse: true });   
 
</script>

<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(){
    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($('#operacionalidade').val()==='Avariado' && $('#status_requisicao').val()==='Indisponivel'){
    if($('#operacionalidade').val()==='Avariado'){
        //ObjStatusRequisicao.val('Indisponivel');
        travaSelect(ObjStatusRequisicao);
        esconderDesabilitarElementos();
        esconderDesabilitarArmazem();

        

    }else  { 
        aparecerHabilitarElementos();                
        destravaSelect(ObjStatusRequisicao);
        
    }

    if(ObjStatusRequisicao.val()==='Indisponivel'){
        // ObjSelecionadoOper.val('Avariado');
        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();

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

</script> --}}

<script>
    document.getElementById("atualizar_coordenadas").addEventListener("click", function() {
        event.preventDefault();
        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');

    let clienteId= $('#clientes_id option:selected').text();
    let postosId= $('#postos_id option:selected').text();
    $('#clienteModificado').val($('#clientes_id').val());
   
    if(clienteId){
       
        radioButtonCliente.prop('checked', true);
        clickCliente();



    }

    if(postosId){
        radioButtonPostos.prop('checked',true);   
        clickPostos();
    }


    radioButtonCliente.click(function(){
    clickCliente();
    
    
    });
    function clickCliente(){
        $('#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(){
        clickPostos();
    
    });

    function clickPostos(){
        $('#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