ProCap-Extension/procap.html at main · procapwtf/ProCap-Extension · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<!DOCTYPE html>
<html lang="en">
<head>

  <meta charset="UTF-8">
  <title>ProCap Extension</title>
  <link rel="stylesheet" href="styles.css">
</head>
<body>
  <div class="container">
    <div id="login-section" class="hidden">
      <h2>Enter your API key</h2>
      <input type="text" id="apikey-input" placeholder="API Key">
      <button id="save-apikey">Login</button>
    </div>

    <div id="main-section" class="hidden">
      <div class="tabs">
        <button class="tab" data-tab="account">Account</button>
        <button class="tab" data-tab="dashboard">Dashboard</button>
        <button class="tab" data-tab="topup">Top Up</button>
      </div>

      <div id="account-tab" class="tab-content hidden">
        <h2>Account Info</h2>
        <div id="account-info">Loading...</div>
        <button id="go-dashboard">Go to Dashboard</button>
      </div>

      <div id="dashboard-tab" class="tab-content hidden">
        <h2>Dashboard</h2>
        <button id="open-dashboard">Open Dashboard</button>
      </div>

      <div id="topup-tab" class="tab-content hidden">
        <h2>Top Up</h2>
        <input type="number" id="topup-amount" placeholder="Amount in $" />
        <button id="topup-button">Create Invoice</button>
      </div>
      <div class="toggle-container">
        <label class="toggle-label">
          <input type="checkbox" id="toggle-funcaptcha">
          <span class="slider"></span>
          Solve Funcaptcha
        </label>
      </div>


    </div>
  </div>

  <script src="script.js"></script>
  <script src="funcaptcha.js"></script>
</body>
</html>