@extends('adminlte.app')

@section('content')

    <div class="content-wrapper pb-3">
        <!-- Content Header (Page header) -->
        <div class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">Alterar Sondagens
                        <h1 class="m-0"></h1>
                    </div><!-- /.col -->
                    <div class="col-sm-6">
                
                    </div><!-- /.col -->
                </div><!-- /.row -->
            </div><!-- /.container-fluid -->
        </div>
        <!-- /.content-header -->

        @if ($message = Session::get('success'))
            <div class="alert alert-success">
                <p>{{ $message }}</p>
            </div>
        @endif
        @if($emailsErros = Session::get('emailsErros'))
            <div class="alert alert-warning">
                <p>
                    @foreach ($emailsErros as $erro)
                        Erro: {{ $erro }}@if(!$loop->last), @else. @endif <br>
                    @endforeach
                </p>
            </div>
        @endif
        @if ($message = Session::get('danger'))
            <div class="alert alert-danger">
                <p>{{ $message }}</p>
            </div>
        @endif

        @if ($errors->any())
    <script>
        // Espera que todos os recursos da página estejam carregados
        $(window).on('load', function() {
            $('#CriarSondagensModal').modal('show'); // Abre o modal se houver erros
        });
    </script>
@endif

        <div class="card mx-3 mt-3">
            <div class="card-header">
                <div class="row">
                    <div class="col-md-4">
                        Filtros
                    </div>
                    <div class="col-md-8 text-right">
                        <!-- @if ($permissao->criar_referencias_precos)
                            <a href="{{ route('pvp_posto_preco_create') }}"> <button class="btn btn-primary rounded">Novo Registro</button></a>
                        @endif -->
                    </div>   
                </div> 
            </div>
                {{-- @csrf --}}
                    
            <div class="pl-3 ml-3 mt-3 mr-3  bg-dark text-white">
                Filtros Sondagens
            </div>

            <div class="border pt-3 pl-3 pr-3 ml-3 mr-3 mb-3 bg-light ">
                
                <form action="{{ route('sondagens_listar') }}" method="GET" class="pd-3 ">

                    <div class="row form-group">
                            <div class="col-md-3">
                                <label for="posto" class="">Selecione o posto</label>
                                <select name="posto"   id="posto" class=" form-control" required>
                                    {{-- <option value=""></option> --}}

                                    <option>Todos</option>
                                    @foreach ($postos as $posto )                                
                                    <option value="{{$posto->id}}"
                                        {{ old('posto') == $posto->id ? 'selected' : '' }}>
                                        {{$posto->nome_posto}}
                                    </option>
                                    @endforeach
                                </select>
                            </div>
                    </div>

                    <div class="row form-group">
                       
                        <div class="col-md-3 d-none" id="div_semana">
                            <label for="semana" class="">Semana</label>
                            <input name="semana" id="semana" class=" form-control" type="number" min="0" step="1" max="52" value="" required disabled>
                        </div>

                        <div class="col-md-3" id="div_intervalo_inicio">
                            <label for="data_inicio" class="">Início do intervalo</label>
                            <input name="data_inicio" id="data_inicio" class=" form-control" type="date" value="{{ $data_inicio->format('Y-m-d') }}" required>
                        </div>
                        
                        <div class="col-md-3" id="div_intervalo_fim">
                            <label for="data_fim" class="">Fim do intervalo</label>
                            <input name="data_fim" id="data_fim" class=" form-control" type="date" value="{{ $data_fim->format('Y-m-d') }}" required>
                        </div>

                    </div>
                    <div class="row">

                        <div class="text-center pb-3 col-md-3" >
                            <button class="btn btn-primary rounded mx-auto ">Consultar</button>
                        </div>
                        
                        @if($permissao->alterar_sondagens)
                            <div class="text-center pb-3 col-md-2 " id="criar" >
                                {{-- <button type="button" class="btn btn-primary" title="Adicionar" data-toggle="modal" data-target="#CarteirasModal" onclick="exibirValores('{{ $sondagem->data_sondagem }}', '{{ $sondagem->sondagem_inicial }}', '{{ $sondagem->sondagem_final }}','{{$sondagem->id}}')"> --}}
                                <button type="button" class="btn btn-primary" title="Criar Sondagens" data-toggle="modal" data-target="#CriarSondagensModal" id="botaoCriar" disabled  >
                                  Criar Sondagens
                                </button>
                                <br>
                                <span id="esconder_span"  style="color: rgb(46, 7, 7);">Selecione um posto para habilitar criar uma Sondagem</span>
                            </div>
                        @endif


                    </div>

                </form>
                    
           
             
            </div>




        </div>
     
        <div class="card mx-3 mt-3">
            
            @php
                // Agrupa as sondagens pelo nome do posto
                $sondagensPorPosto = $sondagens->groupBy('combustivel.posto.nome_posto');
            @endphp
            <div class="card-body">
                @foreach ($sondagensPorPosto as $nome_posto => $sondagens)
                    
                    @if($nome_posto!=null || $nome_posto!="" )
                        {{-- Exibe o nome do posto --}}
                            <div class="row mt-4">
                                <p class="text-lg bg-primary mx-0 px-2 w-100 py-2 mb-0">
                                    {{ $nome_posto }}
                                </p>
                            </div>
                    
                            {{-- Exibe os dados das sondagens --}}
                            <div class="table-responsive mx-0 mt-4 mb-4">
                                <table class="table-sm table table-bordered text-center">
                                    <thead>
                                        <tr>
                                            {{-- <th>id</th> --}}
                                            <th>Numero Tanque</th>
                                            <th>Produto</th>
                                            <th>Tipo Sondagem</th>
                                            <th>Data Sondagem</th>
                                            <th>Sondagem Inicial</th>
                                            <th>Sondagem Final</th>
                                            @if($permissao->alterar_sondagens)
                                            <th>Ações</th>
                                            @endif
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($sondagens as $sondagem)
                                            <tr>

                                                {{-- <td>{{ $sondagem->id }}</td> --}}
                                                <td>{{ $sondagem->combustivel->num_tanque ?? 'N/A' }}</td>
                                                <td>{{ $sondagem->combustivel->produto->artigo ?? 'N/A' }}</td>
                                                <td>{{ $sondagem->tipo_sondagem }}</td>
                                         
                                                {{-- <td>{{ format($sondagem->data_sondagem , 'Y-m-d\TH:i') }}</td> --}}
                                                {{-- {{$agendamento->data_agendamento))}} --}}
                                                {{-- <td>{{ date('d/m/Y h:m' , strtotime($sondagem->data_sondagem)) }}</td> --}}
                                               
                                                <td>{{ \Carbon\Carbon::parse($sondagem->data_sondagem)->format('d/m/Y H:i') }}</td>
                                                
                                                <td>{{number_format($sondagem->sondagem_inicial, 0,","," ")}}</td>
                                                <td>{{number_format($sondagem->sondagem_final, 0,","," ")}}</td>
                                                <td >
                                                    {{-- <form method="GET" action="/sondagens-alterar/{{$sondagem->id}}/edit"> --}}
                                                        {{-- <form method="GET" action="{{ route('sondagens_alterar', ['id' => $sondagem->id]) }}"> --}}
                                                            {{-- <button class="btn btn-success btn-sm" type="submit" title="Editar"><i class="fas fa-pencil-alt" title="Editar" aria-hidden="true"></i></button> --}}
                                                            {{-- <button type="button" class="btn btn-primary" title="Adicionar" data-toggle="modal" data-target="#CarteirasModal"><i class="fas fa-pencil-alt" title="Editar" aria-hidden="true" onclick="exibirValores('{{ $sondagem->data_sondagem }}', '{{ $sondagem->sondagem_inicial }}', '{{ $sondagem->sondagem_final }}','{{$sondagem->id}}')"></i></button> --}}
                                                        {{-- </form> --}}
                                                        {{-- <button type="button" class="btn btn-primary" title="Adicionar" data-toggle="modal" data-target="#CarteirasModal" onclick="exibirValores('{{ $sondagem->data_sondagem }}', '{{ $sondagem->sondagem_inicial }}', '{{ $sondagem->sondagem_final }}','{{$sondagem->id}}')"> --}}
                                                    @if($permissao->alterar_sondagens)
                                                        <button type="button" class="btn btn-primary" title="Adicionar" data-toggle="modal" data-target="#CarteirasModal" onclick="exibirValores('{{ $sondagem->data_sondagem }}', '{{ $sondagem->sondagem_inicial }}', '{{ $sondagem->sondagem_final }}','{{$sondagem->id}}')">
                                                            <i class="fas fa-pencil-alt" title="Editar" aria-hidden="true"></i>
                                                        </button>
                                                    @endif

                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                    @endif
                    
                @endforeach
            </div>
        </div>
        
     
        
    </div>
    @if($permissao->alterar_sondagens)
        <div class="modal fade" id="CarteirasModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true" data-backdrop="static" edata-keyboard="false">
            <div class="modal-dialog modal-dialog-centered modal-xl" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Editar Sondagens</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>

                    <div class="modal-body">
                        <form id="meuFormulario" method="GET" action="{{ route('sondagens_alterar', isset($sondagem->id)) }}">
                            @csrf
                            <div class="row">
                                    {{-- @php
                                        $dataSondagemFormatada = date('Y-m-d\TH:i', strtotime($sondagem->data_sondagem));
                                    @endphp --}}
                                <div class="col-md-3">
                                    <label for="data_sondagem">Data Sondagem</label>
                                    <input type="datetime-local" step="any" class="form-control" id="data_sondagem" name="data_sondagem" >
                                </div>
                                <div class="col-md-3">
                                    <label for="sondagem_inicial">Sondagem Inicial</label>
                                    
                                    <input type="number" class="form-control" id="sondagem_inicial" name="sondagem_inicial" "> 
                                </div>
                                <div class="col-md-3">
                                    <label for="sondagem_final">Sondagem Final</label>
                                    <input type="number" class="form-control" id="sondagem_final" name="sondagem_final">
                                </div>
                                <input type="hidden" class="form-control" hidden id="id" name="id">
                            </div>
                        </form>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button>
                        <button type="submit" class="btn btn-primary" form="meuFormulario">Salvar mudanças</button>
                    </div>
                </div>
            </div>
        </div>
    @endif

    @if($permissao->alterar_sondagens)
        <div class="modal fade" id="CriarSondagensModal" tabindex="-1" role="dialog" aria-labelledby="criarModalLabel" aria-hidden="true" data-backdrop="static" data-keyboard="false">
            <div class="modal-dialog modal-dialog-centered" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="criarModalLabel">Criar Sondagens</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
        
                    <div class="modal-body">
                          <!-- Exibindo as mensagens de erro -->
                        @foreach ($errors->all() as $error)
                            <div class="alert alert-danger">{{ $error }}</div>
                        @endforeach
                        <form id="meuFormulario_criar" class="text-center" method="GET" action="{{ route('sondagens_listar_criar') }}">
                            @csrf
                            <div class="container-fluid">
                                <div class="form-row mb-3">
                                    <label for="tanque" class="col-sm-4 col-form-label">Selecione o Tanque:</label>
                                    <div class="col-sm-8">
                                        <select id="tanque" name="tanque" class="form-control">
                                            <!-- As opções serão populadas via jQuery -->
                                        </select>
                                    </div>
                                </div>
        
                                <div class="form-row mb-3">
                                    <label for="produto_id" class="col-sm-4 col-form-label">Produto:</label>
                                    <div class="col-sm-8">
                                        <input type="text" class="form-control" id="produto_id" name="produto_id"  readonly>
                                    </div>
                                </div>
        
                                <div class="form-row mb-3">
                                    <label for="tipo_sondange" class="col-sm-4 col-form-label">Tipo de Sondagem:</label>
                                    <div class="col-sm-8">
                                        <select name="tipo_sondange" id="tipo_sondange" class="form-control">
                                            <option value="venda" {{ old('tipo_sondange') == 'venda' ? 'selected' : '' }}>Venda</option>
                                            <option value="reabastecimento" {{ old('tipo_sondange') == 'reabastecimento' ? 'selected' : '' }}>Reabastecimento</option>
                                        </select>
                                    </div>
                                </div>
        
                                <div class="form-row mb-3">
                                    <label for="data_sondagem_criar" class="col-sm-4 col-form-label">Data Sondagem:</label>
                                    <div class="col-sm-8">
                                        <input type="datetime-local" class="form-control" id="data_sondagem_criar" name="data_sondagem_criar" value="{{ date('Y-m-d\TH:i') }}">
                                    </div>
                                </div>
        
                                <div class="form-row mb-3">
                                    <label for="sondagem_inicial_criar" class="col-sm-4 col-form-label">Sondagem Inicial:</label>
                                    <div class="col-sm-8">
                                        <input type="number" min="0" step="1" class="form-control" id="sondagem_inicial_criar" name="sondagem_inicial_criar" required>
                                    </div>
                                </div>
        
                                <div class="form-row mb-3">
                                    <label for="sondagem_final_criar" class="col-sm-4 col-form-label">Sondagem Final:</label>
                                    <div class="col-sm-8">
                                        <input type="number" min="0" step="1" class="form-control" id="sondagem_final_criar" name="sondagem_final_criar" required>
                                    </div>
                                </div>
                                <input type="hidden" class="form-control" hidden id="posto_combustiveis_id" name="posto_combustiveis_id" > 

                            </div>
                        </form>
                    </div>
        
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button>
                        <button type="submit" class="btn btn-primary" form="meuFormulario_criar">Salvar mudanças</button>
                    </div>
                </div>
            </div>
        </div>
    
    @endif

    <!-- 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>

  {{-- {{dd($postos[2]->combustiveis)}} --}}
    <!-- Blade para carregar os postos e suas tanque -->
<script>
    // Cria um objeto para armazenar as tanque por posto
    let postos = {
        @foreach($postos as $posto)
                '{{ $posto->id }}': [
                    @foreach($posto->combustiveis as $postosCombustiveis)
                        {
                            id: '{{ $postosCombustiveis->id }}',
                            numero_tanque: '{{ $postosCombustiveis->num_tanque }}',
                            // produtos1: '{{ $postosCombustiveis->produto_id }}'
                            produto: {!! json_encode($postosCombustiveis->produto) !!} // Produto em formato JSON
                        },
                    @endforeach
                ],
            
        @endforeach
    };

    // console.log(postos[2][0].produto.descricao)
    // console.log(postos[2][0].produto.id)

</script>


<script>
   $(document).ready(function() {
    
     $('#meuFormulario_criar').submit(function(event) {
        // Obtém o valor do tanque selecionado
        let tanqueSelecionado = $('#tanque').val();

        // Verifica se o valor é vazio ou igual a "Selecione"
        if (tanqueSelecionado==="Selecione" || tanqueSelecionado === "") {
            alert("Por favor, selecione um tanque válido.");
            event.preventDefault(); // Impede o envio do formulário
        }
    });

    

        $('#posto').change(function() {
            let textoSelecionado = $("#posto option:selected").text().trim(); // Remove espaços

            if (textoSelecionado !== 'Todos') {
                $('#botaoCriar').prop('disabled', false); // Habilita o botão
                $('#esconder_span').addClass('d-none'); // Esconde o span
            } else {
                $('#botaoCriar').prop('disabled', true); // Desabilita o botão
                $('#esconder_span').removeClass('d-none'); // Mostra o span
            }

            let idSelecionado = $(this).val(); // Obtém o ID do posto selecionado
            $('#tanque').empty().append('<option value="Selecione">Selecione</option>'); // Limpa o select de tanque

            if (idSelecionado && postos[idSelecionado]) {
                let posto = postos[idSelecionado];

                // Popula o select de tanque com os dados
                $.each(posto, function(index, tanque) {
                    $('#tanque').append('<option value="' + tanque.id + '">' + tanque.numero_tanque + '</option>');
                });

                // Adiciona um evento de mudança no select de tanque
                $('#tanque').off('change').on('change', function() {
                    // Obtém o índice do tanque selecionado
                    var indiceTanqueSelecionado = $(this).prop('selectedIndex') - 1; // -1 porque o primeiro é um prompt

                    if (indiceTanqueSelecionado >= 0) {
                        // Obtém o produto correspondente ao tanque selecionado
                        var produtoDescricao = posto[indiceTanqueSelecionado].produto.artigo;
                        var postos_combustivel_id = posto[indiceTanqueSelecionado].id;
                        
                        // Define o valor do produto no campo #produto_id
                        $('#produto_id').val(produtoDescricao);
                        $('#posto_combustiveis_id').val(postos_combustivel_id);

                        console.log("Descrição do Produto: " + produtoDescricao);
                        console.log("postos_combustivel_id: " + postos_combustivel_id);
                        // document.querySelector('#criarModalLabel').innerHTML = 'Criar Sondagens ' + postos.nome_posto;                    } else {
                        // $('#produto_id').val(''); // Limpa se nenhum tanque for selecionado
                    }
                });
             
            }
        });

        $('#CriarSondagensModal').on('shown.bs.modal', function (e) {
        let idSelecionado = $('#posto').val(); // Obtém o ID do posto selecionado

        // Verifica se existe um posto selecionado e se o ID é válido
        if (idSelecionado && postos[idSelecionado]) {
            let nomePosto = $("#posto option:selected").text().trim(); // Nome do posto selecionado

            // Altera o título do modal ao ser aberto com o nome do posto
            document.querySelector('#criarModalLabel').innerHTML = 'Criar Sondagens ' + 'Posto: ' + nomePosto;
        } else {
            // Se não houver posto selecionado, usa um título genérico
            document.querySelector('#criarModalLabel').innerHTML = 'Criar Sondagens';
        }
        });

        // $('#CriarSondagensModal').on('hidden.bs.modal', function (e) {
        //     // Limpa os campos do modal
        //     // $('#posto').val(''); // Reseta o select de posto
        //     $('#tanque').empty().append('<option value="">Selecione</option>'); // Limpa e redefine o select de tanque
        //     $('#produto_id').val(''); // Limpa o campo do produto
        //     $('#postos_combustivel_id').val(''); // Limpa o campo do posto de combustível
        //     // $('#criar').addClass('d-none'); // Esconde o elemento se necessário

        //     // Se você tiver outros campos no modal, adicione-os aqui para limpar
        // });







    });

     



   



    function exibirValores(data_sondagem, sondagem_inicial, sondagem_final,sondagem_id) {
            
            

        // console.log(data_sondagem);
            $('#data_sondagem').val(data_sondagem);
            $('#sondagem_inicial').val(parseInt(sondagem_inicial.replace(/\..*/, "")));
            $('#sondagem_final').val(parseInt(sondagem_final.replace(/\..*/, "")));
            $('#id').val(sondagem_id);
            console.log(parseInt(sondagem_inicial,replace(".","")))
    }

</script>



@endsection