@extends('adminlte.app')

@section('content')
    <style>
       .checkbox input {
        width: 100px;
        height: 100px;
        clip-path: polygon(0px 0px, 0px 0px, 0px 0px);
       }
        /* Estilo para o campo do Select2 */
    
    </style>
    <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">Listar Vendas</h1>
                    </div><!-- /.col -->
                    
                    <div div class="col-sm-6 text-right">
                        @if($permissao->criar_venda)
               
                            <a href="{{ url('mostrar-vendas/create?redirect_url=' . urlencode(url()->full())) }}"><button class="btn btn-primary rounded">Criar Venda</button></a>
                        @endif
                         </div>
                   
                </div><!-- /.row -->
            </div><!-- /.container-fluid -->
        </div>
      
        @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">
        
      


        {{-- @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('mostrar_vendas_consultar') }}"  method="GET" class="pd-3 ">
                
                <div class="row form-group">
                   
                  

                    <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="{{ $filtros['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="{{ $filtros['data_fim']->format('Y-m-d') }}" required >
                    </div>

                </div>

              


                <div class="form-group row pb-3">

                    
                    <div id="" class="col-md-3">
                        <label for="canais" class="">Canal</label>
                        <div class="input-group">
                            <select name="canais"   id="canais" class=" form-control" required>
                                <option value="Todos">Todos</option>
                                @foreach ($canais as $canal)
                                    <option @if($filtros['busca'] && $filtros['busca'] == $canal->id) selected @endif value="{{ $canal->id }}">{{ $canal->nome_canal }}</option>
                                @endforeach
                            </select> 
                           
                        </div>
                    </div>
                    @if($permissao->visualizar_todas_vendas)
                        <div id="" class="col-md-3">
                            <label for="gestor" class="">Gestor</label>
                            <div class="input-group">
                                <select name="gestor"   id="gestor" class=" form-control" required>
                                    <option value="Todos">Todos</option>
                                    @foreach ($gestores as $gestor)
                                        <option @if($filtros['buscaGestor'] && $filtros['buscaGestor'] == $gestor->id) selected @endif value="{{ $gestor->id }}">{{ $gestor->name }}</option>
                                    @endforeach
                                </select> 
                            
                            </div>
                        </div>    
                    @endif 
                      
                    <div class="col-md-3">
                        <label for="cliente">Cliente</label>
                        <div class="input-group">
                            <select name="cliente" id="cliente" class="form-control">
                                <option value="Todos" @if(isset($filtros['buscaCliente']) && $filtros['buscaCliente'] == 'Todos') selected @endif>Todos</option>
                                @foreach ($clientes as $cliente)
                                    <option @if(isset($filtros['buscaCliente']) && $filtros['buscaCliente'] == $cliente->id) selected @endif 
                                            value="{{ $cliente->id }}">{{ $cliente->nome }}</option>
                                @endforeach
                            </select> 
                        </div>
                    </div>

                    
                </div>

                <div class="form-group row pb-3">
                    <div id="" class="col-md-3">

                        <input class="mr-2" type="checkbox" id="venda_zero" name="venda_zero"  value="venda_zero"
                    
                        @if(old('venda_zero') || isset($filtros['venda_zero'])) checked @endif>
                        <label  for="checkbox_aprovar_comissoes">Valor Venda = 0.</label>
                    </div>

                </div>

                <div class="text-center pb-3">
                    <button class="btn btn-primary rounded mx-auto ">Consultar</button>
                </div>
            </form>
            <div class="row">
                <div class="col-md-3">
                    <h4>Total Litros:<strong>
                                            <span style="margin-left: 10px;">
                                            {{ number_format($vendas->sum('quantidade'), 2,",", " ") }}
                                            </span>
                                        </strong>
                    </h4>
                </div>
                <div class="col-md-3">
                    <h4>Total Valor Bruto:<strong>
                                        <span style="margin-left: 10px;">
                                            {{ number_format($vendas->sum('v_bruto'), 2, ",", " ")}} €
                                        </span>
                                    </strong>
                    </h4>
                </div>
            </div>
                  
                   
           
        </div>
        <div class="card-header">

        
        </div>
        
        
           
            <div class="px-3 pb-3">
                <br>
                
                <div class="table-responsive">
                    {{-- @if($permissao->alterar_venda)
                        <form id="form_aprovar_comissoes" action="/comissao_venda/aprovar_comissao" method="POST">
                            @csrf
                            <div class="row">
                            
                            
                                <div class="col-md-2">
                                    <div >
                                        <input class="mr-2" type="hidden" name="inputSerializado" id="inputSerializado" >

                                        <input class="mr-2" type="checkbox"  id="checkbox_aprovar_comissoes"  value=1>
                                        <label  for="checkbox_aprovar_comissoes">Selecionar Todas Comissões</label>                                
                                    </div>
                                </div>
                                <div class="col-md-2">
                                <button type="submit" id="botao_aprovar_comissoes" class="btn btn-primary">Aprovar comissoes</button> 

                                </div>  
                            </div>
                        </form>        
                    @endif --}}

                    

                    <table id="tabelashow" class="tabelashow table table-striped table-bordered table-hover">
                        <thead>
                                <tr>                   
                            
                               
                                {{-- <th class="text-center">
                                    <div class="d-flex flex-column">
                                        <div>Data</div>
                                        <div>Aprov.</div>
                                        <div>Comissão</div>     
                                    </div>
                                </th> --}}
                                <th class="text-center">Entidade</th>
                                <th class="text-center">Cliente</th>
                                <th class="text-center">Artigo</th>
                                <th class="text-center">Data Venda</th>
                                <th class="text-center">Canal</th>
                                <th class="text-center">Gestor</th>  
                                {{-- <th class="text-center">Contribuinte</th> --}}
                                {{-- <th class="text-center">Data Vencimento</th>                             --}}
                                {{-- <th class="text-center">Data Pagamento</th> --}}
                                <th class="text-center">Quantidade</th>
                                <th class="text-center">Valor Bruto</th>
                                <th class="text-center">Num Documento</th>

                                <th class="text-center">fatura</th>
                                <th class="text-center">Produto</th>
                                <th class="text-center">Rentabilidade</th>
                                
                                {{-- preco minimo do dia da venda --}}
                                <th class="text-center">Preço Minimo</th>
                                <th>Preço Venda Litro</th>
                                
                                <th class="text-center">Comissão</th>
                                @if($permissao->alterar_venda || $permissao->excluir_venda)
                                    <th class="text-center mb-1" style=" width: 100px;">Ações</th>
                                @endif                                                     
                                </tr>
                        </thead>
                       
                        <tbody>
                            @php
                                $contador=0;
                            @endphp
                            @foreach ($vendas  as $key => $venda)
                                
                               
                                       
                               
                                
                                   <tr>
                                       
                                        {{-- <td>{{ $venda->data_venda ? \Carbon\Carbon::parse($venda->data_venda)->format('d/m/Y H:i:s') : '' }}</td> --}}
                                        <td>{{$venda->entidade ?? '' }}</td>   
                                        <td>{{$venda->cliente->nome ?? '' }}</td>  
                                        <td>{{$venda->produto->artigo ?? '' }}</td>  
                                        <td>{{isset($venda->data) ? \Carbon\Carbon::parse($venda->data)->format('d/m/Y') : '' }}</td>
                                        <td>{{$venda->canal ? $venda->canal->nome_canal: '' }}</td>
                                        <td>{{$venda->cliente->gestor_user->name ?? '' }}</td>                       
                                       
                                        {{-- <td>{{$venda->cliente->contribuinte ?? '' }}</td>                        --}}
                                        {{-- <td>{{isset($venda->faturas) ? \Carbon\Carbon::parse($venda->faturas->dt_vencimento)->format('d/m/Y') :  ''}}</td> --}}
                                        {{-- <td>{{isset($venda->faturas) ? \Carbon\Carbon::parse($venda->faturas->dt_pagamento)->format('d/m/Y') : ''}}</td> --}}
                                        <td  class="text-center">{{number_format($venda->quantidade, 2);}}</td>  
                                        <td> {{number_format($venda->v_bruto,2)}}</td>         
                                        <td class="text-center" >{{$venda->documento ?? '' }}</td>                  
                                        <td class="text-center" >{{$venda->faturas->id ?? '' }}</td>
                                        <td class="text-center" >{{$venda->produto->descricao }}</td>
                                        <td> {{number_format($venda->rentabilidade,2)}}</td>         

                                        {{-- preço minimo da venda --}}
                                        <td class="text-center">
                                            {{number_format($venda->preco_minimo_fixo,3)}}
                                            {{-- Atenção. Somente 3 casas pode dar uma pequena difrença na comissão --}}
                                                                                </td>
                                        @php
                                            if(isset($venda->canal->nome_canal) && $venda->canal->nome_canal == "Ilidio Mota"){
                                                $iva =0;
                                            }else{

                                                $iva = isset($venda->produto->iva) ? ($venda->produto->iva / 100) : 0;
                                            }
                                                

                                            $valorLitroVendaComIva = ($venda->v_bruto/$venda->quantidade)*(1+$iva);
                                        
                                        @endphp
                                        <td>{{number_format($valorLitroVendaComIva,3)}}</td> {{--preço da venda litro--}}
                                        
                                        @php
                                            if($venda->venda_ajuste){
                                                $bonus = $venda->venda_ajuste->where("tipo","Bônus")->sum('valor');
                                                $penalizacao = $venda->venda_ajuste->where("tipo","Penalização")->sum('valor');
                                            }else{
                                                $bonus=0;
                                                $penalizacao=0;
                                            }
                                           
                                            $valorAjuste = $bonus - $penalizacao;
                                            $valorAjusteFormatado = number_format($valorAjuste, 2, '.', ',');
                                            $valorvenda = $venda->valor_venda + $valorAjuste;
                                        @endphp
                                    

                                        {{-- <td>{{$valorAjusteFormatado}} --}}
                                           
                                        {{-- </td> --}}
                                        {{-- <td @if($valorvenda < 0) style="background-color: #e76161;"@endif >

                                            {{number_format($valorvenda, 2, '.', ',')  ?? '0.00'}} 
                                        </td>   --}}
                                        <td>{{number_format($venda->valor_comissao, 2, '.', ',')  ?? '0.00'}} </td>
                                                                            
                                        @if($permissao->alterar_venda || $permissao->excluir_venda)
                                            <td class="text-center">
                                                <div class='row'>
                                                    @if($permissao->alterar_venda)
                                                        <div class="col-md-4">
                                                            <a href="{{ url('mostrar-vendas/create?id=' . $venda->id . '&redirect_url=' . urlencode(url()->full())) }}" class="btn btn-primary btn-sm rounded">
                                                                <i class="fas fa-pencil-alt" aria-hidden="true"></i>
                                                            </a>
                                                            
                                                            {{-- <a  href="mostrar-vendas/create?id={{$venda->id}}&redirect_url={{ urlencode(url()->full()) }}" class="btn btn-success btn-sm mr-1" title="Editar">
                                                                <i class="fas fa-pencil-alt" aria-hidden="true"></i>
                                                            </a> --}}
                                                        </div>
                                                        {{-- <div class="col-md-4">
                                                            <a href="/comissao_ajuste/{{$comissao->id}}/home?redirect_url={{ urlencode(url()->full()) }}" class="btn btn-success btn-sm" title="Ajuste Comissão">
                                                                <i class="fas fa-euro-sign" aria-hidden="true"></i>
                                                            </a>            
                                                        </div> --}}
                                                    @endif
                                                    @if ($permissao->excluir_venda)                                            
                                                        <div class="col-md-4">
                                                                {{-- <form method="POST" onclick="return confirm('Deseja realmente excluir a Venda?')" action="/comissao_venda/{{$comissao->id}}">
                                                                    @csrf
                                                                    @method('DELETE') --}}
                                                                    <a onclick="return confirm('Deseja realmente excluir a Venda?')" href="/mostrar-vendas/delete?id={{$venda->id}}&redirect_url={{ urlencode(url()->full()) }}"> <button class="btn btn-danger btn-sm" type="button"><i class="fa fa-trash" title="Excluir" aria-hidden="true"></i></button></a>
                                                                {{-- </form> --}}
                                                             

                                                            {{-- <form method="POST" action="/comissao_venda/{{$comissao->id}}" onsubmit="return confirm('Deseja realmente excluir a Venda?')">
                                                                @csrf
                                                                @method('DELETE')
                                                                <button class="btn btn-danger btn-sm" type="submit" title="Excluir">
                                                                    <i class="fa fa-trash" aria-hidden="true"></i>
                                                                </button>
                                                            </form> --}}
                                                        </div>

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

       var tabela = $('.tabelashow').DataTable( {
        
                    "paging": false,
                    "lengthChange": true,
                    "searching": true,
                    "ordering": true,
                    "info": false,
                    "autoWidth": false,
                    "responsive": true,
                    "order": [[0, "asc"]],
                    "buttons": [
                        "csv",
                        "excel",
                        {
                            "extend": "pdf",
                            "text": "PDF",
                            "orientation": "landscape", // Define a orientação paisagem
                            "pageSize": "A4", // Define o tamanho do papel
                            "exportOptions": {
                                "columns": ":not(:last-child)" // Remove a última coluna (índice 15)
                            },
                            "customize": function (doc) {
                                // Reduz a fonte para caber melhor na página
                                doc.styles.tableHeader.fontSize = 6;
                                doc.defaultStyle.fontSize = 6;

                                // Ajusta larguras das colunas específicas
                                var colWidths = [];
                                var totalCols = doc.content[1].table.body[0].length;

                                for (var i = 0; i < totalCols; i++) {
                                    if ([2, 3, 4, 6, 7, 8, 9].includes(i)) {
                                        colWidths.push("5%"); // Colunas 6, 7, 8 e 9 mais estreitas
                                    } else {
                                        colWidths.push("*"); // Distribui as demais proporcionalmente
                                    }
                                }

                                doc.content[1].table.widths = colWidths;

                                // Ajusta margens para economizar espaço
                                doc.pageMargins = [10, 10, 10, 10];

                                // Layout alternando cores para melhor leitura
                                doc.content[1].layout = {
                                    fillColor: function (rowIndex, node, columnIndex) {
                                        return (rowIndex % 2 === 0) ? '#f3f3f3' : null;
                                    }
                                };
                            }
                        },
                        { "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"
                                    }
                                }
                
    }).buttons().container().appendTo('#tabelashow_wrapper .col-md-6:eq(0)');
       
    </script>

    

   
    <script>
      
        function carregarValoresTD(comercialNome, nomeProduto, comissaoComercial) {
        // Certifique-se de que os valores estão no formato esperado

        // Atualize os valores diretamente para os elementos específicos com classes únicas
        var elementoComercialNome = document.querySelector('.comercialNome');
        var elementoNomeProduto = document.querySelector('.nomeProduto');
        var elementoComissaoComercial = document.querySelector('.comissaoComercial');

        // Atualize os valores diretamente para os elementos específicos
        elementoComercialNome.innerText = comercialNome;
        elementoNomeProduto.innerText = nomeProduto;
        elementoComissaoComercial.innerText = comissaoComercial;
        }
  
              
       

        $(document).ready(function() {
         
            $('#cliente').select2({
                width: '100%', // Garante que o select ocupe 100% da largura
                tema : "clássico",
                
            });

        //     $("#botao_aprovar_comissoes").on("click", function(event) {
        //         // Verifica se há pelo menos um checkbox habilitado e marcado
        //         var algumCheckboxHabilitadoMarcado = $('.checkbox_selecionar_comissoes:enabled:checked').length > 0;

        //         if (algumCheckboxHabilitadoMarcado) {
        //             console.log('Pelo menos um checkbox está marcado e habilitado.');

        //             var confirmar = confirm('Deseja aprovar as comissões selecionadas? Clique em OK para aprovar ou Cancelar para sair.');
        //             if (confirmar) {
        //                 // Prossegue com o submit ou outra ação
        //                 console.log('Usuário confirmou a aprovação das comissões');
        //                 // Se for um formulário, você pode submetê-lo aqui
        //                 $('#form_aprovar_comissoes').submit();
        //             } else {
        //                 // Interrompe a ação
        //                 console.log('Usuário cancelou a aprovação das comissões');
        //                 event.preventDefault(); // Impede o comportamento padrão do botão se necessário
        //             }
        //         } else {
        //             // Interrompe a ação se nenhum checkbox habilitado estiver marcado
        //             alert("Selecione uma ou mais comissões habilitadas para aprovação.");
        //             event.preventDefault(); // Impede o comportamento padrão do botão se necessário
        //         }
        //   });


                    // $('#checkbox_aprovar_comissoes').change(function() {
                    //     var isChecked = $(this).is(':checked');

                    //     $('.checkbox_selecionar_comissoes').each(function() {
                    //         var isDisabled = $(this).is(':disabled');

                    //         if (isChecked) {
                    //             // Se o checkbox principal está marcado, marque todos os checkboxes, exceto os desativados
                    //             if (!$(this).is(':checked') && !isDisabled) {
                    //                 $(this).prop('checked', true);
                    //             }
                    //         } else {
                    //             // Se o checkbox principal não está marcado, desmarque todos os checkboxes, exceto os desativados
                    //             if (!isDisabled) {
                    //                 $(this).prop('checked', false);
                    //             }
                    //         }
                    //     });

                    //     // filterTable(); // Atualiza a tabela após a alteração dos checkboxes
                    // });

            
        });


    </script>

    <script>
        // document.getElementById('form_aprovar_comissoes').addEventListener('submit', function(event) {
        //     // Prevenir o envio padrão para realizar a manipulação
        //     event.preventDefault();

        //     // Obter todos os checkboxes com o name 'aprovar[]'
        //     let checkboxes = document.querySelectorAll('input[name="comissao[]"]:checked:not(:disabled)');

        //     // Criar um array para armazenar os valores dos checkboxes selecionados
        //     let valoresSelecionados = [];

        //     // Iterar sobre os checkboxes e adicionar os valores ao array
        //     checkboxes.forEach(function(checkbox) {
        //         valoresSelecionados.push(checkbox.value);
        //     });

        //     // Serializar o array em uma string (formato JSON)
        //     let stringSerializada = JSON.stringify(valoresSelecionados);

        //     // Atribuir a string serializada ao input escondido
        //     document.getElementById('inputSerializado').value = stringSerializada;

        //     // Submeter o formulário após a manipulação
        //     this.submit();
        // });
    </script>

@endsection