@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">Postos</h1>
                    </div><!-- /.col -->
                    <div class="col-sm-6">
                    
                    </div><!-- /.col -->
                </div><!-- /.row -->
            </div><!-- /.container-fluid -->
        </div>
        <!-- /.content-header -->

        <div class="row px-3">
            <div class="col-md-3">
                {{-- Dados do Posto --}}
                <div class="card">
                    <div class="card-header">
                        <div class="card-title">
                            Dados do Postos
                        </div>
                        <div class="card-tools">
                            <button type="button" class="btn btn-tool" data-card-widget="collapse"><i class="fas fa-minus"></i></button>
                        </div>
                    </div>
                    <div class="card-body" style="display: block;">
                        <ul class="list-group list-group-unbordered mb-3">
                            <li class="list-group-item">
                                <b>Nome Posto:</b> <span class="text-muted float-right">{{ $posto->nome_posto }}</span>
                            </li>
                            <li class="list-group-item">
                                <b>Gestor:</b> <span class="text-muted float-right">{{ $posto->gestor_posto()->exists() ? $posto->gestor_posto->name : '' }}</span>
                            </li>
                            <li class="list-group-item">
                                <b>Usuário:</b> <span class="text-muted float-right">{{ $posto->entidade()->exists() ? $posto->entidade->name : '' }}</span>
                            </li>
                        </ul>
                    </div>
                </div>
                {{-- Informações do contrato --}}
                <div class="card collapsed-card">
                    <div class="card-header">
                        <h3 class="card-title">Informações do Contrato</h3>
                        <div class="card-tools">
                            <button type="button" class="btn btn-tool" data-card-widget="collapse"><i class="fas fa-plus"></i></button>
                        </div>
                    </div>
                    <div class="card-body collapse" style="display: none;">
                        <ul class="list-group list-group-unbordered mb-3">
                            <li class="list-group-item">
                                <b>Tipo:</b> <span class="text-muted float-right">{{ strtoupper($posto->tipo_contrato) }}</span>
                            </li>
                            <li class="list-group-item">
                                <b>Período:</b> <span class="text-muted float-right">{{ date('d/m/Y', strtotime($posto->contrato_data_inicio)) }} - {{ date('d/m/Y', strtotime($posto->contrato_data_fim)) }}</span>
                            </li>
                            @if ($posto->tipo_contrato == 'direto')
                                @if ($posto->num_colaboradores)
                                    <li class="list-group-item">
                                        <b>Número de colaboradores:</b> <span class="text-muted float-right">{{ $posto->num_colaboradores }}</span>
                                    </li>
                                @endif
                            @else
                                @if ($posto->contrato_responsavel)
                                    <li class="list-group-item">
                                        <b>Responsável:</b> <span class="text-muted float-right">{{ $posto->contrato_responsavel }}</span>
                                    </li>
                                @endif

                                @if ($posto->contrato_email)
                                    <li class="list-group-item">
                                        <b>Email:</b> <span class="text-muted float-right">{{ $posto->contrato_email }}</span>
                                    </li>
                                @endif
                                @if($posto->comissoes_lt_pp)
                                    <li class="list-group-item">
                                        <b>Comissões LTs PP:</b> <span class="text-muted float-right">{{ $posto->comissoes_lt_pp }}</span>
                                    </li>
                                @endif
                                @if ($posto->comissoes_lt_credito)
                                    <li class="list-group-item">
                                        <b>Comissões LTs Crédito:</b> <span class="text-muted float-right">{{ $posto->comissoes_lt_credito }}</span>
                                    </li>
                                @endif
                                @if ($posto->comissoes_loja)
                                    <li class="list-group-item">
                                        <b>Comissões Loja (%):</b> <span class="text-muted float-right">{{ round($posto->comissoes_loja, 2) }}</span>
                                        <br>
                                        <span class="text-muted text-sm">(@if($posto->op_comissoes_loja == 'liquido') Resultado Líquido @else Vendas Totais com IVA @endif)</span>
                                    </li>
                                @endif
                                @if ($posto->comissoes_tabaco)
                                    <li class="list-group-item">
                                        <b>Comissões Tabaco (%):</b> <span class="text-muted float-right">{{ round($posto->comissoes_tabaco, 2) }}</span>
                                        <br>
                                        <span class="text-muted text-sm">(@if($posto->op_comissoes_tabaco == 'iva') Vendas Totais com IVA @else Incluso no Mapa de Comissões @endif)</span>
                                    </li>
                                @endif
                                @if ($posto->comissoes_gas)
                                    <li class="list-group-item">
                                        <b>Comissões Gás (%):</b> <span class="text-muted float-right">{{ round($posto->comissoes_gas, 2) }}</span>
                                        <br>
                                        <span class="text-muted text-sm">(@if($posto->op_comissoes_gas == 'iva') Vendas Totais com IVA @else Incluso no Mapa de Comissões @endif)</span>
                                    </li>
                                @endif
                                @if ($posto->comissoes_lavagem)
                                    <li class="list-group-item">
                                        <b>Comissões Lavagem (%):</b> <span class="text-muted float-right">{{ round($posto->comissoes_lavagem, 2) }}</span>
                                        <br>
                                        <span class="text-muted text-sm">(@if($posto->op_comissoes_lavagem == 'iva') Vendas Totais com IVA @else Incluso no Mapa de Comissões @endif)</span>
                                    </li>
                                @endif
                                @if ($posto->comissoes_lt_aditivado)
                                    <li class="list-group-item">
                                        <b>Comissões Lavagem (%):</b> <span class="text-muted float-right">{{ round($posto->comissoes_lt_aditivado, 2) }}</span>
                                    </li>
                                @endif
                            @endif

                            {{-- @if ($posto->comissoes_lavagem)
                                <strong>Comissões Lavagem (%)</strong>
                                <p class="text-muted">
                                    {{ round($posto->comissoes_lavagem, 2) }} (@if($posto->op_comissoes_lavagem == 'iva') Vendas Totais com IVA @else Incluso no Mapa de Comissões @endif)
                                </p>
                                <hr>
                            @endif
                            @if ($posto->comissoes_lt_aditivado)
                                <strong>Comissões Aditivados</strong>
                                <p class="text-muted">
                                    {{ $posto->comissoes_lt_aditivado }}
                                </p>
                                <hr>
                            @endif --}}

                        </ul>
                        
                    </div>
                </div>
            </div>
            <div class="col-md-9">
                {{-- Combustiveis --}}
                <div class="card">
                    <div class="card-header">
                        <div class="card-title">
                            Combustíveis
                        </div>
                        <div class="card-tools">
                            <button type="button" class="btn btn-tool" data-card-widget="collapse"><i class="fas fa-minus"></i></button>
                        </div>
                    </div>
                    <div class="card-body" style="display: block;">

                        <ul id="listacombustiveis" class="nav nav-pills">
                            @foreach ($posto->combustiveis as $combustivel)
                                <li class="nav-item mx-2">
                                    <a data-toggle="tab" href="#combustivel{{ $combustivel->id }}" class="nav-link @if($loop->first) active @endif">Combustível {{ $loop->iteration }}</a>
                                </li>
                            @endforeach
                        </ul>
                        
                        <div class="tab-content px-2 py-1 my-4">
                            @foreach ($posto->combustiveis as $combustivel)
                                <div id="combustivel{{ $combustivel->id }}" class="tab-pane fade show @if($loop->first) active @endif">
                                    <div class="row">
                                        <div class="col-md-4">
                                            <strong>Produto</strong>
                                            <p class="text-muted">
                                                {{ strtoupper($combustivel->produto->artigo) }}
                                            </p>
                                        </div>
                                        <div class="col-md-4">
                                            <strong>Número do Tanque</strong>
                                            <p class="text-muted">
                                                {{ strtoupper($combustivel->num_tanque) }}
                                            </p>
                                        </div>
                                        <div class="col-md-4">
                                            <strong>Capacidade do Tanque</strong>
                                            <p class="text-muted">
                                                {{ strtoupper($combustivel->capacidade_tanque) }}
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        </div>

                    </div>
                </div>

                {{-- Bombas --}}
                <div class="card">
                    <div class="card-header">
                        <div class="card-title">
                            Bombas
                        </div>
                        <div class="card-tools">
                            <button type="button" class="btn btn-tool" data-card-widget="collapse"><i class="fas fa-minus"></i></button>
                        </div>
                    </div>
                    <div class="card-body">
                        <ul id="listabombas" class="nav nav-pills">
                            @foreach ($posto->bombas as $bomba)
                                <li class="nav-item mx-2">
                                    <a data-toggle="tab" href="#bomba{{ $bomba->id }}" class="nav-link @if($loop->first) active @endif">Bomba {{ $loop->iteration }}</a>
                                </li>
                            @endforeach
                        </ul>
                        
                        <div class="tab-content px-2 py-1 my-4">
                            @foreach ($posto->bombas as $bomba)
                                <div id="bomba{{ $bomba->id }}" class="tab-pane fade show @if($loop->first) active @endif">
                                    <div class="row">
                                        <div class="col-md-2">
                                            <strong>Número</strong>
                                            <p class="text-muted">
                                                {{ strtoupper($bomba->num_bomba) }}
                                            </p>
                                        </div>
                                        <div class="col-md-2">
                                            <strong>Combustível</strong>
                                            <p class="text-muted">
                                                {{ strtoupper($bomba->combustivel->produto->artigo) }}
                                            </p>
                                        </div>
                                        <div class="col-md-2">
                                            <strong>Possui contador?</strong>
                                            <p class="text-muted">
                                                @if ($bomba->possui_contador == "Sim")
                                                    SIM
                                                @else
                                                    NÃO
                                                @endif
                                            </p>
                                        </div>
                                        @if ($bomba->possui_contador == "Sim")
                                            <div class="col-md-2">
                                                <strong>Tipo contador</strong>
                                                <p class="text-muted">
                                                    {{ strtoupper($bomba->tipo_contador) }}
                                                </p>
                                            </div>
                                        @endif
                                        <div class="col-md-2">
                                            <strong>Operacional</strong>
                                            <p class="text-muted">
                                                @if ($bomba->possui_contador == "sim")
                                                    SIM
                                                @else
                                                    NÃO
                                                @endif
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        </div>

                    </div>
                </div>
            </div>
        </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 -->

    {{-- Preencher Combustives e bombas --}}
    {{-- <script>

        var rec_produtos = @json($posto->combustiveis);
        var rec_comb = @json($posto->combustiveis);
        var produtos = @json($produtos);
        var combustiveis = [];
        var check_produtos = [];

        for (let index = 0; index < rec_produtos.length; index++) {
            check_produtos.push(String(rec_produtos[index].produtos_id));
            for(let i = 0; i < produtos.length; i++){
                if(produtos[i].id == rec_produtos[index].produtos_id){
                    combustiveis.push(String(produtos[i].artigo));
                }
            }
        }

        function addTabelaCombustiveis(){

            if (!check_produtos.includes(document.getElementById('produto_id').value)){
                check_produtos.push(document.getElementById('produto_id').value);

                if(!combustiveis.includes(document.getElementById('artigo').value)){
                    combustiveis.push(document.getElementById('artigo').value);
                }

                var tabelaRef = document.getElementById('tabelaCombustiveis');
                var newRow = tabelaRef.insertRow();
                
                var btn = document.createElement("BUTTON");
                var txt_id = document.createElement("INPUT");
                var txt_artigo = document.createElement("INPUT");
                var txt_num_tanque = document.createElement("INPUT");
                var txt_cap_tanque = document.createElement("INPUT");


                document.getElementById('linha').innerHTML = parseFloat(document.getElementById('linha').innerHTML) + 1;
                linha = document.getElementById('linha').innerHTML;   

                txt_id.id= "produto_id" + linha;
                txt_id.style="width: 50px; border:0; box-shadow: none;";
                txt_id.setAttribute("class","bg-light");
                txt_id.setAttribute("readonly","");
                txt_id.setAttribute("name", "produto_id" + linha);

                txt_artigo.id="artigo" + linha;
                txt_artigo.style="border:0; box-shadow: none;";
                txt_artigo.setAttribute("class", "bg-light form-control");
                txt_artigo.setAttribute("readonly","");
                txt_artigo.setAttribute("name", "artigo" + linha);

                txt_num_tanque.id="num_tanque" + linha;
                txt_num_tanque.setAttribute("class", "form-control");
                txt_num_tanque.setAttribute("name", "num_tanque" + linha);
                txt_num_tanque.setAttribute("type", "number");
                txt_num_tanque.setAttribute("required", "required");

                txt_cap_tanque.id="cap_tanque" + linha;
                txt_cap_tanque.setAttribute("class", "form-control");
                txt_cap_tanque.setAttribute("name", "cap_tanque" + linha);
                txt_cap_tanque.setAttribute("type", "number");
                txt_cap_tanque.setAttribute("required", "required");


                btn.innerHTML = "Remover";
                btn.className = "btn btn-outline-secondary";
                btn.type = "button";

                var c0 = newRow.insertCell(0);
                var c1 = newRow.insertCell(1);
                var c2 = newRow.insertCell(2);
                var c3 = newRow.insertCell(3);
                var c4 = newRow.insertCell(4);


                c0.appendChild(txt_id);
                txt_id.value = document.getElementById('produto_id').value;
                
                c1.appendChild(txt_artigo);
                txt_artigo.value = document.getElementById('artigo').value;
                
                c2.appendChild(txt_num_tanque);
                
                c3.appendChild(txt_cap_tanque);

                c4.appendChild(btn);

                linha = newRow.rowIndex - 1;

                btn.setAttribute("onclick", "deleteRowCombustiveis(this.parentNode.parentNode.rowIndex-1);");

                $('#produto-linha' + txt_id.value).addClass('d-none');

                document.getElementById('linhas_combustiveis').value = document.getElementById("tabelaCombustiveis").rows.length;
                
                $('.mostrar-bombas').removeClass('d-none');
                
                atualizarCombustiveis();

            };
        };

        function deleteRowCombustiveis(i){

            a = document.getElementById('tabelaCombustiveis').rows[i].cells[0].firstChild.value;
            index = check_produtos.indexOf(a);
            check_produtos.splice(index, 1);
            combustiveis.splice(index, 1);


            var $linhaId = '#produto-linha' + a;
            // $('#produto-linha' + a).removeClass('d-none');

            var table = $('#tabelaProdutos').DataTable();

            linha = table.rows([$linhaId]);
            linha.nodes().to$().removeClass('d-none');

            document.getElementById('tabelaCombustiveis').deleteRow(i);
            document.getElementById('linhas_combustiveis').value = document.getElementById("tabelaCombustiveis").rows.length;

            atualizarCombustiveis();

            if(check_produtos.length < 1){
                $('.mostrar-bombas').addClass('d-none');
                $('#tabelaBombas').empty();
            }


        };

        function addTabelaBomba(){
            if(check_produtos.length > 0){

                var tabelaRef = document.getElementById('tabelaBombas');
                var newRow = tabelaRef.insertRow();
                
                var btn = document.createElement("BUTTON");
                // var txt_id = document.createElement("INPUT");
                var txt_num_bomba = document.createElement("INPUT");
                var txt_bomba_combustivel = document.createElement("SELECT");
                var txt_possui_contador = document.createElement("SELECT");
                var txt_tipo_contador = document.createElement("SELECT");
                var txt_operacional = document.createElement("SELECT");


                document.getElementById('linha_bomba').innerHTML = parseFloat(document.getElementById('linha_bomba').innerHTML) + 1;
                linha = document.getElementById('linha_bomba').innerHTML;   

                // txt_id.id = "bomba_id" + linha;
                // txt_id.style="width: 50px; border:0; box-shadow: none;";
                // txt_id.setAttribute("class","bg-light");
                // txt_id.setAttribute("readonly","");
                // txt_id.setAttribute("name", "bomba_id" + linha);

                txt_num_bomba.id="num_bomba" + linha;
                txt_num_bomba.setAttribute("class", "form-control");
                txt_num_bomba.setAttribute("name", "num_bomba" + linha);
                txt_num_bomba.setAttribute("required", "required");

                txt_bomba_combustivel.id = "bomba_combustivel" + linha;
                txt_bomba_combustivel.setAttribute("class", "form-control");
                txt_bomba_combustivel.setAttribute("name", "bomba_combustivel" + linha);
                txt_bomba_combustivel.setAttribute("required", "required");

                txt_possui_contador.id = "possui_contador" + linha;
                txt_possui_contador.setAttribute("class", "form-control");
                txt_possui_contador.setAttribute("name", "possui_contador" + linha);
                var sim = document.createElement('option');
                sim.setAttribute('value', 'Sim')
                var simT = document.createTextNode('Sim');
                sim.appendChild(simT);
                txt_possui_contador.appendChild(sim);
                var nao = document.createElement('option');
                nao.setAttribute('value', 'Não')
                var naoT = document.createTextNode('Não');
                nao.appendChild(naoT);
                txt_possui_contador.appendChild(nao);


                txt_tipo_contador.id = "tipo_contador" + linha;
                txt_tipo_contador.setAttribute("class", "form-control");
                txt_tipo_contador.setAttribute("name", "tipo_contador" + linha);
                var digital = document.createElement('option');
                digital.setAttribute('value', 'Digital')
                var digitalT = document.createTextNode('Digital');
                digital.appendChild(digitalT);
                txt_tipo_contador.appendChild(digital);
                var analogico = document.createElement('option');
                analogico.setAttribute('value', 'Analógico')
                var analogicoT = document.createTextNode('Analógico');
                analogico.appendChild(analogicoT);
                txt_tipo_contador.appendChild(analogico);

                txt_operacional.id = "operacional" + linha;
                txt_operacional.setAttribute("class", "form-control");
                txt_operacional.setAttribute("name", "operacional" + linha);
                var sim = document.createElement('option');
                sim.setAttribute('value', 'Sim')
                var simT = document.createTextNode('Sim');
                sim.appendChild(simT);
                txt_operacional.appendChild(sim);
                var nao = document.createElement('option');
                nao.setAttribute('value', 'Não')
                var naoT = document.createTextNode('Não');
                nao.appendChild(naoT);
                txt_operacional.appendChild(nao);


                // for(var i = 0; i < check_produtos.length; i ++){
                //     var z = document.createElement("option");
                //     z.setAttribute("value", check_produtos[i]);
                //     var t = document.createTextNode(combustiveis[i]);
                //     z.appendChild(t);
                //     txt_bomba_combustivel.appendChild(z);
                // }

                btn.innerHTML = "Remover";
                btn.className = "btn btn-outline-secondary";
                btn.type = "button";

                var c0 = newRow.insertCell(0);
                var c1 = newRow.insertCell(1);
                var c2 = newRow.insertCell(2);
                var c3 = newRow.insertCell(3);
                var c4 = newRow.insertCell(4);
                var c5 = newRow.insertCell(5);


                // c0.appendChild(txt_id);
                // txt_id.value = linha;


                c0.appendChild(txt_num_bomba);
                c1.appendChild(txt_bomba_combustivel);
                c2.appendChild(txt_possui_contador);
                c3.appendChild(txt_tipo_contador);
                c4.appendChild(txt_operacional);
                c5.appendChild(btn);

                linha = newRow.rowIndex - 1;

                txt_possui_contador.setAttribute('onchange', "mudarTipoContador(this, '" + txt_tipo_contador.id + "')")
                btn.setAttribute("onclick", "deleteRowBombas(this.parentNode.parentNode.rowIndex-1);");

                document.getElementById('linhas_bombas').value = document.getElementById("tabelaBombas").rows.length;
                atualizarCombustiveis(txt_bomba_combustivel.id);
                
                $('.mostrar-bombas').removeClass('d-none');
            };
        }

        function deleteRowBombas(i){
            a = document.getElementById('tabelaBombas').rows[i].cells[0].firstChild.value;
            index = check_produtos.indexOf(a);

            document.getElementById('tabelaBombas').deleteRow(i);
            document.getElementById('linhas_bombas').value = document.getElementById("tabelaBombas").rows.length;
        }

        function atualizarCombustiveis(id = null){
            if(id != null){
                var bombas = $('#' + id);
            } else {
                var bombas = $("select[id^='bomba_combustivel']");
            }

            bombas.each(function(index, element){
                var bombaEl = $('#' + element.id)
                bombaEl.empty();

                var z = document.createElement("option");
                z.setAttribute("value", '');
                var t = document.createTextNode('');
                z.appendChild(t);
                bombaEl.append(z);

                for(var i = 0; i < check_produtos.length; i ++){
                    var z = document.createElement("option");
                    z.setAttribute("value", check_produtos[i]);
                    // z.setAttribute("value", 'as');
                    var t = document.createTextNode(combustiveis[i]);
                    // var t = document.createTextNode('ew');
                    z.appendChild(t);
                    // bombaEl.append('<option value="asd">text</option>')
                    bombaEl.append(z);
                }
            });
        }

        function mudarTipoContador(sel, id){
            var tipo_contador = $('#' + id);
            if(sel.value == "Sim"){
                tipo_contador.prop('disabled', false)
            } else {
                tipo_contador.prop('disabled', true)
            }
        }


    </script> --}}

    {{-- Tratar usuários novos ou cadastrados  --}}
    {{-- <script>
        $('#usuario_cadastrado').change(function(){
            if($(this).val() == "Não"){
                $('#div_usuario_cadastrado').addClass('d-none');
                $('#div_usuario_cadastrado :input').prop('disabled', true).prop('required', false);

                $('#div_novo_acesso').removeClass('d-none');
                $('#div_novo_acesso :input').prop('disabled', false).prop('required', true)
            } else {
                $('#div_usuario_cadastrado').removeClass('d-none');
                $('#div_usuario_cadastrado :input').prop('disabled', false).prop('required', true);

                $('#div_novo_acesso').addClass('d-none');
                $('#div_novo_acesso :input').prop('disabled', true).prop('required', false)

            }
        })
    </script> --}}

    {{-- Tratar tipo de contrato  --}}
    {{-- <script>
        $(document).ready(function(){
            checarTipoContrato();
        });
        function checarTipoContrato(){
            var $tipo_contrato = $('#tipo_contrato');
            if($tipo_contrato.val() == "direto"){
                $('#div_indireto').addClass('d-none');
                $('#div_indireto :input').prop('disabled', true).prop('required', false);

                $('#div_direto').removeClass('d-none');
                $('#div_direto :input').prop('disabled', false).prop('required', true)
            } else {
                $('#div_indireto').removeClass('d-none');
                $('#div_indireto :input').prop('disabled', false).prop('required', true);

                $('#div_direto').addClass('d-none');
                $('#div_direto :input').prop('disabled', true).prop('required', false)

            }
        }
        $('#tipo_contrato').change(function(){
            checarTipoContrato();
        });
    </script> --}}

    {{-- Testar formulário antes de cadastrar --}}
    {{-- <script>
        $('#btn_cadastrar').click(function(){
            var l_combustiveis = $('#linhas_combustiveis')
            var l_bombas = $('#linhas_bombas')
            var form = document.getElementById('formNovoPosto')
            if(l_combustiveis.val() > 0 && l_bombas.val() > 0){
                if (form.checkValidity()) {
                    form.submit();
                } else {
                    form.reportValidity();
                }
            } else {
                alert('Combustíveis e bombas são necessários para o cadastro.');
            }
        });
    </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