@extends('adminlte.app')

@section('content')
    @if ($message = Session::get('success'))
    <div class="alert alert-success">
        <p>{{ $message }}</p>
    </div>
    @endif
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <div class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <h1 class="m-0">Usuários</h1>
                    </div><!-- /.col -->
                    <div class="col-sm-6">
                
                    </div><!-- /.col -->
                </div><!-- /.row -->
            </div><!-- /.container-fluid -->
        </div>
        <!-- /.content-header -->


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

            <div class="card-header ">
                <div class="row">
                    <div class="col-md-10">
                        Novo usuário
                    </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="{{ route('usuario_store') }}" id="form_usuario" >
                    @csrf

                    <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') }}" 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') }}" 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">
                                <option></option>
                                @if($permissao->definir_perfil_acesso)
                                    @foreach ($tipo_usuario as $tipo)
                                        <option value="{{ $tipo->id }}">{{ $tipo->perfil_acesso }}</option>
                                    @endforeach
                                @else
                                    @foreach ($tipo_usuario as $tipo)
                                        @if (in_array($tipo->id, $tipoUsuarioLiberados))
                                            <option value="{{ $tipo->id }}">{{ $tipo->perfil_acesso }}</option>
                                        @endif
                                    @endforeach
                                @endif
                            </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="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 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') }}" 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') }}"  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 " name="celular" value="{{ old('celular') }}"   >
                        </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 value="Não Aplicável">Não Aplicável</option>
                                <option value="Fixa">Fixa</option>
                                <option value="Variável">Variável</option>
                            </select>

                            @error('comissao')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </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') }}"  required>
                                <option></option>
                                @foreach($portos as $porto)
                                    <option 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>


                    <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_padrao') }}" required>
                                <option value="Nenhuma das Opções">Nenhuma das Opções</option>
                                <option value="PP">PP</option>
                                <option value="Prazo">Prazo</option>                             
                            </select>

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

                    
                    <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 }}">{{ $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="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') }}" 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="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') }}" 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 value="Não">Não</option>
                                <option 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') }}" maxlength="6" 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="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" required autocomplete="new-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" required autocomplete="new-password">
                        </div>
                    </div>

                    <div class="form-group row mb-0">
                        <div class="col-md-6 offset-md-4">
                            <button type="submit" class="btn btn-primary">
                                Registrar
                            </button>
                        </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 >
    $('#telefone').mask('(99) 9999-9999');
    $('#celular').mask('(99) 99999-9999');
   
 
 </script> --}}
 {{-- comentado logica de uso que o eric pediu sobre tipo_pagamento pp e prazo --}}
 {{-- <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.");
                }
            });
    })
        
 </script> --}}

@endsection