<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Key Generator</title>
  <link rel="stylesheet" href="/styles.css">
  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">
</head>
<body>
  <div class="container">
    <h1>Key Generator</h1>
    <p>Your generated key is:</p>
    <div class="key" id="key" data-key="${newKey}">
      <i class="fas fa-lock lock-icon"></i> <!-- Ícone de cadeado -->
      ${newKey}
    </div>
    <button class="copy-button" id="copyButton">Copy Key</button>
    <div id="copySuccess" class="copy-success hidden"> </div>
  </div>

  <footer>
    <p>© 2024 KeyMate. All rights reserved.</p>
  </footer>

  <script>
    // Função para remover o parâmetro de acesso da URL
    // Função para remover o parâmetro "access" da URL
  function removeAccessParamFromUrl() {
    const url = new URL(window.location.href); // Obtém a URL atual
    url.searchParams.delete('access'); // Remove o parâmetro 'access'
    
    // Atualiza a URL sem recarregar a página
    window.history.replaceState({}, document.title, url.toString());
  }

    removeAccessParamFromUrl();

    function copyToClipboard() {
      const keyElement = document.getElementById('key');
      const keyText = keyElement.getAttribute('data-key'); // Pegue somente a chave
      const copyButton = document.getElementById('copyButton');
      const copySuccess = document.getElementById('copySuccess');

      if (navigator.clipboard) {
        navigator.clipboard.writeText(keyText)
          .then(() => {
            copyButton.textContent = 'Copied Key!';
            copySuccess.classList.remove('hidden');
            setTimeout(() => {
              copyButton.textContent = 'Copy Key';
              copySuccess.classList.add('hidden');
            }, 2000); // Restaura o estado do botão após 2 segundos
          })
          .catch(err => {
            console.error('Could not copy text:', err);
          });
      } else {
        // Fallback para navegadores antigos
        const textArea = document.createElement('textarea');
        textArea.value = keyText;
        document.body.appendChild(textArea);
        textArea.select();
        try {
          document.execCommand('copy');
          copyButton.textContent = 'Copied Key!';
          copySuccess.classList.remove('hidden');
          setTimeout(() => {
            copyButton.textContent = 'Copy Key';
            copySuccess.classList.add('hidden');
          }, 2000);
        } catch (err) {
          console.error('Could not copy text:', err);
        }
        document.body.removeChild(textArea);
      }
    }

    document.getElementById('copyButton').addEventListener('click', copyToClipboard);
  </script>
</body>
</html>