document.addEventListener("DOMContentLoaded", function() {
    const dataNascimentoInput = document.getElementById('dataNascimento');
  
    dataNascimentoInput.addEventListener('input', function (e) {
      const inputValue = e.target.value;
      const formattedValue = inputValue.replace(/\D/g, ''); // Remove todos os não dígitos (exceto números)
      
      if (formattedValue.length > 1 && formattedValue.length <= 4) {
        // Adicione as barras automaticamente para formatar como "DD/MM/AAAA"
        e.target.value = formattedValue.replace(/(\d{2})(\d{2})(\d{0,4})/, '$1/$2/$3');
      }
    });
  });

  function validarNomeSobrenome() {
    const nomeCompleto = document.getElementById('nome').value;
    const nomeSobrenome = nomeCompleto.trim().split(' ');
  
    if (nomeSobrenome.length >= 2) {
      return true; // Nome e sobrenome presentes
    } else {
      alert('Por favor, insira um nome e um sobrenome na primeira caixa de texto.');
      return false; // Nome e sobrenome não estão presentes
    }
  }

  function validateForm() {
    var nome = document.getElementById("nome").value;
    var username = document.getElementById("username").value;
    var email = document.getElementById("email").value;
    var senha = document.getElementById("senha").value;
    var dataNascimento = document.getElementById("dataNascimento").value;

    // Verificar se todos os campos estão preenchidos
    if (nome === "" || username === "" || email === "" || senha === "" || dataNascimento === "") {
        alert("Por favor, preencha todos os campos.");
        return false;
    }

    // Verificar idade (deve ser maior ou igual a 18 anos)
    if (!isValidAge(dataNascimento)) {
        alert("Você deve ter pelo menos 18 anos para se cadastrar.");
        return false;
    }

    // Outras verificações de validação podem ser adicionadas aqui

    // Se todas as validações passarem, o formulário é enviado
    return true;
}

function isValidAge(dateOfBirth) {
    // Converter a data de nascimento para um objeto de data
    var partes = dateOfBirth.split('/');
    var dia = parseInt(partes[0]);
    var mes = parseInt(partes[1]) - 1; // Mês começa do zero no JavaScript
    var ano = parseInt(partes[2]);
    var dataNascimento = new Date(ano, mes, dia);

    // Obter a data atual
    var dataAtual = new Date();

    // Calcular a idade
    var idade = dataAtual.getFullYear() - dataNascimento.getFullYear();
    var mesAtual = dataAtual.getMonth();
    var diaAtual = dataAtual.getDate();

    // Verificar se o aniversário já ocorreu este ano
    if (mesAtual < mes || (mesAtual === mes && diaAtual < dia)) {
        idade--;
    }

    // Verificar se a idade é maior ou igual a 18
    return idade >= 18;
}

function togglePasswordVisibility() {
    var passwordInput = document.getElementById('senha');
    var showPasswordIcon = document.getElementById('showPassword');

    if (passwordInput.type === 'password') {
        passwordInput.type = 'text';
        showPasswordIcon.classList.remove('fa-eye');
        showPasswordIcon.classList.add('fa-eye-slash');
    } else {
        passwordInput.type = 'password';
        showPasswordIcon.classList.remove('fa-eye-slash');
        showPasswordIcon.classList.add('fa-eye');
    }
}

function togglePasswordVisibility() {
  var senhaInput = document.getElementById("senha");
  var eyeIcon = document.getElementById("eye-icon");

  if (senhaInput.type === "password") {
      senhaInput.type = "text";
      eyeIcon.classList.remove("fa-eye");
      eyeIcon.classList.add("fa-eye-slash");
  } else {
      senhaInput.type = "password";
      eyeIcon.classList.remove("fa-eye-slash");
      eyeIcon.classList.add("fa-eye");
  }
}

document.addEventListener("DOMContentLoaded", function() {
  document.getElementById("username").addEventListener("input", clearUsernameError);
});

function validarNomeSobrenome() {
  var usernameInput = document.getElementById("username");
  var usernameValue = usernameInput.value;

  // Use uma expressão regular para verificar se o nome de usuário contém apenas letras maiúsculas, letras minúsculas e números
  var pattern = /^[a-zA-Z0-9]+$/;

  if (!pattern.test(usernameValue)) {
      // Exiba uma mensagem de erro ou realize alguma ação para lidar com nomes de usuário inválidos
      alert("O nome de usuário não pode conter caracteres especiais, acentos ou espaços.");
      usernameInput.value = usernameValue.replace(/[^a-zA-Z0-9]/g, '');
      return false; // Impede o envio do formulário
  }
  
  // Se a validação for bem-sucedida, continue com o envio do formulário
  return true;
}

function clearUsernameError() {
  // Limpar erros de validação quando o usuário começa a digitar novamente
  var usernameInput = document.getElementById("username");
  var usernameValue = usernameInput.value;
  var pattern = /^[a-zA-Z0-9]+$/;

  if (pattern.test(usernameValue)) {
      // Limpar mensagem de erro
      // Você pode adicionar código aqui para remover qualquer mensagem de erro anterior, se houver
  }
}