@extends('adminlte.app')

@section('content')
    @if ($message = Session::get('success'))
    <div class="alert alert-success">
        <p>{{ $message }}</p>
    </div>
    @endif
    <div class="content-wrapper">

        @if(session('controle'))
            <div class="alert alert-success" role="alert" id="sucesso">
                {{ session('mensagem') }}
            </div>
          <!-- Chama a função JavaScript "processarLote" diretamente -->
            <script>
                document.addEventListener('DOMContentLoaded', function () {
                    let offset = 0;                    
                    const batchSize = 100;
                    const userId = {{ $user->id }}; // Pegue o ID do usuário diretamente da variável Blade
                    processarLote(offset, batchSize, userId);
                });
            </script>
        @endif

        <div class="alert alert-warning d-none" role="alert" id="status">Aguarde Recalculando Comissoes....</div>


        <!-- 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">Usuários</h1>
                    </div><!-- /.col -->
                    <div class="col-sm-6">
                    </div><!-- /.col -->
                </div><!-- /.row -->
            </div><!-- /.container-fluid -->
        </div>
        <!-- /.content-header -->
        {{-- @foreach ($errors->all() as $error)
            {{ $error }}<br/>
        @endforeach --}}

        <div class="card mx-3 mt-3">
            <div class="card-header ">
                <div class="row">
                    <div class="col-md-10">
                        Editar usuário/Recalcular Comissões
                    </div>
                    <div class="col-md-2 text-right">
                        <a href="javascript:history.back()"><button type="button" id="voltar" class="btn btn-primary d-print-none">Voltar</button></a>
                    </div>
                </div>
            </div>

            <div class="card-body">
                <form method="POST" action="/usuarios/{{ $user->id }}" method="POST" id="form_usuario">
                    @csrf
                    @method('PATCH')

                    <div class="form-group row">
                        <label for="name" class="col-md-4 col-form-label text-md-right">Nome</label>

                        <div class="col-md-6">
                            <input id="name" type="text" class="form-control @error('name') is-invalid @enderror" name="name" value="{{ old('name') ?? $user->name}}" required autocomplete="name" autofocus>
                            @error('name')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                    </div>

                    <div class="form-group row">
                        <label for="iniciais" class="col-md-4 col-form-label text-md-right">Iniciais</label>

                        <div class="col-md-6">
                            <input id="iniciais" type="text" class="form-control @error('name') is-invalid @enderror" name="iniciais" value="{{ old('iniciais') ?? $user->iniciais }}" required autocomplete="iniciais" autofocus>

                            @error('iniciais')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                    </div>
    
                    <div class="form-group row">
                        <label for="tipo_usuario_id" class="col-md-4 col-form-label text-md-right">Perfil de Acesso</label>

                        <div class="col-md-6">
                            <select  class="form-control"  name="tipo_usuario_id" id="tipo_usuario_id" value="{{ old('tipo_usuario_id') }}" data-placeholder="Selecione o tipo de usuario">
                                @foreach ($tipo_usuario as $tipo)
                                    <option @if (old('tipo_usuario_id', $user->tipo_usuario_id) == $tipo->id) selected  @endif value={{ $tipo->id }}>{{ $tipo->perfil_acesso }}</option>
                                @endforeach    
                            </select>
                            @error('tipo_usuario_id')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                    </div>

                    {{-- <div class="form-group row">

                        <label for="departamento_id" class="col-md-4 col-form-label text-md-right">Departamento</label>

                        <div class="col-md-6">
                            
                            <select  class="form-control"  name="departamento_id" id="departamento_id" value="{{ old('departamento_id') }}" required>
                                <option></option>
                                @foreach ($departamentos as $departamento)
                                    <option @if($user->departamento_id == $departamento->id) selected @endif value="{{ $departamento->id }}">{{ $departamento->nome_departamento }}</option>
                                @endforeach
                            </select>

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

                        </div>
                    </div> --}}

                    {{-- <div class="form-group row">

                        <label for="cargo_funcao_id" class="col-md-4 col-form-label text-md-right">Cargo Função</label>

                        <div class="col-md-6">
                            
                            <select  class="form-control"  name="cargo_funcao_id" id="cargo_funcao_id" value="{{ old('cargo_funcao_id') }}"  required>
                                <option></option>
                                @foreach ($cargos_funcoes as $cargo_funcao)
                                    <option  @if($user->cargo_funcao_id == $cargo_funcao->id) selected @endif value="{{ $cargo_funcao->id }}">{{ $cargo_funcao->nome_cargo_funcao }}</option>
                                @endforeach
                            </select>

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

                        </div>
                    </div> --}}


                    <div class="form-group row">
                        <label for="equipa_id" class="col-md-4 col-form-label text-md-right">Sua Carteira</label>

                        <div class="col-md-6">
                            <select  class="form-control"  name="equipa_id" id="equipa_id" value="{{ old('equipa_id') }}"  required>
                                    <option></option>
                                @foreach ($equipas as $equipa)
                                    <option  @if($user->equipa_id == $equipa->id) selected @endif value="{{ $equipa->id }}">{{ $equipa->nome_equipa }}</option>
                                @endforeach
                            </select>
                            @error('equipa_id')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                    </div>

                    <div class="form-group row">
                        <label for="carteiras" class="col-md-4 col-form-label text-md-right">Carteiras que pode ver</label>
                        <div class="col-md-4">
                            <div class="input-group">
                                <input id="carteiras" type="text" class="form-control @error('carteiras') is-invalid @enderror" name="carteiras" value="{{ old('carteiras', $user->carteiras)}}" autofocus readonly >
                                <div class="input-group-append">
                                    <button type="button" class="btn btn-primary" title="Adicionar" data-toggle="modal" data-target="#CarteirasModal">...</button>
                                    <button type="button" class="btn btn-danger" onclick="funcLimpar()" title="Limpar">×</button>
                                </div>
                            </div>
                            <div class="input-group">
                                <span id="nome_carteiras"></span>
                            </div>
                            @error('carteiras')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                    </div>

                    <div class="form-group row">
                        <label for="telefone" class="col-md-4 col-form-label text-md-right">Telefone</label>

                        <div class="col-md-6">
                            <input id="telefone" type="text" class="form-control @error('telefone') is-invalid @enderror" name="telefone" value="{{ old('telefone') ?? $user->telefone }}"  autocomplete="telefone"  >
                            @error('telefone')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                    </div>

                    <div class="form-group row">
                        <label for="celular" class="col-md-4 col-form-label text-md-right">Telemovel</label>

                        <div class="col-md-6">
                            <input id="celular" type="text" class="form-control @error('celular') is-invalid @enderror" name="celular" value="{{ old('celular') ?? $user->celular }}"  autocomplete="celular"  >
                            @error('celular')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                    </div>

                    <div class="form-group row">
                        <label for="comissao" class="col-md-4 col-form-label text-md-right">Comissão</label>
                        <div class="col-md-6">
                            <select  class="form-control"  name="comissao" id="comissao" value="{{ old('comissao') }}"  required>
                                <option></option>
                                <option @if($user->comissao =="Não Aplicável" ) selected @endif value="Não Aplicável">Não Aplicável</option>
                                <option @if($user->comissao =="Fixa" ) selected @endif value="Fixa">Fixa</option>
                                <option @if($user->comissao =="Variável" ) selected @endif value="Variável">Variável</option>
                            </select>
                            @error('comissao')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                        {{-- <div class="col-md-2">
                            <button type="button" id="atualizarComissoes"  class="btn btn-primary"></button>
                            <div id="status"></div>
                        </div> --}}
                    </div>
                    <div class="form-group row">
                        <label for="portos_id" class="col-md-4 col-form-label text-md-right">Centro de Carga</label>
                        <div class="col-md-6">
                            <select  class="form-control"  name="portos_id" id="portos_id" value="{{ old('portos_id') }}"  >
                                <option></option>
                                @foreach($portos as $porto )
                                    <option @if($user->portos_id == $porto->id) selected @endif value={{$porto->id}}>{{$porto->nome_porto}}</option>
                                @endforeach
                            </select>
                            @error('portos_id')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                        {{-- <div class="col-md-2">
                            <button type="button" id="atualizarComissoes"  class="btn btn-primary"></button>
                            <div id="status"></div>
                        </div> --}}
                    </div>

                     {{-- {{dd($user->tabela_padrao)}} --}}
                    <div class="form-group row d-none" id="div_tabela_padrao">
                        <label for="tabela_padrao" class="col-md-4 col-form-label text-md-right">Tabela Padrão</label>
                        <div class="col-md-6">
                            {{-- <select  class="form-control"  name="tabela_padrao" id="tabela_padrao" value="{{ old('tabela_padra') }}">
                                <option value=""></option>
                                <option @if($user->tabela_padrao =="PP" ) selected @endif value="PP">PP</option>
                                <option @if($user->tabela_padrao =="Prazo" ) selected @endif value="Prazo">Prazo</option>
                            </select>
                            @error('tabela_padrao')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror --}}
                            <select class="form-control @error('tabela_padrao') is-invalid @enderror" name="tabela_padrao" id="tabela_padrao">
                                <option value=""></option>                                
                                <option value="Nenhuma das Opções" 
                                @if(old('tabela_padrao', $user->tabela_padrao) == 'Nenhuma das Opções') selected @endif>Nenhuma das Opções</option>
                                <option value="PP" 
                                @if(old('tabela_padrao', $user->tabela_padrao) == 'PP') selected @endif>PP</option>
                            <option value="Prazo" @if(old('tabela_padrao', $user->tabela_padrao) == 'Prazo') selected @endif>Prazo</option>
                            </select>
                            @error('tabela_padrao')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                    </div>
                    {{-- <input type="hidden" name="tabela_padrao_1" id="tabela_padrao_hidden" value="{{ old('tabela_padrao', $user->tabela_padrao ?? '') }}"> --}}

                    <div class="form-group row">

                        <label for="usuario_herdado" class="col-md-4 col-form-label text-md-right">Usuário Herdado</label>

                        <div class="col-md-6">
                            
                            <select  class="form-control"  name="usuario_herdado" id="usuario_herdado" value="{{ old('usuario_herdado') }}">
                                    <option></option>
                                @foreach ($usuarios as $usuario)
                                    <option value="{{ $usuario->id }}" @if($usuario->id == $user->usuario_herdado) selected @endif>{{ $usuario->name }}</option>
                                @endforeach
                            </select>

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

                        </div>
                    </div>

                    <div class="form-group row">
                        <label for="telemovel_2fa" class="col-md-4 col-form-label text-md-right">Telemovel 2FA</label>

                        <div class="col-md-6">
                            <input id="telemovel_2fa" type="text" class="form-control @error('telemovel_2fa') is-invalid @enderror" name="telemovel_2fa" value="{{ old('telemovel_2fa') ?? $user->telemovel_2fa  }}" required autocomplete="telemovel_2fa">

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

                    <div class="form-group row">
                        <label for="duas_etapas" class="col-md-4 col-form-label text-md-right">2FA Ativa</label>

                        <div class="col-md-6">
                            <select  class="form-control"  name="duas_etapas" id="duas_etapas" value="{{ old('duas_etapas')  }}" required>
                                <option @if($user->duas_etapas == "Não") selected @endif value="Não">Não</option>
                                <option @if($user->duas_etapas == "Sim") selected @endif value="Sim">Sim</option>
                            </select>
                            

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

                    <div class="form-group row">
                        <label for="codigo_2fa" class="col-md-4 col-form-label text-md-right">Código 2FA</label>

                        <div class="col-md-6">
                            <input id="codigo_2fa" type="text" class="form-control @error('codigo_2fa') is-invalid @enderror" name="codigo_2fa" value="{{ old('codigo_2fa') ?? $user->codigo_2fa }}" required autocomplete="codigo_2fa">

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

                    <div class="form-group row">
                        <label for="email" class="col-md-4 col-form-label text-md-right">E-mail</label>

                        <div class="col-md-6">
                            <input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email') ?? $user->email }}" required autocomplete="email">

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

                    <div class="form-group row">
                        <label for="password" class="col-md-4 col-form-label text-md-right">Senha</label>

                        <div class="col-md-6">
                            <input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password">
                            @error('password')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                    </div>

                    <div class="form-group row">
                        <label for="password-confirm" class="col-md-4 col-form-label text-md-right">Confirmar a Senha</label>

                        <div class="col-md-6">
                            <input id="password-confirm" type="password" class="form-control" name="password_confirmation">
                        </div>
                    </div>

                    <div class="form-group row mb-0">
                        <div class="col-md-1 offset-md-4 text-right">
                            <a href="javascript:history.back()"><button type="button" id="voltar" class="btn btn-primary d-print-none">Voltar</button></a>
                        </div>
                        <div class="col-md-1    ">
                            <button type="submit" class="btn btn-primary">
                                Atualizar
                            </button>
                        </div>
                        {{-- <div class="col-md-4">
                           <strong><h2 style="color: brown" id="atencao">s</h2></strong> 
                        </div> --}}
                    </div>
                </form>
            </div>
        </div>
    </div>

    <div class="modal fade" id="CarteirasModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" 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="exampleModalLabel">Franquias</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="tabelashow" class="table table-striped table-bordered table-hover">
                            <thead>
                                <tr>
                                    <th>Nome</th>
                                    <th>ID</th>
                                    <th></th>
                                </tr>
                            </thead>

                            <tbody>
                                @foreach ($equipas as $info)
                                    <tr>
                                        <td>{{$info->nome_equipa}}</td>
                                        <td>{{$info->id }}</td>
                                        <td><button onclick="addarray({{ $info->id }},'{{ $info->nome}}')" >Selecionar</button></td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
            
                    <script>
                        var ids  = [];
                        function passararray(nome_carteira){
                            var inp = document.getElementById("carteiras");
                            var nome_carteiras = document.getElementById("nome_carteiras");
                            inp.value = JSON.stringify(ids);

                            if(nome_carteiras.textContent == ""){
                                nome_carteiras.textContent =  nome_carteira;
                            } else {    
                                nome_carteiras.textContent = nome_carteiras.textContent + ', ' + nome_carteira;
                            }
                        }

                        function addarray(id, nome_carteira){
                            var sele = id;

                            if(ids.includes(sele)){
                                alert("Carteira já selecionada");
                            } else {
                                ids.push(sele);
                                passararray(nome_carteira);
                            }
                        }

                        function funcLimpar(){
                            var inp = document.getElementById("carteiras");
                            var nome_carteiras = document.getElementById("nome_carteiras");

                            inp.value = "";
                            nome_carteiras.textContent = "";
                            ids  = [];
                        }
                    </script>
                </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>
  {{-- <script type="text/javascript">
    $("#telefone").mask("(00) 0000-0000");
    $("#celular").mask("(00) 00000-0000");
 </script> --}}
 <script>

    //    $(document).ready(function(){
    //         verificarComissao();
        
    //         function verificarComissao(){
    //             var comissaoSelecionada = $('#comissao').val();
    
    //             if(comissaoSelecionada != 'Não Aplicável'&& comissaoSelecionada != ''){
    //                 $('#div_tabela_padrao').removeClass('d-none') 

                            
    //             }else{
    //                 $('#div_tabela_padrao').addClass('d-none')

    //             }
                
    //         }
    
           
    
    //         $('#comissao').on('click', verificarComissao);

    //         $('#form_usuario').on('submit', function(e) {
    //             var comissao = $('select[name="comissao"]').val();
    //             var tabelaPadrao = $('select[name="tabela_padrao"]').val();

    //             if ((comissao === "Fixa" || comissao === "Variável") && !tabelaPadrao) {
    //                 e.preventDefault(); // Impede o envio do formulário
    //                 alert("O campo tabela padrão é obrigatório quando a comissão é Fixa ou Variável.");
    //             }
    //         });
    //    })

       function processarLote(offset, batchSize, userId) {
            $.ajax({
                url: '{{ route("atualizar_comissoes") }}', // A rota que processa as comissões
                method: 'POST',
                data: {
                    user_id: userId, // Envia o ID do usuário
                    offset: offset,  // Envia o offset
                    batchSize: batchSize,  // Envia o tamanho do lote
                    _token: '{{ csrf_token() }}'  // Proteção CSRF
                },
                beforeSend: function() {
                    // Isso será chamado antes da requisição ser enviada
                    $('#status').removeClass('d-none')
                    // $('#status').text("Aguarde Recalculando Comissões");
                },
                success: function (response) {
                    // Isso será chamado quando a requisição for bem-sucedida
                    console.log('Requisição AJAX bem-sucedida.');
                    // $('#sucesso').addClass('d-none')
                    const totalVendas = response.totalVendas; 
                    $('#status').removeClass('d-none')
                    $('#status').text('Processando... Offset: ' + offset);
                    if (response.done) {
                        $('#sucesso').addClass('d-none');
                        $('#status').text('Comissões atualizadas com sucesso.');

                    } else {
                        $('#status').text('Aguarde, NÃO FECHE O NAVEGADOR ... Comissões Calculadas: ' + offset + '. Restando Calcular: ' + (totalVendas - offset) + '.');
                        // $('#status').text('Recalculando Comissoes: .... Comissões Calculadas: ' + offset + "  Restam: " +totalVendas);
                        processarLote(response.nextOffset, batchSize, userId); // Continua o processamento com o próximo lote
                    }
                },
                error: function (jqXHR, textStatus, errorThrown) {
                    // Isso será chamado em caso de erro
                    console.error('Erro ao realizar a requisição AJAX:', textStatus, errorThrown);
                    $('#status').text('Erro ao atualizar as comissões.');
                },
                complete: function() {
                    // Isso será chamado após a requisição ser finalizada (independentemente de sucesso ou erro)
                    console.log('Requisição AJAX finalizada.');
                }
            });
        }
    
    
    
     </script>



@endsection