@extends('layouts.app')

@section('conteudo')
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script type="text/javascript" src="js/cep.js"></script>

<style>
    /* Estilize o botão de forma personalizada */
    .botao-eliminar {
        background-color: red; /* Cor de fundo vermelha */
        color: white; /* Cor do texto branca */
        border: none; /* Remova a borda */
        border-radius: 50%; /* Faça o botão circular */
        padding: 5px 10px; /* Adicione algum preenchimento para melhor aparência */
        cursor: pointer; /* Transforme o cursor em uma mão ao pairar sobre o botão */
    }
</style>

<!-- Hero -->
<div class="bg-image" style="background-image: url(''); margin-top: 70px;">
  <div class="bg-black-50">
    <div class="content content-full">
      <div class="d-flex justify-content-between align-items-center">
        <h1 class="flex-grow-1 fs-2 text-white my-2">
          <i class="fa fa-boxes text-white-50 me-1"></i> Prestadores
        </h1>
        @can('pode_visualizar_funcionario')
        <a class="btn btn-primary my-2" href="/funcionarios">
          <i class="fa fa-fw fa-list"></i>
          <span class="d-none d-sm-inline ms-1">Listar Prestadores</span>
        </a>
        @endcan
      </div>
    </div>
  </div>
</div>
<!-- END Hero -->
{{-- só quem tem permissão para visualizar esta página --}}
@can('pode_visualizar_funcionario')
<div class="content">
  <!-- Elements -->
  <div class="block block-rounded">
    <div class="block-header block-header-default">
      <h3 class="block-title">Editar Prestador</h3>
    </div>
    <div class="block-content">

      <div class="row">

        <div class="col-lg-12 space-y-6">

          <!-- Form Inline - Alternative Style -->
          <form action="/actualizar_funcionario/{{$funcionario->id}}" method="POST" enctype="multipart/form-data">
            <!-- <div class="row row-cols-lg-auto g-4 align-items-center"> -->
            <div class="row  g-4 align-items-center">
              @csrf
            <div class="col-3">
                @if($funcionario->foto == null)
                <p style="font-size: 12px;">Sem Foto</p>
                @else
                    <a href="/eliminar_imagem_funcionario/{{$funcionario->id}}" class="botao-eliminar" id="eliminar-imagem">x</a>
                <img style="max-width: 90%; max-height: 90%;" src="{{$funcionario->foto}}">
                @endif
            </div>

              <div class="col-6">
                <label class="form-label" for="nome_completo">Nome Completo*</label>
                <input type="text" class="form-control" id="nome" name="nome_completo" value="{{$funcionario->nome_completo}}" placeholder="nome completo">
              </div>


              <div class="col-3" id="cpf">
                <label class="form-label" for="cpf">CPF*</label>
                <input type="text" class="form-control" id="cpf" name="cpf" value="{{$funcionario->cpf}}" maxLength="13">
              </div>

              <div class="col-3" id="cnpj">
                <label class="form-label" for="cpf">CNPJ*</label>
                <input type="text" class="form-control" id="cnpj" name="cnpj" maxLength="18" value="{{$funcionario->cnpj}}" onkeyup="mascaraCNPJ(this)">
              </div>

              <div class="col-6" id="razao_social">
                <label class="form-label" for="cpf">Razão Social</label>
                <input type="text" class="form-control" id="razao_social" name="razao_social" value="{{$funcionario->razao_social}}">
              </div>


              <div class="col-3">
                <label class="form-label" for="data_nascimento">Data de Nascimento*</label>
                <input type="date" class="form-control" id="data_nascimento" name="data_nascimento" value="{{date ('Y-m-d', strtotime($funcionario->data_nascimento))}}" placeholder="data_nascimento">
              </div>

              <div class="col-3">
                <label class="form-label" for="ex_prestador">Ex-Prestador*</label>
                <select class="form-select" id="ex_prestador" name="ex_prestador">
                  <option value="1" {{$funcionario->ex_prestador == 1 ? 'selected' : ''}}>Sim</option>
                  <option value="0" {{$funcionario->ex_prestador == 0 ? 'selected' : ''}}>Não</option>
                </select>
              </div>

              <div class="col-3">
                <label class="form-label" for="voluntario">Voluntário</label>
                <select class="form-select" id="voluntario" name="voluntario">
                  <option value="1" {{$funcionario->voluntario == 1 ? 'selected' : ''}}>Sim</option>
                  <option value="0" {{$funcionario->voluntario == 0 ? 'selected' : ''}}>Não</option>
                </select>
              </div>

              <div class="col-3">
                <label class="form-label" for="rg">RG</label>
                <input type="text" class="form-control" id="rg" name="rg" value="{{$funcionario->rg}}" placeholder="rg">
              </div>


              <div class="col-3">
                <label class="form-label" for="estado_emissor">Estado Emissor</label>
                <input type="text" class="form-control" id="estado_emissor" name="estado_emissor" value="{{$funcionario->estado_emissor}}">
              </div>


              <div class="col-3">
                <label class="form-label" for="rg_orgao">Orgão Emissor</label>
                <input type="text" class="form-control" id="rg_orgao" name="orgao_emissor" value="{{$funcionario->orgao_emissor}}" placeholder="Orgão Emissor">
              </div>


              <div class="col-3">
                <label class="form-label" for="sexo">Sexo</label>
                <select class="form-select" id="sexo" name="sexo">
                  <option value="0" {{$funcionario->sexo == 0 ? 'selected' : ''}}>Prefiro não dizer </option>
                  <option value="2" {{$funcionario->sexo == 1 ? 'selected' : ''}}>Feminino</option>
                  <option value="1" {{$funcionario->sexo == 2 ? 'selected' : ''}}>Masculino</option>
                </select>
              </div>

              <div class="col-3">
                <label class="form-label" for="tipo_contrato">Tipo de contrato</label>
                <select class="form-select" name="tipo_contrato" value="{{$funcionario->tipo_contrato}}" id="tipo_contrato">
                  <option value="0" {{$funcionario->tipo_contrato == 0 ? 'selected' : ''}}>Selecione</option>
                  <option value="1" {{$funcionario->tipo_contrato == 1 ? 'selected' : ''}}>CLT</option>
                  <option value="2" {{$funcionario->tipo_contrato == 2 ? 'selected' : ''}}>Prestador de Serviço</option>
                </select>
              </div>


              <div class="col-3">
                <label class="form-label" for="tipo_perfil">Tipo de perfil*</label>
                <select class="form-select" name="tipo_perfil" value="{{$funcionario->tipo_perfil}}" id="tipo_perfil">
                  <option value="0" {{$funcionario->tipo_perfil == 0 ? 'selected' : ''}}>Selecione</option>
                  <option value="1" {{$funcionario->tipo_perfil == 1 ? 'selected' : ''}}>Administrativo</option>
                  <option value="2" {{$funcionario->tipo_perfil == 2 ? 'selected' : ''}}>Professor(a)</option>
                  <option value="3" {{$funcionario->tipo_perfil == 3 ? 'selected' : ''}}>Instrutor(a)</option>
                  <option value="4" {{$funcionario->tipo_perfil == 4 ? 'selected' : ''}}>Instrutor + Coordenador(a)</option>
                  <option value="5" {{$funcionario->tipo_perfil == 5 ? 'selected' : ''}}>Administrativo e Coordenador</option>
                </select>
              </div>


              <!-- <div class="col-3">
                <label class="form-label" for="eleitor">Título de eleitor</label>
                <input type="text" class="form-control" id="eleitor" name="eleitor" value="{{$funcionario->eleitor}}" placeholder="Título de eleitor">
              </div>

              <div class="col-3">
                <label class="form-label" for="zona">Zona</label>
                <input type="text" class="form-control" id="zona" name="zona" value="{{$funcionario->zona}}" placeholder="Zona">
              </div>

              <div class="col-3">
                <label class="form-label" for="secao">Seção</label>
                <input type="text" class="form-control" id="secao" name="secao" value="{{$funcionario->secao}}" placeholder="Seção">
              </div>

              <div class="col-3">
                <label class="form-label" for="orgao">Orgão Emissor</label>
                <input type="text" class="form-control" id="orgao" name="orgao" value="{{$funcionario->orgao}}" placeholder="Orgão Emissor">
              </div> -->


              <div class="col-3">
                <label class="form-label" for="nacionalidade">Nacionalidade</label>
                <input type="text" class="form-control" id="nacionalidade" name="naturalidade" value="{{$funcionario->naturalidade}}" placeholder="Nacionalidade">
              </div>

              <div class="col-3">
                <label class="form-label" for="estado_civil">Estado civil</label>
                <select class="form-select" name="estado_civil" value="{{$funcionario->estado_civil}}" id="estado_civil">
                  <option value="0" {{$funcionario->estado_civil == 0 ? 'selected' : ''}}>Selecione</option>
                  <option value="1" {{$funcionario->estado_civil == 1 ? 'selected' : ''}}>Solteiro(a)</option>
                  <option value="2" {{$funcionario->estado_civil == 2 ? 'selected' : ''}}>Casado(a)</option>
                  <option value="3" {{$funcionario->estado_civil == 3 ? 'selected' : ''}}>Separado(a)</option>
                  <option value="4" {{$funcionario->estado_civil == 4 ? 'selected' : ''}}>Desquitado(a)</option>
                  <option value="5" {{$funcionario->estado_civil == 5 ? 'selected' : ''}}>Divorciado(a)</option>
                  <option value="6" {{$funcionario->estado_civil == 6 ? 'selected' : ''}}>Viuvo(a)</option>
                  <option value="7" {{$funcionario->estado_civil == 7 ? 'selected' : ''}}>União Estável</option>
                </select>
              </div>

              <div class="col-3">
                <label class="form-label" for="estado_nascimento">Estado de Nascimento</label>
                <select class="form-select estado" id="estado" name="estado_nascimento">
                    <option value="">Selecione o estado</option>
                </select>
            </div>
            <div class="col-3">
                <label class="form-label" for="cidade_nascimento">Cidade de Nascimento</label>
                <select class="form-select cidade" id="cidade" name="cidade_nascimento">
                    <option value="">Selecione a cidade</option>
                </select>
            </div>




             <div class="col-3">
                <label class="form-label" for="escolaridade">Escolaridade</label>
                <input type="text" class="form-control" id="escolaridade" name="escolaridade" value="{{$funcionario->escolaridade}}" placeholder="Escolaridade">
              </div>

              <div class="col-3">
                <label class="form-label" for="formacao">Formação</label>
                <input type="text" class="form-control" id="formacao" name="formacao" value="{{$funcionario->formacao}}" placeholder="Formação">
              </div>

               <!-- <div class="col-3">
                <label class="form-label" for="registro_profissional">Registro profissional*</label>
                <input type="text" class="form-control" id="registro_profissional" name="registro_profissional" value="{{$funcionario->registro_profissional}}"  placeholder="Registro profissional">
              </div> -->

              <div class="col-2">
                <label class="form-label" for="situacao">Situação</label>
                <select class="form-select" name="situacao" value="{{$funcionario->situacao}}" id="situacao">
                  <option value="0" {{$funcionario->situacao == 0 ? 'selected' : ''}}>Selecione</option>
                  <option value="1" {{$funcionario->situacao == 1 ? 'selected' : ''}}>Ativo</option>
                  <option value="2" {{$funcionario->situacao == 2 ? 'selected' : ''}}>Inativo</option>
                </select>
              </div>
              <div class="col-5">
                <label class="form-label" for="foto">Alterar Foto*</label>
                <input type="file" class="form-control" id="foto" name="foto" value="{{$funcionario->foto}}" placeholder="foto">
              </div>

              <hr>
              <h3>Endereço</h3>

              <div class="col-3">
                <label class="form-label" for="cep">CEP*</label>
                <input type="text" class="form-control" id="nome" name="endereco_cep" value="{{$funcionario->endereco_cep}}" placeholder="CEP">
              </div>

              <div class="col-7">
                <label class="form-label" for="endereco">Endereço*</label>
                <input type="text" class="form-control" id="nome" name="endereco" value="{{$funcionario->endereco}}" placeholder="Endereço">
              </div>

              <div class="col-2">
                <label class="form-label" for="numero">Número*</label>
                <input type="text" class="form-control" id="nome" name="numero_endereco" value="{{$funcionario->numero_endereco}}" placeholder="Número">
              </div>

              <div class="col-3">
                <label class="form-label" for="complemento">Complemento</label>
                <input type="text" class="form-control" id="nome" name="complemento_endereco" value="{{$funcionario->complemento_endereco}}" placeholder="Complemento">
              </div>

              <div class="col-3">
                <label class="form-label" for="bairro">Bairro*</label>
                <input type="text" class="form-control" id="nome" name="bairro_endereco" value="{{$funcionario->bairro_endereco}}" placeholder="Bairro">
              </div>

              <div class="col-3">
                <label class="form-label" for="estado">Estado*</label>
                <input type="text" class="form-control" id="nome" name="estado_endereco" value="{{$funcionario->estado_endereco}}" placeholder="Estado">
              </div>

              <div class="col-3">
                <label class="form-label" for="cidade">Cidade*</label>
                <input type="text" class="form-control" id="nome" name="cidade_endereco" value="{{$funcionario->cidade_endereco}}" placeholder="Cidade">
              </div>
              <!-- <div class="col-12">
                <label class="form-label" for="">Endereco</label>
                <input type="text" class="form-control" id="nome" name="endereco" value="{{$funcionario->endereco}}" placeholder="endereco">
              </div> -->

              <hr>
              <h3>Informações Complementares</h3>
              <div class="col-3">
                <label class="form-label" for="telefone">Telefone</label>
                <input type="tel" class="form-control" id="telefone" name="telefone" value="{{$funcionario->telefone}}" placeholder="telefone" maxlength="14">
              </div>
              <div class="col-3">
                <label class="form-label" for="celular">Celular*</label>
                <input type="tel" class="form-control" id="celular" name="celular" value="{{$funcionario->celular}}" placeholder="celular" maxlength="15">
              </div>
              <div class="col-6">
                <label class="form-label" for="email_pessoal">E-mail Pessoal</label>
                <input type="email" class="form-control" id="email_pessoal" name="email_pessoal" value="{{$funcionario->email_pessoal}}" placeholder="E-mail">
              </div>

              <div class="col-8">
                <label class="form-label" for="conjuge">Cônjuge</label>
                <input type="text" class="form-control" id="conjuge" name="conjuge" value="{{$funcionario->conjuge}}" placeholder="nome completo">
              </div>

              <div class="col-4">
                <label class="form-label" for="filhos">Nº de Filhos</label>
                <input type="text" class="form-control" id="numero_filhos" name="numero_filhos" value="{{$funcionario->numero_filhos}}" placeholder="Nº de filhos">
              </div>



              <div class="col-6">
                <label class="form-label" for="email_profissional">E-mail profissional*</label>
                <input type="email" class="form-control" id="email_profissional" name="email_profissional" value="{{$funcionario->email_profissional}}" placeholder="E-mail">
              </div>

              <div class="col-3">
                <label class="form-label" for="senha">Senha*</label>
                <input type="password" class="form-control" id="senha" name="senha" value="{{$funcionario->senha}}" placeholder="senha">
              </div>

              <div class="col-3">
                <label class="form-label" for="confirmar_senha">Confirmar Senha*</label>
                <input type="password" class="form-control" id="confirmar_senha" name="confirmar_senha" value="{{$funcionario->confirmar_senha}}" placeholder="Confirmar Senha">
              </div>

              <hr>
              <!-- <h3>Informações Trabalhista</h3>

              <div class="col-4">
                <label class="form-label" for="numero_ctps">Nº da CTPS*</label>
                <input type="text" class="form-control" id="numero_ctps" name="numero_ctps" value="{{$funcionario->numero_ctps}}"  placeholder="Nº da CTPS">
              </div>

              <div class="col-4">
                <label class="form-label" for="serie_ctps">Série da CTPS*</label>
                <input type="text" class="form-control" id="serie_ctps" name="serie_ctps" value="{{$funcionario->serie_ctps}}"  placeholder="Série da CTPS">
              </div>

              <div class="col-4">
                <label class="form-label" for="pis_pasep">PIS / PASEP*</label>
                <input type="text" class="form-control" id="pis_pasep" name="pis_pasep" value="{{$funcionario->pis_pasep}}"  placeholder="PIS / PASEP">
              </div>

              <hr>
              <h3>Registro Médico</h3>

              <div class="col-6">
                <label class="form-label" for="nome_convenio">Nome do Convênio Médico</label>
                <input type="text" class="form-control" id="nome_convenio" name="nome_convenio" value="{{$funcionario->nome_convenio}}" placeholder="Nome do Convênio Médico">
              </div>

              <div class="col-6">
                <label class="form-label" for="numero_carteira_convenio_medico">Nº do Convênio Médico</label>
                <input type="text" class="form-control" id="numero_carteira_convenio" name="numero_carteira_convenio" value="{{$funcionario->numero_carteira_convenio_medico}}" placeholder="Nº do Convênio Médico">
              </div> -->

              <hr>
              <h3>Informações de Contrato</h3>

              <div class="col-4">
                <label class="form-label" for="cargo">Cargo*</label>
                <input type="text" class="form-control" id="cargo" name="cargo" value="{{$funcionario->cargo}}" placeholder="Cargo">
              </div>

              <div class="col-4">
                <label class="form-label" for="data_admissao">Data de Admissão*</label>
                <input type="date" class="form-control" id="data_admissao" name="data_admissao" value="{{date ('Y-m-d', strtotime($funcionario->data_admissao))}}">
              </div>

              <div class="col-4">
                <label class="form-label" for="data_demissao">Data de Demissão</label>
                <input type="date" class="form-control" id="data_demissao" name="data_demissao" value="{{ ($funcionario->data_demissao && date('Y-m-d', strtotime($funcionario->data_demissao)) != '1969-12-31') ? date('Y-m-d', strtotime($funcionario->data_demissao)) : '' }}">
            </div>




              <div class="col-4">
                <label class="form-label" for="qtde_aulas_semanais">Qtde. Aulas Semanais</label>
                <input type="text" class="form-control" id="quantidade_aulas_semanais" name="quantidade_aulas_semanais" value="{{$funcionario->quantidade_aulas_semanais}}">
              </div>

              <hr>

              <div class="col-12">
                <label class="form-label" for="observacoes">Observações</label>
                <input type="text" class="form-control" id="observacoes" name="observacoes" value="{{$funcionario->observacoes}}">
              </div>

            </div>
            <center> <a type="submit">
                <button type="submit" class="btn btn-primary m-1">
                  <i class="fa fa-fw fa-user-plus opacity-50 me-1"></i> Salvar Prestador
                </button> </a>
            </center>

          </form>
          <!-- END Form Inline - Alternative Style -->
        </div>
      </div>
      <!-- END Inline Layout -->



    </div>
  </div>
  <!-- END Elements -->
</div>
{{-- Pra quem não tem permissão de visualizar essa página aparecerá a mensagem abaixo --}}
@else

<center>
  <br>
  <div class="alert alert-danger" role="alert">
    Você não tem permissão pra visualizar essa página!
  </div>
</center>

@endcan


<script>
    function inicializarEstados() {
        $.ajax({
            url: 'https://servicodados.ibge.gov.br/api/v1/localidades/estados',
            method: 'GET',
            contentType: 'application/json',
        }).done(function(data) {
            data.forEach(function(estado) {
                $('#estado').append($('<option>', {
                    value: estado.id,
                    text: estado.nome
                }));
            });
        }).fail(function() {
            alert('Erro ao buscar os estados.');
        });
    }

    function carregarCidades(estadoId) {
        $('#cidade').empty().append('<option value="">Selecione a cidade</option>'); // Limpar as cidades
        $.ajax({
            url: 'https://servicodados.ibge.gov.br/api/v1/localidades/estados/' + estadoId + '/municipios',
            method: 'GET',
            contentType: 'application/json',
        }).done(function(data) {
            data.forEach(function(cidade) {
                $('#cidade').append($('<option>', {
                    value: cidade.id,
                    text: cidade.nome
                }));
            });
        }).fail(function() {
            alert('Erro ao buscar as cidades.');
        });
    }

    $(document).ready(function() {
        inicializarEstados();

        // Preencher o estado e a cidade selecionada ao carregar a página
        if ("{{$funcionario->estado_nascimento}}") {
            $.ajax({
                url: 'https://servicodados.ibge.gov.br/api/v1/localidades/estados/{{$funcionario->estado_nascimento}}',
                method: 'GET',
                contentType: 'application/json',
            }).done(function(data) {
                $('#estado').append($('<option>', {
                    value: data.id,
                    text: data.nome,
                    selected: true
                }));
                carregarCidades(data.id); // Carregar cidades após selecionar o estado
            }).fail(function() {
                alert('Erro ao buscar o estado com ID {{$funcionario->estado_nascimento}}');
            });
        }

        $('#estado').change(function() {
            var estadoId = $(this).val();
            if (estadoId) {
                carregarCidades(estadoId);
            }
        });

        if ("{{$funcionario->cidade_nascimento}}") {
            $.ajax({
                url: 'https://servicodados.ibge.gov.br/api/v1/localidades/municipios/{{$funcionario->cidade_nascimento}}',
                method: 'GET',
                contentType: 'application/json',
            }).done(function(data) {
                $('#cidade').append($('<option>', {
                    value: data.id,
                    text: data.nome,
                    selected: true
                }));
            }).fail(function() {
                alert('Erro ao buscar a cidade com ID {{$funcionario->cidade_nascimento}}');
            });
        }
    });
    </script>

<script>
  //busca cep
  $(document).ready(function() {
    $("input[name=cep]").blur(function() {
      var cep = $(this).val().replace(/[^0-9]/, '');
      if (cep) {
        var url = 'https://viacep.com.br/ws/' + cep + '/json/';
        $.ajax({
          url: url,
          dataType: 'jsonp',
          crossDomain: true,
          contentType: "application/json",
          success: function(json) {
            if (json.logradouro) {
              $("input[name=endereco]").val(json.logradouro);
              $("input[name=bairro]").val(json.bairro);
              $("input[name=cidade]").val(json.localidade);
              $("input[name=estado]").val(json.uf);
            }
          }
        });
      }
    });
  });

  //telefone
  function mascara(o, f) {
    v_obj = o
    v_fun = f
    setTimeout("execmascara()", 1)
  }

  function execmascara() {
    v_obj.value = v_fun(v_obj.value)
  }

  function mtel(v) {
    v = v.replace(/\D/g, ""); //Remove tudo o que não é dígito
    v = v.replace(/^(\d{2})(\d)/g, "($1) $2"); //Coloca parênteses em volta dos dois primeiros dígitos
    v = v.replace(/(\d)(\d{4})$/, "$1-$2"); //Coloca hífen entre o quarto e o quinto dígitos
    return v;
  }

  function id(el) {
    return document.getElementById(el);
  }
  window.onload = function() {
    id('telefone').onkeyup = function() {
      mascara(this, mtel);
    }
    id('celular').onkeyup = function() {
      mascara(this, mtel);
    }
  }


//   Máscara CNPJ
function mascaraCNPJ(cnpj) {
  cnpj.value = cnpj.value.replace(/\D/g, ''); // remove caracteres não numéricos
  cnpj.value = cnpj.value.replace(/^(\d{2})(\d)/, '$1.$2'); // insere ponto após os dois primeiros dígitos
  cnpj.value = cnpj.value.replace(/^(\d{2})\.(\d{3})(\d)/, '$1.$2.$3'); // insere ponto após os próximos três dígitos
  cnpj.value = cnpj.value.replace(/\.(\d{3})(\d)/, '.$1/$2'); // insere barra após os próximos três dígitos
  cnpj.value = cnpj.value.replace(/(\d{4})(\d)/, '$1-$2'); // insere hífen após os próximos quatro dígitos
}


  //cpf
  const cpfInput = document.querySelector("#cpf");

  cpfInput.addEventListener("input", function(event) {
    let x = event.target.value.replace(/\D/g, "");
    let y = x.slice(0, 3) + "." + x.slice(3, 6) + "." + x.slice(6, 9) + "-" + x.slice(10);

    if (x.length > 11) {
      event.target.value = y;
    }
  });

  // //cnpj
  const cnpjInput = document.querySelector("#cnpj");

  cpfInput.addEventListener("input", function(event) {
    let x = event.target.value.replace(/\D/g, "");
    let y = x.slice(0, 2) + "." + x.slice(2, 5) + "." + x.slice(5, 8) + "/" + x.slice(8, 12) + "-" + x.slice(13);

    if (x.length > 14) {
      event.target.value = y;
    }
  });

  //selecionar cpf ou cnpj
  function showInput(inputNumber) {
    if (inputNumber == 0) {
      document.getElementById("cpf").style.display = "block";
      document.getElementById("cnpj").style.display = "none";
    } else if (inputNumber == 1) {
      document.getElementById("cpf").style.display = "none";
      document.getElementById("cnpj").style.display = "block";
    }
  }

  //mascara RG
  function mascaraRG(valor) {
    valor = valor.replace(/[^\da-z]/g, ""); // remove todos os caracteres que não são números ou letras
    valor = valor.replace(/^(\d{2})(\d{3})(\d{3})(\w{1})$/, "$1.$2.$3-$4"); // adiciona a máscara, permitindo uma letra no final
    return valor;
 }
</script>

@endsection