@extends('adminlte.app')

@section('content')
    <style>
       .checkbox input {
        width: 100px;
        height: 100px;
        clip-path: polygon(0px 0px, 0px 0px, 0px 0px);
       }
        
    </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">Validação de Comissões</h1>
                    </div><!-- /.col -->

                    <div div class="col-sm-6 text-right">
                        @if($permissao->criar_venda)
                            <a href="/comissao_venda/create"> <button class="btn btn-primary rounded">Criar Venda</button></a>
                        @endif
                         </div>
                    {{-- <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">
        
      


        {{-- @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('comissao_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 id="" class="col-md-3">
                        <label for="gestor" class="">Listar comissoes</label>
                        <div class="input-group">
                            <select name="selecionar_estado_comissoes"   id="selecionar_estado_comissoes" class=" form-control" required>
                                <option @if($selecionar_estado_comissoes==='Todos') selected @endif  value="todos">Todos</option>                                
                                <option @if($selecionar_estado_comissoes==='Aprovadas') selected @endif value="Aprovadas">Aprovadas</option>
                                <option @if($selecionar_estado_comissoes==='Não_Aprovadas') selected @endif value="Não_Aprovadas">Não Aprovadas</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>    
                    
                </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 Validado: <span style="margin-left: 10px;">{{ number_format($totalValidado, 2) }}</span></h4> --}}
                    <h4>Total Validado:<strong>
                                            <span style="margin-left: 10px;">
                                            {{ number_format($comissao_vendas->where('data_comissao', '!=', null)->sum('valor_comissao'), 2) }} €
                                            </span>
                                        </strong>
                    </h4>
                </div>
                <div class="col-md-3">
                    <h4>Total Geral:<strong>
                                        <span style="margin-left: 10px;">
                                            {{ number_format($comissao_vendas->sum('valor_comissao'), 2)}} €
                                        </span>
                                    </strong>
                    </h4>
                </div>
            </div>
                  
                    {{-- <label for="total_validade">Total Validado</label>
                    <input type="text" id="total_validade" value="{{number_format("123.5",2)}}">
                    <label for="total_geral">Total Geral</label>
                    <input type="text" id="total_geral" value="{{number_format("123.5",2)}}"> --}}
           
        </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 type="hidden" name="inputSerializado" id="inputSerializado">
                                        <input type="hidden" name="mes" id="mes">
                                        <input type="hidden" name="ano" id="ano">
                                        <input type="hidden" name="acao" id="acao">
                                        <input type="checkbox" id="checkbox_aprovar_comissoes" value="1">
                                        <label for="checkbox_aprovar_comissoes">Selecionar Todas Comissões</label>                                
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <button type="submit" id="botao_aprovar_comissoes" value="aprovar" class="btn btn-primary">
                                        Aprovar comissões
                                    </button> 
                        
                                    <button type="button" id="abrir_modal" class="btn btn-primary" data-toggle="modal" data-target="#modalFechamento">
                                        Aprovar comissões e Fechar o mês
                                    </button> 
                                </div>  
                            </div>
                        </form>
                           
                    @endif

                    

                    <table id="tabelashow" class="tabelashow table table-striped table-bordered table-hover">
                        <thead>
                                <tr>                   
                            
                                @if($permissao->alterar_venda)    
                                    <th class="text-center">Aprovaçao</th>
                                @endif   
                                {{-- <th class="text-center">NR</th> --}}
                                <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">Canal</th>
                                <th class="text-center">Cliente</th>
                                {{-- <th class="text-center">Contribuinte</th> --}}
                                <th class="text-center">Data Venda</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">Produto</th>
                                <th class="text-center">Num Documento</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">Preço da Venda</th>                            --}}
                                <th class="text-center">Preço Total Fatura</th>     {{--valor antigo: Valor Bruto Venda--}}                     
                                {{-- investimentos em equipamentos se houver --}}
                                {{-- <th class="text-center">Amortizaçao</th> --}}
                                {{-- <th class="text-center">Ajuste Comissao </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 ($comissao_vendas  as $key => $comissao)
                                
                                @if( $comissao->cliente->gestor_user->comissao!="Não Aplicável" )

                                @php
                                   

                                @endphp
                                
                                <tr>
                                        @if($permissao->alterar_venda)
                                            <td class="pt-20"><input type="checkbox" class="checkbox_selecionar_comissoes ml-5"
                                                id="{{$comissao->id}}" name="comissao[]" value="{{$comissao->id}}"
                                            
                                                {{-- {{$comissao->comissao_aprovada == 1 ? 'checked disabled' : '' }}> --}}
                                                {{ $comissao->data_comissao ? 'checked disabled' : '' }}>
                                            </td> {{-- o id do checkbox e o id da venda --}}
                                        @endif    
                                        <td>{{ $comissao->data_comissao ? \Carbon\Carbon::parse($comissao->data_comissao)->format('d/m/Y H:i:s') : '' }}</td>
                                        <td>{{$comissao->canal ? $comissao->canal->nome_canal: '' }}</td>
                                        <td>{{$comissao->cliente->nome ?? '' }}</td>                       
                                        {{-- <td>{{$comissao->cliente->contribuinte ?? '' }}</td>                        --}}
                                        <td>{{isset($comissao->data) ? \Carbon\Carbon::parse($comissao->data)->format('d/m/Y') : '' }}</td>
                                        {{-- <td>{{isset($comissao->faturas) ? \Carbon\Carbon::parse($comissao->faturas->dt_vencimento)->format('d/m/Y') :  ''}}</td> --}}
                                        <td>{{isset($comissao->faturas) ? \Carbon\Carbon::parse($comissao->faturas->dt_pagamento)->format('d/m/Y') : ''}}</td>
                                        <td  class="text-center">{{number_format($comissao->quantidade, 0, '', '');}}</td>  
                                        <td class="text-center" >{{$comissao->produto->descricao }}</td>
                                        <td class="text-center" >{{ $comissao->documento }}</td>
                                        {{-- preço minimo da venda --}}
                                        <td class="text-center">
                                            {{number_format($comissao->preco_minimo_fixo,3)}}
                                            {{-- Atenção. Somente 3 casas pode dar uma pequena difrença na comissão --}}
                                            
                                        </td>
                                        @php
                                            if(isset($comissao->canal->nome_canal) && $comissao->canal->nome_canal == "Ilidio Mota"){
                                                $iva =0;
                                            }else{

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

                                            $valorLitroVendaComIva = ($comissao->v_bruto/$comissao->quantidade)*(1+$iva);
                                        
                                        @endphp
                                        <td>{{number_format($valorLitroVendaComIva,3)}}</td> {{--preço da venda litro--}}
                                        <td>
                                            {{number_format($comissao->v_bruto,2)}}

                                        </td>
                                            {{-- campo removido a pedido do eric 12-08 ----campo responponsavel por pegar os valores investido no cliente e abatido na importaçao das vendas --}}
                                        {{-- <td class="text-center">
                                            
                                            {{$comissao->investimentos_em_equipamentos==null ? '0.00' : number_format($comissao->investimentos_em_equipamentos, 2, ',', ' ')}}
                                                
                                        </td> --}}
                                        @php
                                            if($comissao->comissao_ajuste){
                                                $bonus = $comissao->comissao_ajuste->where("tipo","Bônus")->sum('valor');
                                                $penalizacao = $comissao->comissao_ajuste->where("tipo","Penalização")->sum('valor');
                                            }else{
                                                $bonus=0;
                                                $penalizacao=0;
                                            }
                                           
                                            $valorAjuste = $bonus - $penalizacao;
                                            $valorAjusteFormatado = number_format($valorAjuste, 2, '.', ',');
                                            $valorComissao = $comissao->valor_comissao + $valorAjuste;
                                        @endphp
                                    

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

                                            {{number_format($valorComissao, 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="/comissao_venda/{{$comissao->id}}/edit?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="/comissao_venda/delete?id={{$comissao->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>
                                @endif
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
            
    </div>
</div>

<div class="modal fade" id="modalFechamento" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Fechar o mês</h5>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body">
                <label for="select_mes">Mês:</label>
                <select id="select_mes" class="form-control">
                    <option value="1">Janeiro</option>
                    <option value="2">Fevereiro</option>
                    <option value="3">Março</option>
                    <option value="4">Abril</option>
                    <option value="5">Maio</option>
                    <option value="6">Junho</option>
                    <option value="7">Julho</option>
                    <option value="8">Agosto</option>
                    <option value="9">Setembro</option>
                    <option value="10">Outubro</option>
                    <option value="11">Novembro</option>
                    <option value="12">Dezembro</option>
                </select>

                <label for="select_ano" class="mt-2">Ano:</label>
                <select id="select_ano" class="form-control"></select>
            </div>
            <div class="modal-footer">
                <button type="button" id="confirmarFechamento" class="btn btn-primary">Confirmar</button>
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
            </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", "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>
      
        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() {

            $("#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
                }
          });

          $("#botao_aprovar_e_fechar").on("click", function(event) {

                var confirmar = confirm('Deseja aprovar as comissões selecionadas e fechar o mês? Clique em OK para aprovar ou Cancelar para sair.');
                if (confirmar) {
                    $('#form_aprovar_comissoes').submit();
                } else {
                    event.preventDefault(); 
                }
   
          });


            $('#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) {
            event.preventDefault();

            let checkboxes = document.querySelectorAll('input[name="comissao[]"]:checked:not(:disabled)');

            let valoresSelecionados = [];

            checkboxes.forEach(function(checkbox) {
                valoresSelecionados.push(checkbox.value);
            });

            let stringSerializada = JSON.stringify(valoresSelecionados);

            document.getElementById('inputSerializado').value = stringSerializada;

            this.submit();
        });
    </script>
    <script>
        document.querySelectorAll('button[type=submit]').forEach(button => {
            button.addEventListener('click', function() {
                document.getElementById('acao').value = this.value;
            });
        });
    </script>
    
    <script>
        document.addEventListener("DOMContentLoaded", function() {
            let selectAno = document.getElementById("select_ano");
            let anoAtual = new Date().getFullYear();
            for (let i = anoAtual - 5; i <= anoAtual + 1; i++) {
                let option = document.createElement("option");
                option.value = i;
                option.textContent = i;
                selectAno.appendChild(option);
            }
            selectAno.value = anoAtual; 
    

            document.getElementById("select_mes").value = new Date().getMonth() + 1; 
    
            document.getElementById("confirmarFechamento").addEventListener("click", function() {
                let mes = document.getElementById("select_mes").value;
                let ano = document.getElementById("select_ano").value;
    
                document.getElementById("mes").value = mes;
                document.getElementById("ano").value = ano;
    
     
                document.getElementById("acao").value = "aprovar_e_fechar";
                document.getElementById("form_aprovar_comissoes").submit();
            });
        });
    </script>
    
@endsection