@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">Sondagem Bomba</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">
                        Cadastrar nova sondagem
                    </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>

    
            <form id="formNovaSondagem" action="{{ route('sondagens_bombas_store', ['posto_bomba' => $posto_bomba->id]) }}" method="POST" class="pt-4">
                @csrf

                <div class="row">
                    <div class="col-12">
                        <div class="row pl-3 ml-3 pb-0 pt-0 mt-3 mr-3 bg-dark text-white">
                            <div class="col-sm-12">
                                Dados Bomba
                            </div> 
                        </div>
                        <div class="pl-3 ml-3 pb-0 pt-3 mt-0 mr-3 bg-light text-white border"> 
                            <div class="form-group row pl-3 pr-3">

                                <div class="col-md-3">
                                    <label for="nome_posto" class="col-form-label text-md-right">Nome do Posto</label>
                                    <input id="nome_posto" type="text" class="form-control @error('nome_posto') is-invalid @enderror" name="nome_posto" value="{{ $posto_bomba->combustivel->posto->nome_posto }}" readonly>

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


                                <div class="col-md-3">
                                    <label for="num_bomba" class="col-form-label text-md-right">Número Bomba</label>
                                    <input id="num_bomba" type="text" class="form-control @error('num_bomba') is-invalid @enderror" name="num_bomba" value="{{ $posto_bomba->num_bomba }}" readonly>

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

                                </div>

                                <div class="col-md-3">
                                    <label for="combustivel" class="col-form-label text-md-right">Combustível</label>
                                    <input id="combustivel" type="text" class="form-control @error('combustivel') is-invalid @enderror" name="combustivel" value="{{ $posto_bomba->combustivel->produto->artigo }}" readonly>

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

                                </div>
                            </div>

                            <div class="form-group row pl-3 pr-3">


                                <div class="col-md-3">
                                    <label for="possui_contador" class="col-form-label text-md-right">Possui Contador</label>
                                    <input id="possui_contador" type="text" class="form-control @error('possui_contador') is-invalid @enderror" name="possui_contador" value="{{ $posto_bomba->possui_contador }}" readonly>

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

                                </div>

                                @if(strtolower($posto_bomba->possui_contador) == 'sim')
                                    <div class="col-md-3">
                                        <label for="tipo_contador" class="col-form-label text-md-right">Tipo Contador</label>
                                        <input id="tipo_contador" type="text" class="form-control @error('tipo_contador') is-invalid @enderror" name="tipo_contador" value="{{ $posto_bomba->tipo_contador }}" readonly>

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

                                    </div>
                                @endif

                                <div class="col-md-3">
                                    <label for="operacional" class="col-form-label text-md-right">Operacional</label>
                                    <input id="operacional" type="text" class="form-control @error('operacional') is-invalid @enderror" name="operacional" value="{{ $posto_bomba->operacional }}" readonly>

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

                                </div>

                                

                            </div>
                        </div>

                        <div class="row pl-3 ml-3 pb-0 pt-0 mt-3 mr-3 bg-dark text-white">
                            <div class="col-sm-12">
                                Dados da Sondagem
                            </div> 
                        </div>

                        <div class="pl-3 ml-3 pb-0 pt-3 mt-0 mr-3 bg-light text-white border"> 
                            <div class="form-group row pl-3 pr-3">
                                @if($posto_bomba->sondagens_bombas()->latest()->first())
                                    <div class="col-md-3">
                                        <label for="ultima_sondagem" class="col-form-label text-md-right">Última Sondagem</label>
                                        <input id="ultima_sondagem" type="text" class="form-control @error('ultima_sondagem') is-invalid @enderror" name="ultima_sondagem" value="{{ date('d/m/Y - H:i:s', strtotime($posto_bomba->sondagens_bombas()->latest()->first()->data_sondagem)) }}" readonly required>
                                        @error('ultima_sondagem')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror

                                    </div>

                                @endif
                            </div>
                            <div class="form-group row pl-3 pr-3">

                                <div class="col-md-3">
                                    <label for="numerador_inicial" class="col-form-label text-md-right">Numerador Inicial</label>
                                    <input id="numerador_inicial" min="0" step="1" type="number" class="form-control @error('numerador_inicial') is-invalid @enderror" 
                                    name="numerador_inicial" required
                                    @if ($posto_bomba->sondagens_bombas()->latest()->first())
                                        value="{{ floor($posto_bomba->sondagens_bombas()->latest()->first()->numerador_final) }}"
                                        readonly
                                    @endif
                                    >

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

                                </div>

                                <div class="col-md-3">
                                    <label for="numerador_final" class="col-form-label text-md-right">Numerador Final</label>
                                    <input id="numerador_final" min="0" step="1" type="number" class="form-control @error('numerador_final') is-invalid @enderror" name="numerador_final" value="{{ old('numerador_final') }}" required>

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

                                <div class="col-md-3">
                                    <label for="litros_vendidos_inicial" class="col-form-label text-md-right">Litros Vendidos Inicial</label>
                                    <input id="litros_vendidos_inicial" min="0" step="1" type="number" class="form-control @error('litros_vendidos_inicial') is-invalid @enderror" 
                                    name="litros_vendidos_inicial" required
                                    @if ($posto_bomba->sondagens_bombas()->latest()->first())
                                        value="{{ floor($posto_bomba->sondagens_bombas()->latest()->first()->litros_vendidos_final) }}"
                                        readonly
                                    @endif
                                    >

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

                                </div>

                                <div class="col-md-3">
                                    <label for="litros_vendidos_final" class="col-form-label text-md-right">Litros Vendidos Final</label>
                                    <input id="litros_vendidos_final" min="0" step="1" type="number" class="form-control @error('litros_vendidos_final') is-invalid @enderror" name="litros_vendidos_final" value="{{ old('litros_vendidos_final') }}" required>

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

                            </div>
                        </div>

                        <div class="row pt-2 pb-3">
                            <button id="btn_cadastrar" class="btn btn-primary rounded mx-auto d-block">Cadastrar</button>
                        </div>

                    </div>
                </div>
            </form>

        </div>
    </div>




    <!-- 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>
 
    <!-- Page specific script -->



    <script>
        var table = $('.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)');

        

        // $('#tabelashow tbody').on('click', 'tr', function(){
        //     var linha = table.row(this);
        //     console.log(this);

        //     if(linha.isShown()){
        //         linha.hide();
        //     } else {
        //         linha.show();
        //     }

        // })
    </script>
    <script >
        
        
        $("#telefone").mask("(00) 0000-0000");
        $("#celular").mask("(00) 00000-0000");
    
        $('.money').mask('#.##9,99', { reverse: true });   
    
    </script>

@endsection