@php
$titulo = "Recursos Humanos - SW";
@endphp
@include('components.head')


<div class="container">
    
    @if (session('success'))
    <div class="alert alert-success">{{ session('success') }}</div>
    @endif
    <h4>Dados do contrato de trabalho</h4>
    <div class="col-md-12 mb-2">
        <div class="card">
            <div class="card-body">
                <div class="row">
                    <h5 class="col-10">Contrato de trabalho</h5>
                    <button class="btn btn-primary btn-sm col-1" data-target="#editaColaboradorModal" data-toggle="modal" >Editar</button>
                    
                    {{-- <button type="button"  class="col-12 alert alert-light text-dark text-left text-primary shadow painel" 
                    >
                        <div><strong>Adicionar despesa</strong><i style="margin-left: 44%;" class="fas fa-plus text-success"></i></div>
                    </button> --}}
                </div>
                <hr>
                <div class="row">
                    <div class="col-6">
                        Pessoa:
                        <p><strong>{{ $colaborador->pessoa['pes_nome_completo'] ?? " "}}</strong></p>
                    </div>
                    <div class="col-3">
                        Cargo:
                        <p><strong>{{ $colaborador->cargo->car_nome ?? " "}}</strong></p>
                    </div>
                    <div class="col-3">
                        Situação do contrato:
                        <p><strong>{{ $colaborador['col_situacao'] ?? " "}}</strong></p>
                    </div>
                    <div class="col-3">
                        Tipo de contrato:
                        <p><strong>{{$colaborador['col_tipocontrato'] ?? " "}} </strong></p>
                    </div>
                    {{-- <div class="col-3">
                        E-mail corporativo:
                        <p><strong> {{$colaborador['col_emailcorp'] ?? 'Não cadastrado'}}</strong></p>
                    </div> --}}
                    @php
                    use Carbon\Carbon;
                    $diasNoCargo = Carbon::parse($colaborador->col_dataadmissao)->diffInDays(Carbon::now());
                    $diasNoCargo = round($diasNoCargo); // Arredonda o valor para o inteiro mais próximo
                @endphp
                
                <div class="col-3">
                    Tempo de casa:
                    <p><strong>{{ $diasNoCargo . ' Dias' ?? 'Não encontrado' }}</strong></p>
                </div>
                
                    <div class="col-3">
                        Data de admissão:
                        <p><strong>{{\Carbon\Carbon::parse($colaborador['col_dataadmissao'])->format('d/m/Y')}}</strong></p>
                    </div>
                    <div class="col-3">
                        Gestor:
                        <p><strong>{{$colaborador->gestor->pes_nome_completo ?? 'Não cadastrado' }}</strong></p>
                    </div>
                    <div class="col-3">
                        Celular corporativo:
                        <p><strong>{{$colaborador['col_celcorp'] ?? 'Não cadastrado' }}</strong></p>
                    </div>
                    {{-- <div class="col-3">
                        Ramal:
                        <p><strong>{{$colaborador['col_ramalcorp'] ?? 'Não cadastrado' }}</strong></p>
                    </div> --}}
                    <div class="col-3">
                        Código E-social:
                        <p><strong>{{ $colaborador['col_codesocial'] ??  'Não cadastrado'}}</strong></p>
                    </div>
                    <div class="col-3">
                        @if($colaborador->col_datademissao != null)
                        Data de demissão:
                        <p><strong>{{ $colaborador['col_datademissao'] ? \Carbon\Carbon::parse($colaborador['col_datademissao'])->format('d/m/Y') : "Contratado" }}
                        </strong></p>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
{{-- 
    <style>

        select {
            appearance: none; /* Remove o estilo padrão */
            
            background-color: white;
            border: 1px solid #ccc;
            padding-right: 30px; /* Espaço para a seta */
            border-radius: 4px;
        }
    </style> --}}
    <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/js/select2.min.js"></script>
    <link href="{{asset('/css/select2.min.css')}}" rel="stylesheet" />

    <div class="modal fade" id="editaColaboradorModal" tabindex="-1" role=" " aria-labelledby="editaColaboradorModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="editaColaboradorModals">Edição de Colaborador</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <form action="{{ route ('rh.contratos.editarcontratopost' , ['col_id' => $colaborador->col_id])}}" method="post" id="formEditaContrato" >
                    @csrf
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="col_situacao">Situação do contrato:</label>
                                <select name="col_situacao" id="col_situacao" class="form-control custom-select">
                                    <option value="">Selecione</option>
                                    <option value="Ativo" {{$colaborador->col_situacao == 'Ativo' ?'selected' : ''}} >Ativo</option>
                                    <option value="Inativo" {{$colaborador->col_situacao == 'Inativo' ?'selected' : ''}} >Inativo</option>
                                    <option value="Afastado" {{$colaborador->col_situacao == 'Afastado' ?'selected' : ''}} >Afastado</option>
                                    <option value="De licenca" {{$colaborador->col_situacao == 'De licenca' ?'selected' : ''}} >De licença</option>
                                </select>
                            </div>
                            
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="col_tipocontrato">Tipo de contrato:</label>
                                <select class="form-control custom-select" id="col_tipocontrato" name="col_tipocontrato">
                                    <option value="">Selecione</option>
                                    <option value="CLT Determinado" {{$colaborador->col_tipocontrato == 'CLT Determinado' ? 'selected' : ''}}>CLT Determinado</option>
                                    <option value="CLT Indeterminado" {{$colaborador->col_tipocontrato == 'CLT Indeterminado' ? 'selected' : ''}}>CLT Indeterminado</option>
                                    <option value="CLT Intermitente" {{$colaborador->col_tipocontrato == 'CLT Intermitente' ?'selected' : ''}}>CLT Intermitente</option>
                                    <option value="PJ" {{$colaborador->col_tipocontrato == 'PJ' ? 'selected' : ''}}>PJ</option>
                                    <option value="RPA" {{$colaborador->col_tipocontrato == 'RPA' ? 'selected' : ''}}>RPA</option>
                                    <option value="PARCEIRO" {{$colaborador->col_tipocontrato == 'PARCEIRO' ? 'selected' : ''}}>PARCEIRO</option>
                                    <option value="ESTÁGIO" {{$colaborador->col_tipocontrato == 'ESTÁGIO' ?'selected' :''}}>ESTÁGIO</option>
                                    <option value="PROPRIETÁRIO" {{$colaborador->col_tipocontrato == 'PROPRIETÁRIO' ? 'selected' : ''}}>PROPRIETÁRIO</option>
                                </select>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="col_dataadmissao">Data de admissão</label>
                                <input type="date" class="form-control" name="col_dataadmissao" value="{{$colaborador->col_dataadmissao}}">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="col_datademissao">Data de demissão</label>
                                <input type="date" class="form-control" name="col_datademissao" value="{{$colaborador->col_datademissao}}">
                            </div>
                            {{-- Data de demissão:
                            <p><strong>{{ $colaborador['col_datademissao'] ? \Carbon\Carbon::parse($colaborador['col_datademissao'])->format('d/m/Y') : "Contratado" }}</strong></p> --}}
                        </div>
                    </div>

                    <div class="row">
                        {{-- <div class="col-md-6">
                            <div class="form-group">
                                <label for="col_emailcorp">E-mail corporativo:</label>
                                <input class="form-control" type="email" name="col_emailcorp" id="col_emailcorp" value="{{$colaborador->col_emailcorp}}">
                            </div>
                        </div> --}}
                         <div class="col-md-6">
                            <div class="form-group">
                                <label for="col_codesocial">Código E-social:</label>
                                <input type="text" name="col_codesocial" value="{{$colaborador->col_codesocial}}" class="form-control">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="col_celcorp">Celular corporativo:</label>
                                <input class="form-control" type="text" name="col_celcorp" id="col_celcorp" value="{{$colaborador->col_celcorp}}" oninput="formatCelular(this)"> 
                                {{-- <input type="text" name="pes_cel" class="form-control" placeholder="(XX) XXXXX-XXXX" value="{{$pessoa->pes_cel}}" oninput="formatCeluslar(this)"> --}}
                            </div>
                            <script>
                            function formatCelular(input) {
                                let value = input.value.replace(/\D/g, ''); // Remove tudo que não for número
                                value = value.replace(/^(\d{2})(\d)/, '($1) $2'); // Coloca parênteses em volta do DDD
                                value = value.replace(/(\d{5})(\d)/, '$1-$2'); // Adiciona o traço no número
                                input.value = value.substring(0, 16); // Limita a 15 caracteres
                            }
                            </script>
                        </div>
                    </div>

                    <div class="row">
                        {{-- <div class="col-md-6">
                            <div class="form-group">
                                <label for="col_ramalcorp">Ramal:</label>
                                <input class="form-control" type="text" name="col_ramalcorp" value="{{$colaborador->col_ramalcorp}}">
                            </div>
                            
                        </div> --}}
                       
                    </div>

                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="car_id">Cargo</label>
                                <select name="car_id" id="car_id" class="form-control custom-select" required>
                                    <option value="">Selecione</option>
                                    @foreach($cargos as $cargo)
                                    @if($cargo->car_status == 'Ativo')
                                    <option value="{{ $cargo->car_id }}" 
                                        {{ $cargo->car_id == $colaborador->car_id ? 'selected' : '' }}>
                                        {{ $cargo->car_nome }}
                                    </option>
                                    @endif
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Gestor:</label>
                                <select class="js-example-basic-single form-control" id="pes_id" name="pes_id">
                                    @if(isset($colaborador->gestor))
                                        <option value="{{ $colaborador->gestor->pes_id }}" selected>
                                            {{ $colaborador->gestor->pes_nome_completo }} (CPF: {{ substr($colaborador->gestor->pes_cpf,0,3) }}.***.***-**)
                                        </option>
                                    @else
                                        <option value="">Selecione o Gestor</option>
                                    @endif
                                </select>
                            </div>
                        </div>
                       
                        {{-- <div class="col-md-6">
                            <div class="form-group">
                                <label for="col_tempocasa">Tempo de casa:</label>
                                <input class="form-control" type="number" name="col_tempocasa" value="{{$colaborador->col_tempocasa}}">
                            </div>
                        </div> --}}
                        </div>

                </form>
                  
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-danger" data-dismiss="modal">Cancelar</button>
                <button type="submit" form="formEditaContrato" class="btn btn-success">Salvar Edição</button>
            </div>
        </div>
    </div>
</div>
 <script>
    $(document).ready(function () {
    // Evento que ocorre quando a modal é exibida
    
    $('#editaColaboradorModal').on('shown.bs.modal', function () {
        $('#pes_id').select2({
            dropdownParent: $('#editaColaboradorModal'), // Garantir que o dropdown funcione corretamente dentro da modal
            placeholder: "Pesquise e selecione um colaborador",
            minimumInputLength: 3,
            allowClear: true,
            language: {
                inputTooShort: function () {
                    return "Digite pelo menos 3 caracteres.";
                },
                noResults: function () {
                    return "Nenhum resultado encontrado.";
                },
                searching: function () {
                    return "Buscando...";
                }
            },
            ajax: {
                url: '{{ route("rh.contratos.buscar-pessoas") }}',
                dataType: 'json',
                delay: 250,
                data: function (params) {
                    return {
                        q: params.term // Termo de busca
                    };
                },
                processResults: function (data) {
                    return {
                        results: data.map(function (item) {
                            return { 
                                id: item.pes_id, 
                                text: item.pes_nome_completo + ", CPF (" + item.pes_cpf_inicio + "...)" 
                            };
                        })
                    };
                },
                cache: true
            }
        });
    });

    // Destruir o Select2 quando a modal for fechada (opcional, para liberar recursos)
    $('#editaColaboradorModal').on('hidden.bs.modal', function () {
        $('#pes_id').select2('destroy');
    });
});

 </script>
<hr>
<h4>Dados pessoais</h4>
<div class="col-md-12 mb-2">
    <div class="card">
        <div class="card-body">
            <div class="row">
                <h5 class="col-10">Informações do colaborador</h5><button id="abreModalEditarBasico" class="btn btn-primary col-1" data-toggle="modal" data-target="#modalEditarBasico">Editar</button>
            </div>
            <hr>
            <div class="row">
                <div class="col-6">
                    Nome completo:
                    <p><strong>{{$pessoa->pes_nome_completo ?? "Não cadastrado"}}</strong></p>
                </div>
                <div class="col-6">
                    Nome Social:
                    <p><strong>{{$pessoa->pes_nome_social ?? $pessoa->pes_nome_completo}}</strong></p>
                </div>
                <div class="col-3">
                    Primeiro nome:
                    <p><strong>{{$pessoa->pes_nome ?? "Não cadastrado"}}</strong></p>
                </div>
                <div class="col-3">
                    Ultimo nome:
                    <p><strong>{{$pessoa->pes_ultimo_nome ?? "Não cadastrado"}}</strong></p>
                </div>
                <div class="col-2">
                    Data de nascimento:
                    <p><strong>@if(!empty($pessoa->pes_data_nascimento)){{ \Carbon\Carbon::createFromFormat('Y-m-d', $pessoa->pes_data_nascimento)->format('d/m/Y')}}
                            @else
                            {{"Não cadastrado"}}
                            @endif</strong></p>
                </div>
                <div class="col-2">
                    Mes de Aniversario:
                    <p><strong>{{$pessoa->pes_mes_aniversario ?? "Não cadastrado"}}</strong></p>
                </div>
            </div>
        </div>
    </div>
    <div id="modalEditarBasico" class="modal fade" tabindex="-1" role="dialog">
        <div class="modal-dialog modal-lg">
            <div class="modal-content" role="document">
                <div class="modal-body">
                    <form id="formInfoBasica" method="post" action="{{route('rh.colaboradores.editabasico', ['pes_id' => $pessoa->pes_id])}}">
                        @csrf
                        <div class="modal-header mb-2">
                            <h4>Editando Informações básicas</h4>
                        </div>
                        <div class="form-group">
                            <label for="pes_nome">Nome</label>
                            <input class="form-control" name="pes_nome" type="text" value="{{$pessoa->pes_nome}}">
                        </div>
                        <div class="form-group">
                            <label for="pes_ultimo_nome">Ultimo nome</label>
                            <input class="form-control" name="pes_ultimo_nome" type="text" value="{{$pessoa->pes_ultimo_nome}}">
                        </div>
                        <div class="form-group">
                            <label for="pes_nome_completo">Nome completo</label>
                            <input class="form-control" name="pes_nome_completo" type="text" value="{{$pessoa->pes_nome_completo}}">
                        </div>
                        <div class="form-group">
                            <label for="pes_data_nascimento">Data de nascimento</label>
                            <input class="form-control" name="pes_data_nascimento" type="date" value="{{$pessoa->pes_data_nascimento}}" max="{{ \Carbon\Carbon::now()->setTimezone('America/Sao_Paulo')->format('Y/m/d') }}">
                        </div>
                        <div class="form-group">
                            <label for="pes_nome_social">Nome social</label>
                            <input class="form-control" name="pes_nome_social" type="text" value="{{$pessoa->pes_nome_social}}">
                        </div>
                        <div class="form-group">
                            <label for="pes_mes_aniversario">Mês de aniversário</label>
                            <input class="form-control" name="pes_mes_aniversario" type="number" min="1" max="12" value="{{$pessoa->pes_mes_aniversario}}">
                            <div id="alert" style="display:none; color: red;">O número inserido não é permitido. Por favor, insira um valor entre 1 e 12.</div>
                            <script>
                                document.getElementById('pes_mes_aniversario').addEventListener('input', function() {
                                    var input = this;
                                    var alertBox = document.getElementById('alert');
                                    if (input.value < 1 || input.value > 12) {
                                        alertBox.style.display = 'block';
                                    } else {
                                        alertBox.style.display = 'none';
                                    }
                                });
                            </script>
                        </div>
                        <div class="row">
                            <div class="col-12 justify-content-center d-flex mx-auto ">

                                <button class="btn btn-danger mr-2" data-dismiss="modal">Cancelar</button>
                                <button class="btn btn-success ml-2" type="submit">Salvar</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="col-md-12 mb-2">
    <div class="card">
        <div class="card-body">
            <div class="row">
                <h5 class="col-10">Informações do endereço</h5><button id="abreModalEditarEndereco" class="btn btn-primary col-1" data-toggle="modal" data-target="#modalEditarEndereco">Editar</button>
            </div>
            <hr>
            <div class="row">
                <div class="col-6">
                    Endereço:
                    <p><strong>{{$pessoa->pes_endereco ?? "Não cadastrado"}}</strong></p>
                </div>
                <div class="col-6">
                    Complemento:
                    <p><strong>{{$pessoa->pes_complemento ?? "Não cadastrado"}}</strong></p>
                </div>
                <div class="col-3">
                    Numero:
                    <p><strong>{{$pessoa->pes_numero ?? "Não cadastrado"}}</strong></p>
                </div>
                <div class="col-3">
                    Bairro:
                    <p><strong>{{$pessoa->pes_bairro ?? "Não cadastrado"}}</strong></p>
                </div>
                <div class="col-2">
                    Cidade:
                    <p><strong>{{$pessoa->pes_cidade ?? "Não cadastrado"}}</strong></p>
                </div>
                <div class="col-2">
                    Estado:
                    <p><strong>{{$pessoa->pes_estado ?? "Não cadastrado"}}</strong></p>
                </div>
                <div class="col-2">
                    CEP:
                    <p><strong>{{$pessoa->pes_cep ?? "Não cadastrado"}}</strong></p>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="modalEditarEndereco" class="modal fade" role='dialog' tabindex="-1">
    <div class="modal-dialog modal-lg">
        <div class="modal-content" role='document'>
            <div class="modal-body">
                <form action="{{route('rh.colaboradores.editaendereco', ['pes_id' => $pessoa->pes_id])}}" method="post" id="formInfoEndereco">
                    @csrf
                    <div class='modal-header mb-2'>
                        <h4>Editando Informações de endereço</h4>
                    </div>
                    <div class="form-group">
                        <label for="pes_endereco">Endereço</label>
                        <input name="pes_endereco" type="text" class="form-control" value={{$pessoa->pes_endereco}}>
                    </div>
                    <div class="form-group">
                        <label for="pes_complemento">Complemento</label>
                        <input type="text" class="form-control" value="{{$pessoa->pes_complemento}}" name="pes_complemento">
                    </div>
                    <div class="form-group">
                        <label for="pes_numero">Numero</label>
                        <input type="text" value="{{$pessoa->pes_numero}}" name="pes_numero" class="form-control">
                    </div>
                    <div class="form-group">
                        <label for="pes_bairro">Bairro</label>
                        <input type="text" value="{{$pessoa->pes_bairro}}"
                            name="pes_bairro" class="form-control">
                    </div>
                    <div class="form-group">
                        <label for="pes_cidade">Cidade</label>
                        <input type="text" value="{{$pessoa->pes_cidade}}"
                            name="pes_cidade" class="form-control">
                    </div>
                    <div class="form-group">
                        <label for="pes_estado">Estado</label>
                        <input type="text" name="pes_estado" value="{{$pessoa->pes_estado}}" class="form-control">
                    </div>
                    <div class="form-group">
                        <label for="pes_cep">CEP</label>
                        <input type="text" value="{{$pessoa->pes_cep}}" name="pes_cep" class="form-control" maxlength="10" oninput="formatCEP(this)">
                    </div>

                    <script>
                        function formatCEP(input) {
                            // Remove tudo que não for número
                            let value = input.value.replace(/\D/g, '');

                            // Adiciona a máscara de CEP
                            if (value.length > 5) {
                                value = value.replace(/^(\d{2})(\d{3})(\d{0,3})$/, '$1.$2-$3');
                            } else if (value.length > 2) {
                                value = value.replace(/^(\d{2})(\d{0,3})$/, '$1.$2');
                            }

                            input.value = value;
                        }
                    </script>

                    <div class="row">
                        <div class="col-12 justify-content-center d-flex mx-auto ">

                            <button class="btn btn-danger mr-2" data-dismiss="modal">Cancelar</button>
                            <button class="btn btn-success ml-2" type="submit">Salvar</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<div class="col-md-12 mb-2">
    <div class="card">
        <div class="card-body">
            <div class="row">
                <h5 class="col-10">Informações de documentos</h5><button id="abreModalEditarDocumento" class="btn btn-primary col-1" data-toggle="modal" data-target="#modalEditarDocumento">Editar</button>
            </div>
            <hr>
            <div class="row">
                <div class="col-3">
                    CPF:
                    <p><strong>{{$pessoa->pes_cpf ?? "Não cadastrado"}}</strong></p>
                </div>
                <div class="col-3">
                    RG:
                    <p><strong>{{$pessoa->pes_rg ?? "Não cadastrado"}}</strong></p>
                </div>
                <div class="col-3">
                    Orgão expedidor:
                    <p><strong>{{$pessoa->pes_orgaoexpedidor_rg ?? "Não cadastrado"}}</strong></p>
                </div>
                <div class="col-3">
                    UF do RG:
                    <p><strong>{{$pessoa->pes_uf_rg ?? "Não cadastrado"}}</strong></p>
                </div>
                <div class="col-3">
                    Data RG:
                    <p><strong>{{$pessoa->pes_data_rg ?? "Não cadastrado"}}</strong></p>
                </div>
                <div class="col-3">
                    CTPS:
                    <p><strong>{{$pessoa->pes_ctps ?? "Não cadastrado"}}</strong></p>
                </div>
                <div class="col-3">
                    Data da CTPS:
                    <p><strong>{{$pessoa->pes_data_ctps ?? "Não cadastrado"}}</strong></p>
                </div>
                <div class="col-3">
                    PIS:
                    <p><strong>{{$pessoa->pes_pis ?? "Não cadastrado"}}</strong></p>
                </div>
                <div class="col-3">
                    Título de eleitor:
                    <p><strong>{{$pessoa->pes_titulo_eleitor ?? "Não cadastrado"}}</strong></p>
                </div>
                <div class="col-3">
                    CNH categoria:
                    <p><strong>{{$pessoa->pes_cnh_categoria ?? "Não cadastrado"}}</strong></p>
                </div>
                <div class="col-3">
                    CNH numero:
                    <p><strong>{{$pessoa->pes_cnh_numero ?? "Não cadastrado"}}</strong></p>
                </div>
                <div class="col-3">
                    CNH validade:
                    <p><strong>{{$pessoa->pes_cnh_vencimento ?? "Não cadastrado"}}</strong></p>
                </div>
                <div class="col-3">
                    Fator RH:
                    <p><strong>{{$pessoa->pes_fator_rh ?? "Não cadastrado"}}</strong></p>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="modalEditarDocumento" class="modal fade" role='dialog' tabindex="-1">
    <div class="modal-dialog modal-lg">
        <div class="modal-content" role='document'>
            <div class="modal-body">
                <form action="{{route('rh.colaboradores.editadocumento', ['pes_id' => $pessoa->pes_id])}}" method="post" id="formInfoDocumento">
                    @csrf
                    <div class='modal-header mb-2'>
                        <h4>Editando Informações de documento</h4>
                    </div>
                    <div class="form-group">
                        <label for="pes_rg">RG</label>
                        <input value={{$pessoa->pes_rg ?? null}} name="pes_rg" type="text" class="form-control" maxlength="12" oninput="formatRG(this)">
                    </div>
                    <script>
                        function formatRG(input) {
                            // Remove tudo que não for número
                            let value = input.value.replace(/\D/g, '');

                            // Aplica a máscara de RG
                            if (value.length > 8) {
                                value = value.replace(/^(\d{2})(\d{3})(\d{3})(\d{0,1})$/, '$1.$2.$3-$4');
                            } else if (value.length > 5) {
                                value = value.replace(/^(\d{2})(\d{3})(\d{0,3})$/, '$1.$2.$3');
                            } else if (value.length > 2) {
                                value = value.replace(/^(\d{2})(\d{0,3})$/, '$1.$2');
                            }

                            input.value = value;
                        }
                    </script>
                    <div class="form-group">
                        <label for="pes_cpf">CPF</label>
                        <input type="text" class="form-control" value="{{$pessoa->pes_cpf ?? null }}" name="pes_cpf" maxlength="11" oninput="formatCPF(this)">
                    </div>
                    <div class="form-group">
                        <label for="pes_ctps">CTPS</label>
                        <input type="text" value="{{$pessoa->pes_ctps ?? null}}" maxlength="20" name="pes_ctps" oninput="formatCTPS(this)" class="form-control">
                    </div>

                    <script>
                        function formatCPTS(input) {
                            // Remove tudo que não for número ou letras
                            let value = input.value.replace(/[^\dA-Za-z]/g, '');

                            // Aplica a máscara de CPTS
                            if (value.length > 11) {
                                value = value.replace(/^(\d{3})(\d{5})(\d{2})([A-Za-z]{0,2})$/, '$1.$2.$3-$4');
                            } else if (value.length > 9) {
                                value = value.replace(/^(\d{3})(\d{5})(\d{0,2})$/, '$1.$2.$3');
                            } else if (value.length > 3) {
                                value = value.replace(/^(\d{3})(\d{0,5})$/, '$1.$2');
                            }

                            // Adiciona o espaço e a série do estado no final, caso necessário
                            if (value.length > 12) {
                                value = value.replace(/(\d{11})-([A-Za-z]{0,2})$/, '$1 / $2');
                            }

                            input.value = value;
                        }
                    </script>
                    <div class="form-group">
                        <label for="pes_data_ctps">Data CTPS</label>
                        <input type="date" value="{{$pessoa->pes_data_ctps}}"
                            name="pes_data_ctps" class="form-control" max="{{ \Carbon\Carbon::now()->setTimezone('America/Sao_Paulo')->format('Y/m/d') }}">
                    </div>
                    <div class="form-group">
                        <label for="pes_pis">PIS</label>
                        <input type="text" value="{{$pessoa->pes_pis ??= null}}"
                            name="pes_pis" class="form-control" maxlength="13" oninput="formatPIS(this)">
                    </div>
                    <script>
                        function formatPIS(input) {
                            // Remove tudo que não for número
                            let value = input.value.replace(/\D/g, '');
                            // Aplica a máscara de PIS
                            if (value.length > 10) {
                                value = value.replace(/^(\d{3})(\d{5})(\d{2})(\d{0,1})$/, '$1.$2.$3-$4');
                            } else if (value.length > 8) {
                                value = value.replace(/^(\d{3})(\d{5})(\d{0,2})$/, '$1.$2.$3');
                            } else if (value.length > 3) {
                                value = value.replace(/^(\d{3})(\d{0,5})$/, '$1.$2');
                            }
                            input.value = value;
                        }
                    </script>
                    <div class="form-group">
                        <label for="pes_fator_rh">Fator RH</label>
                        <select class="form-control custom-select" name="pes_fator_rh" id="pes_fator_rh" required>
                            <option value="">Selecione</option>
                            <option value="A-" {{ $pessoa->pes_fator_rh == 'A-' ? 'selected' : 'Não cadastrado'}}>A-</option>
                            <option value="A+" {{ $pessoa->pes_fator_rh == 'A+' ? 'selected' : 'Não cadastrado'}}>A+</option>
                            <option value="B-" {{ $pessoa->pes_fator_rh == 'B-' ? 'selected' : 'Não registrado'}}>B-</option>
                            <option value="B+" {{ $pessoa->pes_fator_rh == 'B+' ? 'selected' : 'Não registrado'}}>B+</option>
                            <option value="AB-" {{ $pessoa->pes_fator_rh == 'AB-' ? 'selected' : 'Não informado'}}>AB-</option>
                            <option value="AB+" {{ $pessoa->pes_fator_rh == 'AB+' ? 'selected' : 'Não informado'}}>AB+</option>
                            <option value="O-" {{ $pessoa->pes_fator_rh == 'O-' ? 'selected' : 'Não declarado'}}>O-</option>
                            <option value="O+" {{ $pessoa->pes_fator_rh == 'O+' ? 'selected' : 'Não declarado'}}>O+</option>

                        </select>
                    </div>
                    <div class="form-group">
                        <label for="pes_orgaoexpedidor_rg">Orgão expedidor RG</label>
                        <input type="text" value="{{$pessoa->pes_orgaoexpedidor_rg}}" name="pes_orgaoexpedidor_rg" class="form-control">
                    </div>
                    <div class="form-group">
                        <label for="pes_uf_rg">UF do RG</label>
                        {{-- <input type="text" value="{{$pessoa->pes_uf_rg}}" name="pes_uf_rg" class="form-control"> --}}
                        <select class="form-control custom-select" name="pes_uf_rg" id="pes_uf_rg" required>
                            <option value="">Selecione</option>
                            <option value="AC" {{ $pessoa->pes_uf_rg == 'AC' ? 'selected' : ''}}>AC</option>
                            <option value="AL" {{ $pessoa->pes_uf_rg == 'AL' ? 'selected' : ''}}>AL</option>
                            <option value="AP" {{ $pessoa->pes_uf_rg == 'AP' ? 'selected' : ''}}>AP</option>
                            <option value="AM" {{ $pessoa->pes_uf_rg == 'AM' ? 'selected' : ''}}>AM</option>
                            <option value="BA" {{ $pessoa->pes_uf_rg == 'AC' ? 'selected' : ''}}>BA</option>
                            <option value="CE" {{ $pessoa->pes_uf_rg == 'CE' ? 'selected' : ''}}>CE</option>
                            <option value="DF" {{ $pessoa->pes_uf_rg == 'DF' ? 'selected' : ''}}>DF</option>
                            <option value="ES" {{ $pessoa->pes_uf_rg == 'ES' ? 'selected' : ''}}>ES</option>
                            <option value="GO" {{ $pessoa->pes_uf_rg == 'GO' ? 'selected' : ''}}>GO</option>
                            <option value="MA" {{ $pessoa->pes_uf_rg == 'MA' ? 'selected' : ''}}>MA</option>
                            <option value="MT" {{ $pessoa->pes_uf_rg == 'MT' ? 'selected' : ''}}>MT</option>
                            <option value="MS" {{ $pessoa->pes_uf_rg == 'MS' ? 'selected' : ''}}>MS</option>
                            <option value="MG" {{ $pessoa->pes_uf_rg == 'MS' ? 'selected' : ''}}>MG</option>
                            <option value="PA" {{ $pessoa->pes_uf_rg == 'PA' ? 'selected' : ''}}>PA</option>
                            <option value="PB" {{ $pessoa->pes_uf_rg == 'PB' ? 'selected' : ''}}>PB</option>
                            <option value="PR" {{ $pessoa->pes_uf_rg == 'PR' ? 'selected' : ''}}>PR</option>
                            <option value="PE" {{ $pessoa->pes_uf_rg == 'PE' ? 'selected' : ''}}>PE</option>
                            <option value="PI" {{ $pessoa->pes_uf_rg == 'PI' ? 'selected' : ''}}>PI</option>
                            <option value="RJ" {{ $pessoa->pes_uf_rg == 'RJ' ? 'selected' : ''}}>RJ</option>
                            <option value="RN" {{ $pessoa->pes_uf_rg == 'RN' ? 'selected' : ''}}>RN</option>
                            <option value="RS" {{ $pessoa->pes_uf_rg == 'RS' ? 'selected' : ''}}>RS</option>
                            <option value="RO" {{ $pessoa->pes_uf_rg == 'RO' ? 'selected' : ''}}>RO</option>
                            <option value="RR" {{ $pessoa->pes_uf_rg == 'RR' ? 'selected' : ''}}>RR</option>
                            <option value="SC" {{ $pessoa->pes_uf_rg == 'SC' ? 'selected' : ''}}>SC</option>
                            <option value="SP" {{ $pessoa->pes_uf_rg == 'SP' ? 'selected' : ''}}>SP</option>
                            <option value="SE" {{ $pessoa->pes_uf_rg == 'SE' ? 'selected' : ''}}>SE</option>
                            <option value="TO" {{ $pessoa->pes_uf_rg == 'TO' ? 'selected' : ''}}>TO</option>

                        </select>
                    </div>
                    <div class="form-group">
                        <label for="pes_data_rg">Emissão do RG</label>
                        <input type="date" value="{{$pessoa->pes_data_rg}}" name="pes_data_rg" class="form-control" max="{{ \Carbon\Carbon::now()->setTimezone('America/Sao_Paulo')->format('Y/m/d') }}">
                    </div>
                    <div class="form-group">
                        <label for="pes_titulo_eleitor">Titulo de eleitor</label>
                        <input type="text" value="{{$pessoa->pes_titulo_eleitor ??= null}}" name="pes_titulo_eleitor" maxlength="12" class="form-control">
                    </div>
                    <div class="form-group">
                        <label for="pes_cnh_categoria">Categoria da CNH</label>
                        {{-- <input type="text" value="{{$pessoa->pes_cnh_categoria}}" name="pes_cnh_categoria" class="form-control"> --}}
                        <select name="pes_cnh_categoria" id="pes_cnh_categoria" class="form-control custom-select">
                            <option value="">Selecione</option>
                            <option value="ACC" {{ $pessoa->pes_cnh_categoria == 'ACC' ? 'selected' : ''}}>ACC</option>
                            <option value="A" {{ $pessoa->pes_cnh_categoria == 'A' ? 'selected' : ''}}>A</option>
                            {{-- <option value="A1" {{ $pessoa->pes_cnh_categoria == 'A1' ? 'selected' : ''}}>A1</option> --}}
                            <option value="B" {{ $pessoa->pes_cnh_categoria == 'B' ? 'selected' : ''}}>B</option>
                            {{-- <option value="B1" {{ $pessoa->pes_cnh_categoria == 'B1' ? 'selected' : ''}}>B1</option> --}}
                            <option value="AB" {{ $pessoa->pes_cnh_categoria == 'AB' ? 'selected' : ''}}>AB</option>
                            <option value="C" {{ $pessoa->pes_cnh_categoria == 'C' ? 'selected' : ''}}>C</option>
                            {{-- <option value="C1" {{ $pessoa->pes_cnh_categoria == 'C1' ? 'selected' : ''}}>C1</option> --}}
                            <option value="AC" {{ $pessoa->pes_cnh_categoria == 'AC' ? 'selected' : ''}}>AC</option>
                            <option value="D" {{ $pessoa->pes_cnh_categoria == 'D' ? 'selected' : ''}}>D</option>
                            {{-- <option value="D1" {{ $pessoa->pes_cnh_categoria == 'D1' ? 'selected' : ''}}>D1</option> --}}
                            <option value="AD" {{ $pessoa->pes_cnh_categoria == 'AD' ? 'selected' : ''}}>AD</option>
                            <option value="BE" {{ $pessoa->pes_cnh_categoria == 'BE' ? 'selected' : ''}}>BE</option>
                            <option value="ABE" {{ $pessoa->pes_cnh_categoria == 'ABE' ? 'selected' : ''}}>ABE</option>
                            <option value="CE" {{ $pessoa->pes_cnh_categoria == 'CE' ? 'selected' : ''}}>CE</option>
                            {{-- <option value="C1E" {{ $pessoa->pes_cnh_categoria == 'C1E' ? 'selected' : ''}}>C1E</option> --}}
                            <option value="ACE" {{ $pessoa->pes_cnh_categoria == 'ACE' ? 'selected' : ''}}>ACE</option>
                            <option value="DE" {{ $pessoa->pes_cnh_categoria == 'DE' ? 'selected' : ''}}>DE</option>
                            {{-- <option value="D1E" {{ $pessoa->pes_cnh_categoria == 'D1E' ? 'selected' : ''}}>D1E</option> --}}
                            <option value="ADE" {{ $pessoa->pes_cnh_categoria == 'ADE' ? 'selected' : ''}}>ADE</option>
                        </select>
                    </div>

            <div class="form-group">
                <label for="pes_cnh_numero">Numero de Registro da CNH</label>
                <input type="textnumber" value="{{$pessoa->pes_cnh_numero ??= null}}" name="pes_cnh_numero" maxlength="13" size="13" class="form-control">
            </div>
            <div class="form-group">
                <label for="pes_cnh_vencimento">Vencimento da CNH</label>
                <input type="date" value="{{$pessoa->pes_cnh_vencimento}}" name="pes_cnh_vencimento" class="form-control">
            </div>

            <div class="row">
                <div class="col-12 justify-content-center d-flex mx-auto ">
                    <button class="btn btn-danger mr-2" data-dismiss="modal">Cancelar</button>
                    <button class="btn btn-success ml-2" type="submit">Salvar</button>
                </div>
            </div>
            </form>
        </div>
    </div>
</div>
</div>

<div class="col-md-12 mb-2">
<div class="card">
    <div class="card-body">
        <div class="row">
            <h5 class="col-10">Informações pessoais</h5><button id="abreModalEditarPessoais" class="btn btn-primary col-1" data-toggle="modal" data-target="#modalEditarPessoais">Editar</button>
        </div>
        <hr>
        <div class="row">
            <div class="col-3">
                Cidade de nascimento:
                <p><strong>{{$pessoa->pes_cidade_nascimento ?? "Não cadastrado"}}</strong></p>
            </div>
            <div class="col-3">
                Gênero:
                <p><strong>{{$pessoa->pes_genero ?? "Não cadastrado"}}</strong></p>
            </div>
            <div class="col-3">
                Sexo:
                <p><strong>{{$pessoa->pes_sexo ?? "Não cadastrado"}}</strong></p>
            </div>
            <div class="col-3">
                UF nascimento:
                <p><strong>{{$pessoa->pes_uf_nascimento ?? "Não cadastrado"}}</strong></p>
            </div>
            <div class="col-3">
                Email:
                <p><strong>{{$pessoa->pes_email ?? "Não cadastrado"}}</strong></p>
            </div>
            <div class="col-3">
                Estado Civil:
                <p><strong>{{$pessoa->pes_estado_civil ?? "Não cadastrado"}}</strong></p>
            </div>
            <div class="col-3">
                Celular:
                <p><strong>{{$pessoa->pes_cel ?? "Não cadastrado"}}</strong></p>
            </div>
            <div class="col-3">
                Telefone:
                <p><strong>{{$pessoa->pes_tel ?? "Não cadastrado"}}</strong></p>
            </div>
            <div class="col-3">
                Primeira filiação:
                <p><strong>{{$pessoa->pes_filiacao1 ?? "Não cadastrado"}}</strong></p>
            </div>
            <div class="col-3">
                Segunda filiação:
                <p><strong>{{$pessoa->pes_filiacao2 ?? "Não cadastrado"}}</strong></p>
            </div>
        </div>
    </div>
</div>
</div>

<div id="modalEditarPessoais" class="modal fade" role='dialog' tabindex="-1">
<div class="modal-dialog modal-lg">
    <div class="modal-content" role='document'>
        <div class="modal-body">
            <form action="{{route('rh.colaboradores.editacontato', ['pes_id' => $pessoa->pes_id])}}" method="post" id="formInfoContato">
                @csrf
                <div class='modal-header mb-2'>
                    <h4>Editando Informações pessoais</h4>
                </div>
                <div class="form-group">
                    <label for="pes_cidade_nascimento">Cidade de nascimento</label>
                    <input name="pes_cidade_nascimento" type="text" class="form-control" value={{$pessoa->pes_cidade_nascimento}}>
                </div>
                <div class="form-group">
                    <label for="pes_genero">Gênero</label>
                    <input type="text" class="form-control" value="{{$pessoa->pes_genero}}" name="pes_genero">
                </div>
                <div class="form-group">
                    <label for="pes_sexo">Sexo</label>
                    <select name="pes_sexo" id="pes_sexo" class="form-control custom-select" onchange="handleSexoChange(event)">
                        <option value="">Selecione</option>
                        <option value="Feminino" {{ $pessoa->pes_sexo == 'Feminino' ? 'selected' : '' }}>Feminino</option>
                        <option value="Masculino" {{ $pessoa->pes_sexo == 'Masculino' ? 'selected' : '' }}>Masculino</option>
                        <option value="custom" {{ $pessoa->pes_sexo != 'Feminino' && $pessoa->pes_sexo != 'Masculino' && $pessoa->pes_sexo != '' ? 'selected' : '' }}>Outros</option>
                    </select>

                    <!-- Campo de entrada para valor personalizado -->
                    <input
                        type="text"
                        id="pes_sexo_custom"
                        name="pes_sexo_custom"
                        class="form-control mt-2"
                        placeholder="Digite aqui se selecionou 'Outros'"
                        value="{{ $pessoa->pes_sexo != 'Feminino' && $pessoa->pes_sexo != 'Masculino' ? $pessoa->pes_sexo : '' }}"
                        style="display: {{ $pessoa->pes_sexo != 'Feminino' && $pessoa->pes_sexo != 'Masculino' && $pessoa->pes_sexo != '' ? 'block' : 'none' }};">


                    </select>
                    <script>
                        function handleSexoChange(event) {
                            const select = document.getElementById('pes_sexo');
                            const customInput = document.getElementById('pes_sexo_custom');

                            if (select.value === 'custom') {
                                customInput.style.display = 'block';
                                customInput.required = true;

                                // Caso o input esteja vazio, atribua um valor padrão para exibição.
                                if (!customInput.value) {
                                    customInput.value = ''; // Limpe o valor ou atribua algo inicial, como "Outros".
                                }
                            } else {
                                customInput.style.display = 'none';
                                customInput.required = false;

                                // Limpa o valor personalizado caso uma opção fixa seja escolhida.
                                customInput.value = '';
                            }
                        }
                    </script>

                </div>
                <div class="form-group">
                    <label for="pes_uf_nascimento">UF de nascimento</label>
                    <select class="form-control custom-select" name="pes_uf_nascimento" id="pes_uf_nascimento" required>
                        <option value="">Selecione</option>
                        <option value="AC" {{ $pessoa->pes_uf_nascimento == 'AC' ? 'selected' : ''}}>AC</option>
                        <option value="AL" {{ $pessoa->pes_uf_nascimento == 'AL' ? 'selected' : ''}}>AL</option>
                        <option value="AP" {{ $pessoa->pes_uf_nascimento == 'AP' ? 'selected' : ''}}>AP</option>
                        <option value="AM" {{ $pessoa->pes_uf_nascimento == 'AM' ? 'selected' : ''}}>AM</option>
                        <option value="BA" {{ $pessoa->pes_uf_nascimento == 'AC' ? 'selected' : ''}}>BA</option>
                        <option value="CE" {{ $pessoa->pes_uf_nascimento == 'CE' ? 'selected' : ''}}>CE</option>
                        <option value="DF" {{ $pessoa->pes_uf_nascimento == 'DF' ? 'selected' : ''}}>DF</option>
                        <option value="ES" {{ $pessoa->pes_uf_nascimento == 'ES' ? 'selected' : ''}}>ES</option>
                        <option value="GO" {{ $pessoa->pes_uf_nascimento == 'GO' ? 'selected' : ''}}>GO</option>
                        <option value="MA" {{ $pessoa->pes_uf_nascimento == 'MA' ? 'selected' : ''}}>MA</option>
                        <option value="MT" {{ $pessoa->pes_uf_nascimento == 'MT' ? 'selected' : ''}}>MT</option>
                        <option value="MS" {{ $pessoa->pes_uf_nascimento == 'MS' ? 'selected' : ''}}>MS</option>
                        <option value="MG" {{ $pessoa->pes_uf_nascimento == 'MS' ? 'selected' : ''}}>MG</option>
                        <option value="PA" {{ $pessoa->pes_uf_nascimento == 'PA' ? 'selected' : ''}}>PA</option>
                        <option value="PB" {{ $pessoa->pes_uf_nascimento == 'PB' ? 'selected' : ''}}>PB</option>
                        <option value="PR" {{ $pessoa->pes_uf_nascimento == 'PR' ? 'selected' : ''}}>PR</option>
                        <option value="PE" {{ $pessoa->pes_uf_nascimento == 'PE' ? 'selected' : ''}}>PE</option>
                        <option value="PI" {{ $pessoa->pes_uf_nascimento == 'PI' ? 'selected' : ''}}>PI</option>
                        <option value="RJ" {{ $pessoa->pes_uf_nascimento == 'RJ' ? 'selected' : ''}}>RJ</option>
                        <option value="RN" {{ $pessoa->pes_uf_nascimento == 'RN' ? 'selected' : ''}}>RN</option>
                        <option value="RS" {{ $pessoa->pes_uf_nascimento == 'RS' ? 'selected' : ''}}>RS</option>
                        <option value="RO" {{ $pessoa->pes_uf_nascimento == 'RO' ? 'selected' : ''}}>RO</option>
                        <option value="RR" {{ $pessoa->pes_uf_nascimento == 'RR' ? 'selected' : ''}}>RR</option>
                        <option value="SC" {{ $pessoa->pes_uf_nascimento == 'SC' ? 'selected' : ''}}>SC</option>
                        <option value="SP" {{ $pessoa->pes_uf_nascimento == 'SP' ? 'selected' : ''}}>SP</option>
                        <option value="SE" {{ $pessoa->pes_uf_nascimento == 'SE' ? 'selected' : ''}}>SE</option>
                        <option value="TO" {{ $pessoa->pes_uf_nascimento == 'TO' ? 'selected' : ''}}>TO</option>

                    </select>
                </div>
                <div class="form-group">
                    <label for="pes_email">Email</label>
                    <input type="email" value="{{$pessoa->pes_email}}"
                        name="pes_email" class="form-control">
                </div>
                <div class="form-group">
                    <label for="pes_estado_civil">Estado civil</label>
                    <select name="pes_estado_civil" id="pes_estado_civil" class="form-control custom-select" required>
                        <option value="" class="i">Selecione</option>
                        <option value="Solteiro" {{ $pessoa->pes_estado_civil == 'Solteiro' ? 'selected' : ''}}>Solteiro</option>
                        <option value="Casado" {{ $pessoa->pes_estado_civil == 'Casado' ? 'selected' : ''}}>Casado</option>
                        <option value="Divorciado" {{ $pessoa->pes_estado_civil == 'Divorciado' ? 'selected' : ''}}>Divorciado</option>
                        <option value="Separado" {{ $pessoa->pes_estado_civil == 'Separado' ? 'selected' : ''}}>Separado</option>
                        <option value="Viuvo" {{ $pessoa->pes_estado_civil == 'Viuvo' ? 'selected' : ''}}>Viúvo</option>
                    </select>
                </div>
                <div class="form-group">
                    <label for="pes_cel">Celular</label>
                    <input type="text" name="pes_cel" class="form-control" placeholder="(XX) XXXXX-XXXX" value="{{$pessoa->pes_cel}}" oninput="formatCelular(this)">
                </div>
                <div class="form-group">
                    <label for="pes_tel">Telefone</label>
                    <input type="text" id="pes_tel" name="pes_tel" class="form-control" placeholder="(XX) XXXX-XXXX" value="{{$pessoa->pes_tel}}" oninput="formatTelefone(this)">
                </div>
                <script>
                    // Função para formatar telefone fixo
                    function formatTelefone(input) {
                        let value = input.value.replace(/\D/g, ''); // Remove tudo que não for número
                        value = value.replace(/^(\d{2})(\d)/, '($1) $2'); // Coloca parênteses em volta do DDD
                        value = value.replace(/(\d{4})(\d)/, '$1-$2'); // Adiciona o traço no número
                        input.value = value.substring(0, 14); // Limita a 14 caracteres
                    }

                    // Função para formatar celular
                    function formatCelular(input) {
                        let value = input.value.replace(/\D/g, ''); // Remove tudo que não for número
                        value = value.replace(/^(\d{2})(\d)/, '($1) $2'); // Coloca parênteses em volta do DDD
                        value = value.replace(/(\d{5})(\d)/, '$1-$2'); // Adiciona o traço no número
                        input.value = value.substring(0, 16); // Limita a 15 caracteres
                    }
                </script>
                <div class="form-group">
                    <label for="pes_filiacao1">Filiação</label>
                    <input type="text" name="pes_filiacao1" class="form-control">
                </div>
                <div class="form-group">
                    <label for="pes_filiacao2">Segunda Filiação</label>
                    <input type="text" name="pes_filiacao2" class="form-control">
                </div>
                <div class="row">
                    <div class="col-12 justify-content-center d-flex mx-auto ">

                        <button class="btn btn-danger mr-2" data-dismiss="modal">Cancelar</button>
                        <button class="btn btn-success ml-2" type="submit">Salvar</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
</div>

<div class="col-md-12 mb-2">
<div class="card">
    <div class="card-body">
        <div class="row">
            <h5 class="col-10">Informações bancárias</h5><button id="abreModalEditarBanco" class="btn btn-primary col-1" data-toggle="modal" data-target="#modalEditarBanco">Editar</button>
        </div>
        <hr>
        <div class="row">
            <div class="col-3">
                Nome do Banco:
                <p><strong>{{$pessoa->pes_banco ?? "Não cadastrado"}}</strong></p>
            </div>
            <div class="col-3">
                Agência:
                <p><strong>{{$pessoa->pes_agencia ?? "Não cadastrado"}}</strong></p>
            </div>
            <div class="col-6">
                Conta:
                <p><strong>{{$pessoa->pes_conta ?? "Não cadastrado"}}</strong></p>
            </div>
            <div class="col-3">
                Chave pix:
                <p><strong>{{$pessoa->pes_chavepix ?? "Não cadastrado"}}</strong></p>
            </div>
            <div class="col-3">
                Tipo de chave:
                <p><strong>{{$pessoa->pes_tipochavepix ?? "Não cadastrado"}}</strong></p>
            </div>
        </div>
    </div>
</div>
</div>

<div id="modalEditarBanco" class="modal fade" role='dialog' tabindex="-1">
<div class="modal-dialog modal-lg">
    <div class="modal-content" role='document'>
        <div class="modal-body">
            <form action="{{route('rh.colaboradores.editabanco', ['pes_id' => $pessoa->pes_id])}}" method="post" id="formInfoBanco">
                @csrf
                <div class='modal-header mb-2'>
                    <h4>Editando Informações bancárias</h4>
                </div>
                <div class="row mb-2">
                    <h6>Dados bancários</h6>
                    <div class="col-6">
                        <label for="pes_banco">Nome do banco</label>
                        <input name="pes_banco" type="text" class="form-control" value={{$pessoa->pes_banco}}>
                    </div>
                    <div class="col-3">
                        <label for="pes_agencia">Agência</label>
                        <input type="text" class="form-control" value="{{$pessoa->pes_agencia}}" name="pes_agencia" placeholder="1234-5"
                            oninput="formatAgencia(this)">
                    </div>
                    <div class="col-3">
                        <label for="pes_conta">Conta</label>
                        <input type="text" value="{{$pessoa->pes_conta}}" name="pes_conta" class="form-control" placeholder="123456-7"
                            oninput="formatConta(this)">
                    </div>
                </div>

                <div class="row mb-2">
                    <h6>Dados Pix</h6>
                    <div class="col-6">
                        <label for="pes_chavepix">Chave pix</label>
                        <input type="text" value="{{$pessoa->pes_chavepix}}" name="pes_chavepix" class="form-control">
                    </div>
                    <div class="col-6">
                        <label for="pes_tipochavepix">Tipo da chave PIX</label>
                        <select name="pes_tipochavepix" id="pes_tipochavepix" class="form-control  custom-select" required>
                            <option value="" class="i">Selecione</option>
                            <option value="CPF" {{ $pessoa->pes_tipochavepix == 'CPF' ? 'selected' : ''}}>CPF</option>
                            <option value="CNPJ" {{ $pessoa->pes_tipochavepix == 'CNPJ' ? 'selected' : ''}}>CNPJ</option>
                            <option value="Numero de celular" {{ $pessoa->pes_tipochavepix == 'Numero de celular' ? 'selected' : ''}}>Numero de celular</option>
                            <option value="Chave aleatoria" {{ $pessoa->pes_tipochavepix == 'Chave aleatoria' ? 'selected' : ''}}>Chave aleatória</option>

                        </select>
                    </div>
                </div>

                <script>
                    // Formata o campo Agência (1234-5)
                    function formatAgencia(input) {
                        let value = input.value.replace(/\D/g, ''); // Remove não numéricos
                        value = value.replace(/^(\d{4})(\d?)/, '$1-$2'); // Adiciona o traço no formato correto
                        input.value = value.substring(0, 6); // Limita a 6 caracteres
                    }

                    // Formata o campo Conta (123456-7)
                    function formatConta(input) {
                        let value = input.value.replace(/\D/g, ''); // Remove não numéricos
                        value = value.replace(/^(\d+)(\d{1})$/, '$1-$2'); // Adiciona o traço antes do dígito verificador
                        input.value = value.substring(0, 9); // Limita a 9 caracteres
                    }
                </script>
                <div class="row">
                    <div class="col-12 justify-content-center d-flex mx-auto ">

                        <button class="btn btn-danger mr-2" data-dismiss="modal">Cancelar</button>
                        <button class="btn btn-success ml-2" type="submit">Salvar</button>
                    </div>
                    <script>
                        document.addEventListener('DOMContentLoaded', function() {
                            const form = document.querySelector('formInfoBanco'); // Substitua pelo seletor do seu formulário, se necessário
                            form.addEventListener('keypress', function(event) {
                                if (event.key === 'Enter') {
                                    // Impede que o formulário seja enviado automaticamente
                                    event.preventDefault();

                                    // Envia apenas se o botão "Enviar" for visível
                                    const submitButton = form.querySelector('button[type="submit"]');
                                    if (submitButton) {
                                        submitButton.click();
                                    }
                                }
                            });
                        });
                    </script>

                </div>
            </form>
        </div>
    </div>
</div>
</div>

<div class="col-md-12 mb-5">
<div class="card">
    <div class="card-body">
        <div class="row">
            <h5 class="col-10">Informações de vestuário</h5><button id="abreModalEditarVestuario" class="btn btn-primary col-1" data-toggle="modal" data-target="#modalEditarVestuario">Editar</button>
        </div>
        <hr>
        <div class="row">
            <div class="col-2">
                Tamanho camisa polo:
                <p><strong>{{$pessoa->pes_tam_polo ?? "Não cadastrado"}}</strong></p>
            </div>
            <div class="col-2">
                Tamanho camisa social:
                <p><strong>{{$pessoa->pes_tam_social ?? "Não cadastrado"}}</strong></p>
            </div>
            <div class="col-2">
                Tamanho calça:
                <p><strong>{{$pessoa->pes_tam_calca ?? "Não cadastrado"}}</strong></p>
            </div>
            <div class="col-2">
                Tamanho sapato:
                <p><strong>{{$pessoa->pes_tam_sapato ?? "Não cadastrado"}}</strong></p>
            </div>
            <div class="col-2">
                Tamanho luva:
                <p><strong>{{$pessoa->pes_tam_luva ?? "Não cadastrado"}}</strong></p>
            </div>
        </div>
    </div>
</div>
</div>

<div id="modalEditarVestuario" class="modal fade" role='dialog' tabindex="-1">
<div class="modal-dialog modal-lg">
    <div class="modal-content" role='document'>
        <div class="modal-body">
            <form action="{{route('rh.colaboradores.editavestuario', ['pes_id' => $pessoa->pes_id])}}" method="post" id="formInfoVestuario">
                @csrf
                <div class='modal-header mb-2'>
                    <h4>Editando Informações de vestuário</h4>
                </div>
                <div class="form-group">
                    <label for="pes_tam_polo">Tamanho da camisa polo</label>
                    <select class="form-control  custom-select" name="pes_tam_polo" id="pes_tam_polo" required>
                        <option value="">Selecione</option>
                        <option value="PP" {{ $pessoa->pes_tam_polo == 'PP' ? 'selected' : ''}}>PP</option>
                        <option value="P" {{ $pessoa->pes_tam_polo == 'P' ? 'selected' : ''}}>P</option>
                        <option value="M" {{ $pessoa->pes_tam_polo == 'M' ? 'selected' : ''}}>M</option>
                        <option value="G" {{ $pessoa->pes_tam_polo == 'G' ? 'selected' : ''}}>G</option>
                        <option value="GG" {{ $pessoa->pes_tam_polo == 'GG' ? 'selected' : ''}}>GG</option>
                        <option value="EG" {{ $pessoa->pes_tam_polo == 'EG' ? 'selected' : ''}}>EG</option>
                        <option value="EXG" {{ $pessoa->pes_tam_polo == 'EXG' ? 'selected' : ''}}>EXGG</option>
                        <option value="EXGG" {{ $pessoa->pes_tam_polo == 'EXGG' ? 'selected' : ''}}>EXGG</option>
                    </select>
                </div>
                <div class="form-group">
                    <label for="pes_tam_social">Tamanho da camisa social</label>
                    <select name="pes_tam_social" id="pes_tam_social" class="form-control  custom-select" required>
                        <option value="">Selecione</option>
                        <option value="PP" {{ $pessoa->pes_tam_social == 'PP' ? 'selected' : ''}}>PP</option>
                        <option value="P" {{ $pessoa->pes_tam_social == 'P' ? 'selected' : ''}}>P</option>
                        <option value="M" {{ $pessoa->pes_tam_social == 'M' ? 'selected' : ''}}>M</option>
                        <option value="G" {{ $pessoa->pes_tam_social == 'G' ? 'selected' : ''}}>G</option>
                        <option value="GG" {{ $pessoa->pes_tam_social == 'GG' ? 'selected' : ''}}>GG</option>
                        <option value="EG" {{ $pessoa->pes_tam_social == 'EG' ? 'selected' : ''}}>EG</option>
                        <option value="EXG" {{ $pessoa->pes_tam_social == 'EXG' ? 'selected' : ''}}>EXG</option>
                        <option value="EXGG" {{ $pessoa->pes_tam_social == 'EXGG' ? 'selected' : ''}}>EXGG</option>

                    </select>
                </div>
                <div class="form-group">
                    <label for="pes_tam_calca">Tamanho da calça</label>
                    <select name="pes_tam_calca" id="pes_tam_calca" class="form-control custom-select" required>
                        <option value="">Selecione</option>
                        <option value="PP" {{ $pessoa->pes_tam_calca == 'PP' ? 'selected' : ''}}>PP</option>
                        <option value="P" {{ $pessoa->pes_tam_calca == 'P' ? 'selected' : ''}}>P</option>
                        <option value="M" {{ $pessoa->pes_tam_calca == 'M' ? 'selected' : ''}}>M</option>
                        <option value="G" {{ $pessoa->pes_tam_calca == 'G' ? 'selected' : ''}}>G</option>
                        <option value="GG" {{ $pessoa->pes_tam_calca == 'GG' ? 'selected' : ''}}>GG</option>
                        <option value="EG" {{ $pessoa->pes_tam_calca == 'EG' ? 'selected' : ''}}>EG</option>
                        <option value="EXG" {{ $pessoa->pes_tam_calca == 'EXG' ? 'selected' : ''}}>EXG</option>
                        <option value="EXGG" {{ $pessoa->pes_tam_calca == 'EXGG' ? 'selected' : ''}}>EXGG</option>

                    </select>
                </div>
                <div class="form-group">
                    <label for="pes_tam_sapato">Tamanho do sapato</label>
                    <input type="text" value="{{$pessoa->pes_tam_sapato}}" name="pes_tam_sapato" class="form-control">
                </div>
                <div class="form-group">
                    <label for="pes_tam_luva">Tamanho da luva</label>
                    <select name="pes_tam_luva" id="pes_tam_luva" class="form-control custom-select" required>
                        <option value="">Selecione</option>
                        <option value="PP" {{ $pessoa->pes_tam_luva == 'PP' ? 'selected' : ''}}>PP</option>
                        <option value="P" {{ $pessoa->pes_tam_luva == 'P' ? 'selected' : ''}}>P</option>
                        <option value="M" {{ $pessoa->pes_tam_luva == 'M' ? 'selected' : ''}}>M</option>
                        <option value="G" {{ $pessoa->pes_tam_luva == 'G' ? 'selected' : ''}}>G</option>
                        <option value="GG" {{ $pessoa->pes_tam_luva == 'GG' ? 'selected' : ''}}>GG</option>
                        <option value="EG" {{ $pessoa->pes_tam_luva == 'EG' ? 'selected' : ''}}>EG</option>
                        <option value="EXG" {{ $pessoa->pes_tam_luva == 'EXG' ? 'selected' : ''}}>EXG</option>
                        <option value="EXGG" {{ $pessoa->pes_tam_luva == 'EXGG' ? 'selected' : ''}}>EXGG</option>

                    </select>
                </div>


                <div class="row">
                    <div class="col-12 justify-content-center d-flex mx-auto ">

                        <button class="btn btn-danger mr-2" data-dismiss="modal">Cancelar</button>
                        <button class="btn btn-success ml-2" type="submit">Salvar</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
</div>

</div>
</div>
<script>
function formatCPF(input) {
    // Remove qualquer caractere que não seja um dígito
    const value = input.value.replace(/\D/g, '');

    // Adiciona a máscara de CNPJ
    input.value = value.replace(/(\d{3})(\d{3})(\d{3})(\d{2})/, '$1.$2.$3-$4');
}
</script>

</div>

@include('components.footer')