<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>CleanEmailX v1.58 by https://alanvanlikes.com/CleanEmailX </title>
  <link rel="stylesheet" href="style.css">
  <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/toastify-js/src/toastify.min.css">
  <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/toastify-js"></script>
</head>
<body>
  <div class="container">
    <div class="domain-counter">
      <a href="#" id="showDisposableDomains">
        Disposable Domains: <span id="domainCount">0</span>
      </a>
    </div>
    <h1>CleanEmailX</h1>
    
    <div class="upload-section">
      <label for="txtFile" class="file-label">
        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor">
          <path d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"></path>
          <polyline points="13 2 13 9 20 9"></polyline>
        </svg>
        Select TXT File
      </label>
      <input type="file" id="txtFile" accept=".txt" class="file-input">
      <div class="spinner" id="loadingSpinner"></div>
      <a href="#" id="checkAgainLink" class="check-again-link" style="display: none;">Check Again</a>
    </div>

    <div class="progress-container" id="progressContainer">
      <progress class="progress-bar" id="progressBar" value="0" max="100"></progress>
      <div class="progress-text" id="progressText">0%</div>
    </div>

    <div class="info-box" id="infoBox">
      <button class="toggle-info" id="toggleInfo">
        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
          <path d="M18 15l-6-6-6 6"/>
        </svg>
      </button>
      <p>The TXT file should contain one email per line.</p>
      <p>Example:<br>email1@domain.com<br>email2@domain.com<br>email3@domain.com</p>
      <p id="basicLimitInfo" style="color: #0277bd;">Note: Only the first 1,000 emails in your .txt file will be scanned.</p>
    </div>

    <div class="results-container">
      <div class="result-box">
        <h3>All Emails</h3>
        <select id="allEmails" multiple></select>
        <div class="stats" id="allStats">Total: 0</div>
      </div>

      <div class="result-box">
        <h3>Duplicate Emails</h3>
        <select id="duplicateEmails" multiple></select>
        <div class="stats" id="duplicateStats">Total: 0</div>
      </div>

      <div class="result-box" id="blacklistedBox" style="display: none;">
        <h3>Blacklisted Emails</h3>
        <select id="blacklistedEmails" multiple></select>
        <div class="stats" id="blacklistedStats">Total: 0</div>
      </div>

      <div class="result-box">
        <h3>Invalid Emails</h3>
        <select id="invalidEmails" multiple></select>
        <div class="stats" id="invalidStats">Total: 0</div>
      </div>

      <div class="result-box">
        <h3>Disposable Emails</h3>
        <select id="disposableEmails" multiple></select>
        <div class="stats" id="disposableStats">Total: 0</div>
      </div>

      <div class="result-box">
        <h3>Valid Emails</h3>
        <select id="validEmails" multiple></select>
        <div class="stats" id="validStats">Total: 0</div>
      </div>
    </div>

    <div class="actions">
      <button id="downloadValid" class="button">
        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor">
          <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path>
          <polyline points="7 10 12 15 17 10"></polyline>
          <line x1="12" y1="15" x2="12" y2="3"></line>
        </svg>
        Download Valid
      </button>
    </div>
  </div>

  <script>
    if (window.process && process.versions['electron']) {
      window.electron = {
        openExternal: (url) => {
          window.electron.send('open-external-url', url);
        }
      };
    }
  </script>
  <script type="module" src="js/main.js"></script>
  <script>
    document.getElementById('checkAgainLink').addEventListener('click', handleCheckAgain);
  </script>
</body>
</html>