@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">
                        <h1 class="m-0">Equipamento Imobilizado</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 ($message = Session::get('danger'))
            <div class="alert alert-danger">
                <p>{{ $message }}</p>
            </div>
        @endif

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

                <div class="row">
                    <div class="col-md-4">
                    Equipamento Imobilizado
                    </div>
                    <div class="col-md-8 text-right">
                        {{-- @if($permissao->criar_ficha_cliente)
                            <a href="/ficha-cliente/create"> <button class="btn btn-primary rounded">Nova Ficha de Cliente</button></a>
                        @endif
                        @if($permissao->criar_clientes)
                            <a href="/clientes/create"> <button class="btn btn-primary rounded">Novo Cliente</button></a>
                        @endif --}}
                        @if ($permissao->menu_dev)
                        <a href="{{ route('equipamentos_imobilizado_create') }}"> <button class="btn btn-primary rounded">Novo Registro</button></a>
                    @endif
                    </div>
                </div>
            
            </div>


            {{-- @csrf --}}
        <div class="row pl-3 ml-3 pb-0 pt-0 mt-3 mr-3 bg-dark text-white d-print-none">
            <div class="col-sm-11">
              Filtros
            </div> 
            <div class="col-ms-1">
                <button class="btn btn-primary btn-sm" data-toggle="collapse" href="#filtroPVPs" role="button" aria-expanded="false" aria-controls="filtroPVPs" title="Adicionar"><i class="fas fa-plus" title="Adicionar" aria-hidden="true"></i></button>
            </div>
        </div>
        
        <div class="border pt-3 pl-3 pr-3 ml-3 mr-3 mb-3 bg-light collapse show" id="filtroPVPs">
            <form action="{{ route('equipamentos_imobilizado_consultar_novo') }}"  method="POST" class="pd-3 ">
                @csrf
                <div class="form-group row pb-3">

                    <script>
                        function mostrarBusca(){
                           
                            var tipo_data = $('#tipo_data')
                            if(tipo_data.val() == "semana"){
                                $('#div_semana :input').attr('disabled', false).attr('required', true)
                                $('#div_semana').removeClass('d-none')

                                $('#div_intervalo_inicio').addClass('d-none')
                                $('#div_intervalo_inicio :input').attr('disabled', true).attr('required', false)
                                
                                $('#div_intervalo_fim').addClass('d-none')
                                $('#div_intervalo_fim :input').attr('disabled', true).attr('required', false)

                            } else if (tipo_data.val() == "intervalo"){
                                $('#div_intervalo_inicio :input').attr('disabled', false).attr('required', true)
                                $('#div_intervalo_inicio').removeClass('d-none')
                                
                                $('#div_intervalo_fim :input').attr('disabled', false).attr('required', true)
                                $('#div_intervalo_fim').removeClass('d-none')
                                
                                $('#div_semana').addClass('d-none')
                                $('#div_semana :input').attr('disabled', true).attr('required', false)

                            } else {
                                $('#div_intervalo_inicio').addClass('d-none')
                                $('#div_intervalo_inicio :input').attr('disabled', true).attr('required', false)
                                
                                $('#div_intervalo_fim').addClass('d-none')
                                $('#div_intervalo_fim :input').attr('disabled', true).attr('required', false)

                                $('#div_semana').addClass('d-none')
                                $('#div_semana :input').attr('disabled', true).attr('required', false)
                            }

                        }
    
                        $(document).ready(function(){
                            mostrarBusca()
                        })
    
                        $('#tipo_busca').change(function(){
                            mostrarBusca()
                        })

                        $('#tipo_data').change(function(){
                            mostrarBusca()
                        })
                    </script> 

                    <div id="div_tipo_relatorio" class="col-md-3">
                        <label for="tipo_relatorio" class="">Relatorios</label>
                        <div class="input-group">
                            <select name="tipo_relatorio"   id="tipo_relatorio" class=" form-control" required>
                            <option @if(isset($tipo_relatorio) && $tipo_relatorio=='geral') selected @endif value="geral">Geral</option>
                            <option @if(isset($tipo_relatorio) && $tipo_relatorio=='amortizacao') selected @endif value="amortizacao">Amortização Por Cliente</option>
                            </select> 

                                {{-- <div class="input-group-append">
                                <button type="button" id="chama_modalEquipamentosImobilizado" class="btn btn-primary"data-toggle="modal" data-target="#equipamentos_ImobilizadoModal" >
                                    <i class="fas fa-search"></i>
                                </button>
                            </div> --}}
                        </div>
                    </div>
                    
                    <div id="div_clientes" class="col-md-3 ">
                        <label for="clientes" class="">Clientes</label>
                        <div class="input-group">
                            <select name="clientes"   id="clientes" class=" form-control" >
                                <option value="">Todos</option>
                                @foreach($clientes as $cli)
                                <option @if(isset($cliente) && $cliente==$cli->clientes_id) selected @endif value="{{$cli->clientes_id}}">{{$cli->cliente->nome}}</option>

                                @endforeach
                            </select> 

                                 {{-- <div class="input-group-append">
                                <button type="button" id="chama_modalEquipamentosImobilizado" class="btn btn-primary"data-toggle="modal" data-target="#equipamentos_ImobilizadoModal" >
                                    <i class="fas fa-search"></i>
                                </button>
                            </div> --}}
                        </div>
                    </div>
    
                    <div id="div_operacionalidade"  class="col-md-3 ">
                        <label for="operacionalidade" class="">Operacionalidade</label>
                        <div class="input-group">
                            <select name="operacionalidade"   id="operacionalidade" class=" form-control" >
                                <option value='' >todos</option>
                                <option @if(isset($operacionalidade) && $operacionalidade=='Em funcionamento') selected @endif value="Em funcionamento">Em funcionamento</option>
                                <option @if(isset($operacionalidade) && $operacionalidade=='Novo') selected @endif value="Novo">Novo</option>
                                <option @if(isset($operacionalidade) && $operacionalidade=='Avariado') selected @endif value="Avariado">Avariado</option>
                            </select> 
                            {{-- <div class="input-group-append">
                                <button type="button" id="chama_modalPorto" class="btn btn-primary"data-toggle="modal" data-target="#portosModal" >
                                    <i class="fas fa-search"></i>
                                </button>
                            </div> --}}
                        </div>
                    </div>
                    
                    {{-- <div id="div_produto" class="col-md-3 d-none">
                        <label for="porto" class="">Produto</label>
                        <div class="input-group">
                            <select name="produto"   id="produto" class=" form-control" required disabled>
                            
                            </select> 
                            <div class="input-group-append">
                                <button type="button" id="chama_modalProduto" class="btn btn-primary"data-toggle="modal" data-target="#produtosModal" >
                                    <i class="fas fa-search"></i>
                                </button>
                            </div>
                        </div>
                    </div> --}}
    
                </div>
                
                <div class="text-center pb-3">
                    <button id='butaoConsultar' class="btn btn-primary rounded mx-auto ">Consultar</button>
                </div>
            </form>
            <!-- Modal EQUIPAMENTOS_IMOBILIZADO-->
            {{-- <div class="modal fade" id="equipamentos_ImobilizadoModal" tabindex="-1" role="dialog" aria-labelledby="equipamentos_ImobilizadoModalLabel" 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="equipamentos_ImobilizadoModalLabel">Equipamentos Imobilizado</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="tabelashowEquipamentos_imobilizado" class="tabelashow table table-striped table-bordered table-hover">
                                    <thead>
                                        <tr>
                                            <th>Relatorio</th>

                                            <th></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>Todos</td>
                                            <td><button
                                                onclick="document.getElementById('equipamentos_imobilizado').value = 'todos';" class="btnmodal" data-dismiss="modal">Selecionar</button></td>
                                        </tr>
                                        <tr>
                                            <td>Tipo</td>
                                            <td><button
                                                onclick="document.getElementById('equipamentos_imobilizado').value = 'tipo';" class="btnmodal" data-dismiss="modal">Selecionar</button></td>
                                        </tr>
                                        <tr>
                                            <td>Cliente</td>
                                            <td><button
                                                onclick="document.getElementById('equipamentos_imobilizado').value = 'cliente';" class="btnmodal" data-dismiss="modal">Selecionar</button></td>
                                        </tr>
                                        <tr>
                                            <td>Amortização</td>
                                            <td><button
                                                onclick="document.getElementById('equipamentos_imobilizado').value = 'amortizacao';" class="btnmodal" data-dismiss="modal">Selecionar</button></td>
                                        </tr>
                                        {{-- @foreach ($equipamentos_imobilizadoes as $equipamentos_imobilizado) --}}
                                            {{-- <tr>
                                                <td>{{ $equipamentos_imobilizado->nome_equipamentos_imobilizado }}</td>
                                                <td><button
                                                onclick="document.getElementById('equipamentos_imobilizado').value = {{ $equipamentos_imobilizado->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> --}}
            
            <!-- Modal PORTOS-->
            <div class="modal fade" id="portosModal" tabindex="-1" role="dialog" aria-labelledby="portosModalLabel" 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="portosModalLabel">Centros de Carga</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="row">
                                @if($permissao->exibir_todos_clientes )
                                    <div class="col-md-3 pb-3">
                                        
                                        <label for="gestor" class=" control-label my-auto mr-2">Gestor</label>
                                        <select name="gestor"   id="gestor" class=" form-control">
                                            <option value=""></option>
                                            @foreach ($gestores as $gestor)
                                                
                                                    <option @if($gestor->id== $gestor_escolhido) selected @endif value="{{$gestor->id}}">{{$gestor->name}}</option>
                                                
                                            @endforeach
                                        </select> 
                                
                                    </div>
                                    <div class="col-md-3 mt-1 pt-3">
                                        <a href="" id="pesquisar_clientes"> <button  type="button" class="btn btn-primary" >Pesquisar Clientes</button></a>
                                    </div>
                                    @endif
                            </div> --}}
                            <div class="table-responsive">
                                <table id="tabelashowPortos" class="tabelashow table table-striped table-bordered table-hover">
                                    <thead>
                                        <tr>
                                            <th>Nome</th>

                                            <th></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        {{-- @foreach ($portos as $porto)
                                            <tr>
                                                <td>{{ $porto->nome_porto }}</td>
                                                <td><button
                                                onclick="document.getElementById('porto').value = {{ $porto->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>
                            <!--<button type="button" class="btn btn-primary">Save changes</button> -->
                        </div>
                    </div>
                </div>
            </div>

            <!-- Modal PRODUTOS-->
            <div class="modal fade" id="produtosModal" tabindex="-1" role="dialog" aria-labelledby="produtosModalLabel" 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="produtosModalLabel">Produtos</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="tabelashowProdutos" class="tabelashow table table-striped table-bordered table-hover">
                                    <thead>
                                        <tr>
                                            <th>Nome</th>

                                            <th></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        {{-- @foreach ($produtos as $produto)
                                            <tr>
                                                <td>{{ $produto->artigo }}</td>
                                                <td><button
                                                onclick="document.getElementById('produto').value = {{ $produto->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>
        

        
       
        
        <div id= "todos" class="px-3 pb-3">
           @if($tipo_relatorio=='geral')
            <div  id="tabelashow" class="table-responsive">
                <table  class="tabelashow table table-striped table-bordered table-hover  ">
                   
                  
                        <thead>
                            <tr>                   
                                {{-- <th>ID</th> --}}
                                <th style="width: 80px" class ="text-center">Ações</th>
                                <th style="width: 80px" class="text-center">Nome</th>
                                <th class="text-center">Nome Cliente</th>
                                <th class="text-center">Postos</th>
                                <th style="width: 80px" class="text-center">Coordenadas</th>
                                <th class="text-center">Operacionalidade</th>
                                <th class="text-center">Status</th>
                                <th class="text-center">Nome Armazem</th>
                                <th class="text-center">Foto</th>
                                <th class="text-center">Numero Série</th>
                                <th class="text-center">Amortização</th>
                                <th class="text-center">Horas de Trabalho</th>
                                <th class="text-center">Numero Colaboradores</th>
                                <th class="text-center">Matricula</th>
                                <th class="text-center">Kms</th>
                                <th class="text-center">Peças Utilizadas</th>
                                <th class="text-center">Valor Peças</th>
                            
                                
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($equipamentos_imobilizado as $item)
                                    <tr>
                                    {{-- <td>{{ $item->id}}</td> --}}
                                    <td class="d-flex justify-content-around" align="center">
                                        {{-- @if ($permissao->alterar_equipamentos_imobilizado) --}}
                                        @if ($permissao->menu_dev)
                                            <a href="/equipamentos_imobilizado/{{ $item->id }}/edit" title="Editar Equipamentos" > <button  class="btn btn-success btn-sm editarTabelaShow" type="submit"><i class="fas fa-pencil-alt"  aria-hidden="true"></i></button></a>
                                        @endif
                                        {{-- @if($permissao->excluir_alterar_equipamentos_imobilizado) --}}
                                        @if($permissao->menu_dev)
                                            <form method="POST" onclick="return confirm('Deseja realmente excluir? Essa ação não poderá ser desfeita')" action="/equipamentos_imobilizado/{{ $item->id }}">
                                                @csrf
                                                @method('DELETE')
                                                <button  class="deletarTabelaShow btn btn-danger btn-sm ml-1" title="Excluir" type="submit"><i class="fa fa-trash"  aria-hidden="true"></i></button>
                                            </form>
                                        @endif
                                    
                                    </td>
                                    
                                    <td>{{$item->nome}}</td>
                                    
                                    <td class="vazio">@if ($item->cliente)
                                        {{$item->cliente->nome}}
                                        @else
                                        {{""}}
                                        @endif

                                    </td>
                                    <td class="vazio" class="vazio">@if ($item->posto)
                                        {{ $item->posto->nome_posto }}
                                        @else
                                        {{""}}
                                        @endif
                                    </td>
                                    <td>{{$item->coordenadas_gps}}</td>
                                    <td>{{$item->operacionalidade}}</td>
                                    <td>{{$item->status_requisicao}}</td>
                                    <td class="vazio">@if ($item->armazem)
                                        {{ $item->armazem->nome_armazem}}
                                        @else
                                        {{""}}
                                        @endif
                                    </td>
                                    
                                    <td><img src="{{ asset('storage/equipamentos_imobilizado/' . $item->anexo) }}" alt="{{ $item->anexo }}" width="75" height="75"></td>
                                    <td>{{$item->numero_serie}}</td>
                                    <td>{{$item->amortizacao}}</td>
                                    <td class="vazio">{{ $item->horas_trabalho}}</td>
                                    <td class="vazio">{{ $item->numero_colaboradores}}</td>
                                    <td class="vazio">{{ $item->matricula}}</td>
                                    <td class="vazio">{{ $item->kms}}</td>
                                    <td class="vazio">{{ $item->pecas_utilizadas}}</td>
                                    <td class="vazio" >{{ $item->valor_pecas}}</td>
                                    {{-- <td class="vazio" class="vazio">@if ($item->posto)
                                        {{ $item->posto->nome_posto }}
                                        @else
                                        {{""}}
                                        @endif
                                    </td>
                                    <td class="vazio">@if ($item->cliente)
                                        {{$item->cliente->nome}}
                                        @else
                                        {{""}}
                                        @endif

                                    </td> --}}
                                    
                                    {{-- @foreach ($produtosIds as $produto)
                                        <td>
                                            @if($item->referencias_produtos->where('produtos_id', '=', $produto->id)->first() && $item->referencias_produtos->where('produtos_id', '=', $produto->id)->first()->valor_produto > 0 )
                                                @if ($item->tipo_valor == 'm3')
                                                    {{ round($item->referencias_produtos->where('produtos_id', '=', $produto->id)->first()->valor_produto / (1 + $produto->iva / 100) / 1000 ,3) }}
                                                @else
                                                    {{ round($item->referencias_produtos->where('produtos_id', '=', $produto->id)->first()->valor_produto / (1 + $produto->iva / 100) ,3) }}
                                                @endif
                                            @else
                                                -
                                            @endif
                                        </td>
                                        @if ($item->preco_iva == "Sim")
                                        @else
                                            <td>
                                                @if($item->referencias_produtos->where('produtos_id', '=', $produto->id)->first() && $item->referencias_produtos->where('produtos_id', '=', $produto->id)->first()->valor_produto > 0)
                                                    @if ($item->tipo_valor == 'm3')
                                                        {{ round($item->referencias_produtos->where('produtos_id', '=', $produto->id)->first()->valor_produto / 1000, 3)  }}
                                                    @else
                                                        {{round( $item->referencias_produtos->where('produtos_id', '=', $produto->id)->first()->valor_produto, 3)  }}
                                                    @endif
                                                @else
                                                    -
                                                @endif
                                            </td>
                                        @endif
                                    @endforeach --}}
                                    {{-- <td>
                                        @if($item->anexo)
                                            <a href="/storage/pvps/{{$item->anexo }}"> <button  class="  btn btn-primary btn-sm" type="button"  title="Anexo"><i class="fa fa-file" aria-hidden="true"></i></button></a> 
                                        @endif
                                    </td> --}}

                                </tr>
                            @endforeach 
                        </tbody>
                   
                </table>
            </div>
           @elseif($tipo_relatorio=='amortizacao')
            <div  id="tabelashow_amortizacao" class="table-responsive ">
                <table  class="tabelashow table table-striped table-bordered table-hover  ">
                   
                  
                        <thead>
                            <tr>                   
                               
                                <th class="text-center">Nome Cliente</th>
                            
                                <th class="text-center">Total por Cliente Amortizado</th>
                                
                            
                                
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($equipamentos_imobilizado as $item)
                                    
                                <tr>
                                    
                                    <td class="vazio">@if ($item->cliente)
                                        {{$item->cliente->nome}}
                                        @else
                                        {{"Sem Cliente"}}
                                        @endif
                                    </td>
                                    
                                    <td>{{$item->soma_amortizacao}}</td>
                                   

                                </tr>
                            @endforeach 
                        </tbody>
                   
                </table>
              
            </div>     
            @endif
        </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>
 
  
    <script>

    var dataTable =$('.tabelashow').DataTable( {
                    "paging": true,
                    "lengthChange": true,
                    "searching": true,
                    "ordering": true,
                    "info": false,
                    "autoWidth": false,
                    "responsive": true,
                    "order": [[0, "asc"]],
                    "buttons": [ "csv", "excel", "pdf", {"extend":"print","text":"Imprimir"}, {"extend":"colvis","text":"Colunas"}],
                    "lengthMenu": [[8, 10, 20, 25, 50, -1], [8, 10, 20, 25, 50, "All"]],
                    "pageLength": 8,
                                "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"
                                    }
                                }

    });
       
    </script>


<script>
  

    $(document).ready(function() {
      
        // $("#butaoConsultar").click(function () {
        //     if($('#tipo_relatorio').val() === "geral") {
        //     $('#div_clientes').removeClass('d-none');
        //     $('#div_operacionalidade').removeClass('d-none');
                            
        // }else if( $('#tipo_relatorio').val() === "amortizacao") {
        //     $('#div_clientes').addClass('d-none');
        //     $('#div_operacionalidade').addClass('d-none');

        // } 
        //     });
        
        
        $('#tipo_relatorio').change(function() {
            var valorSelecionado = $(this).val();
            
              
           
            if (valorSelecionado === "geral") {
                $('#div_clientes').removeClass('d-none');
                $('#div_operacionalidade').removeClass('d-none');
                            
            }else if(valorSelecionado === "amortizacao") {
                $('#div_clientes').addClass('d-none');
                $('#div_operacionalidade').addClass('d-none');

            }
        });
        $('#tipo_busca').change(function() {
           
           
           
        });

    });
    
    function TotaisPorPessoa(nome,valor){
        this.nome = nome;
        this.valor = valor;
    }    

    function calcularSomaPorCliente(table) {
        var data = table.data();
      
         // Objeto para armazenar os totais por cliente
        var numIteracoes = 0
        var valorTotal = 0; 
        var clienteValor =[];
        
        data.each(function(index, value) {
            var cliente;
            
            cliente = index[2]; // Assumindo que a coluna 7 contém o cliente
            valor = parseFloat(index[10]); // Assumindo que a coluna 8 contém o valor

            // totaisPorCliente.hasOwnProperty(cliente)

            if(cliente !==''){
            
                numIteracoes ++
                clienteValor[numIteracoes] = new TotaisPorPessoa(  cliente ,valor);
                
            }
                
        });
        for (let key in clienteValor) {
        console.log(clienteValor[key].valor);
        }

        const somaDosValores = clienteValor.reduce((soma, cur) => {
            // guarda o nome atual e verifica se existe repetido
            let nome = cur.nome;
            let repetido = soma.find(elem => elem.nome === nome)
            // se for repetido soma, caso contrário adiciona o elemento ao novo array
            if (repetido) repetido.valor += cur.valor;
            else soma.push(cur);
            // retorna o elemento agrupado e somado
            return soma;
        }, []);

        // console.log(somaDosValores);
        
        return somaDosValores;
    }  
    

    function alternarVisibilidadeDataTable(tabela){
    
    
    
    }
    
</script>

    

@endsection