@php
$titulo = "Recursos Humanos - SW";
@endphp

@include('components.head')
<div class="container">
    @if (session('success'))
    <div class="alert alert-success">{{ session('success') }}</div>
    @endif
    <form id="contratoForm" action="{{route('rh.colaboradores.criarpost')}}" method="POST">
        @csrf
        <div class="col-md-12 order-md-1">
            <div class="row">
                <h5><strong>Dados principais</strong></h5>

                <!--LABEL PARA INSERIR OS DADOS DO NOME DO pessoa-->
                <div class="col-md-4 mb-2">
                    <label> Primeiro nome: </label>
                    <input class="form-control" name="pes_nome" type="text" required>
                </div>

                <!--LABEL PARA INSERIR OS DADOS DO NOME DO pessoa-->
                <div class="col-md-4 mb-2">
                    <label> Último nome: </label>
                    <input class="form-control" name="pes_ultimo_nome" type="text" required>
                </div>

                <!--LABEL PARA INSERIR OS DADOS DO EMAIL-->
                <div class="col-md-4 mb-2">
                    <label> N° CPF: </label>
                    <input id="cpf" class="form-control" name="pes_cpf" type="text" oninput="formatCPF(this)" maxlength="14" required>
                </div>
                
                
                
                <!--LABEL PARA INSERIR OS DADOS DO NOME DO pessoa-->
                <div class="col-md-12 mb-2">
                    <label> Nome completo: </label>
                    <input class="form-control" name="pes_nome_completo" type="text" required>
                </div>
                
                <!--LABEL PARA INSERIR OS DADOS DO EMAIL-->
                <div class="col-md-4 mb-2">
                    <label> Número° RG: </label>
                    <input class="form-control" name="pes_rg" type="text" oninput="formatRG(this)" required>
                </div>
                
                <!--LABEL PARA INSERIR OS DADOS DO EMAIL-->
                <div class="col-md-3 mb-2">
                    <label> Orgão expedidor RG: </label>
                    <input class="form-control" name="pes_orgaoexpedidor_rg" required>
                </div>
                
                <!--LABEL PARA INSERIR OS DADOS DO EMAIL-->
                <div class="col-md-3 mb-2">
                    <label> Data emissão do RG: </label>
                    <input class="form-control" name="pes_data_rg" type="date" required>
                </div>
                
                <!--LABEL PARA INSERIR OS DADOS DO EMAIL-->
                <div class="col-md-2 mb-2">
                    <label> UF do RG: </label>
                    {{-- <input class="form-control" name="pes_uf_rg" type="text"> --}}
                    <select class="form-control" name="pes_uf_rg" id="pes_uf_rg" required>
                        <option value="">Selecione</option>
                        <option value="AC">AC</option>
                        <option value="AL">AL</option>
                        <option value="AP">AP</option>
                        <option value="AM">AM</option>
                        <option value="BA">BA</option>
                        <option value="CE">CE</option>
                        <option value="DF">DF</option>
                        <option value="ES">ES</option>
                        <option value="GO">GO</option>
                        <option value="MA">MA</option>
                        <option value="MT">MT</option>
                        <option value="MS">MS</option>
                        <option value="MG">MG</option>
                        <option value="PA">PA</option>
                        <option value="PB">PB</option>
                        <option value="PR">PR</option>
                        <option value="PE">PE</option>
                        <option value="PI">PI</option>
                        <option value="RJ">RJ</option>
                        <option value="RN">RN</option>
                        <option value="RS">RS</option>
                        <option value="RO">RO</option>
                        <option value="RR">RR</option>
                        <option value="SC">SC</option>
                        <option value="SP">SP</option>
                        <option value="SE">SE</option>
                        <option value="TO">TO</option>
                        
                    </select>
                    
                </div>
                
            </div>
        </div>
        <hr>
        
        <!--BOTÕES-->
        <div class="col-12 text-center">
            <a href='{{$voltar}}' class="btn btn-danger col-3 mr-5">Cancelar</a>
            <button type="submit" class="btn btn-primary col-3 ml-5" onclick="validarCPF()">Incluir Usuário</button>
        </div>
        
    </form>
</div>
 <div class="modal fade" id="modalAguarde" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content align-items-center text-center p-4">
      <strong>Processando o novo colaborador...</strong>
      <strong class="text-danger">Não atualize ou feche a página</strong>
      <div class="spinner-border text-primary mt-3" role="status"></div>
    </div>
  </div>
</div>
<script>
   
document.getElementById('contratoForm').addEventListener('submit', function(e) {
  // Fecha a modal de cadastro, se estiver aberta
  

  // Aguarda 300ms para garantir que a modal foi fechada, então mostra o loading
  setTimeout(() => {
    $('#modalAguarde').modal('show');
  }, 300);
});
</script>
<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');
    }
    function formatRG(input) {
        // Remove tudo que não for dígito ou letra
        let value = input.value.replace(/[^\dXx]/g, '');
        
        // Limita a 9 caracteres (8 números e 1 possível letra)
        value = value.slice(0, 9);
        
        // Aplica a formatação: 99.999.999-X
        if (value.length <= 2) {
            input.value = value;
        } else if (value.length <= 5) {
            input.value = value.replace(/(\d{2})(\d{1,3})/, '$1.$2');
        } else if (value.length <= 8) {
            input.value = value.replace(/(\d{2})(\d{3})(\d{1,3})/, '$1.$2.$3');
        } else {
            input.value = value.replace(/(\d{2})(\d{3})(\d{3})([0-9Xx])/, '$1.$2.$3-$4');
        }
    }
    function isValidCPF(cpf) {
    cpf = cpf.replace(/[^\d]+/g, ''); // Remove caracteres não numéricos
    if (cpf.length !== 11 || /^(\d)\1{10}$/.test(cpf)) {
        return false; // CPF inválido se for menor que 11 dígitos ou se todos forem iguais
    }
    let soma = 0, resto;
    
    // Validação do 1º dígito
    for (let i = 1; i <= 9; i++) {
        soma += parseInt(cpf.substring(i - 1, i)) * (11 - i);
    }
    resto = (soma * 10) % 11;
    if (resto === 10 || resto === 11) resto = 0;
    if (resto !== parseInt(cpf.substring(9, 10))) return false;
    
    // Validação do 2º dígito
    soma = 0;
    for (let i = 1; i <= 10; i++) {
        soma += parseInt(cpf.substring(i - 1, i)) * (12 - i);
    }
    resto = (soma * 10) % 11;
    if (resto === 10 || resto === 11) resto = 0;
    if (resto !== parseInt(cpf.substring(10, 11))) return false;
    
    return true; // CPF válido
    }
    function validarCPF() {
    const cpfInput = document.getElementById('cpf');
    const cpf = cpfInput.value;
    
    if (!isValidCPF(cpf)) { // Verifica se o CPF NÃO é válido
        alert('O CPF informado é inválido!');
    }
    }
    
</script>
@include('components.footer')