| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8" /> |
| <meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
| <title>WhatsApp Bot Panel</title> |
| <link rel="stylesheet" href="./style.css" /> |
| </head> |
| <body> |
| <div id="login-screen"> |
| <h1>Login</h1> |
| <input id="username" placeholder="Username" /> |
| <input id="password" type="password" placeholder="Password" /> |
| <button id="login-btn">Login</button> |
| <div id="login-message"></div> |
| </div> |
|
|
| <div id="panel" style="display: none;"> |
| <h1>Bot Panel</h1> |
| <div> |
| <label>Your User ID: <span id="userId-display"></span></label> |
| <button id="start-btn">Start Session</button> |
| </div> |
| <div id="chat-container" style="display: none;"> |
| <div id="messages" style="border: 1px solid #ccc; height: 300px; overflow-y: scroll;"></div> |
| <input id="input" placeholder="Type command or bot input..." /> |
| <button id="send-btn">Send</button> |
| </div> |
| <div id="admin-panel" style="display: none;"> |
| <h2>Admin Controls</h2> |
| <button id="get-users-btn">Get All Users</button> |
| <div id="user-list"></div> |
| <button id="get-banned-btn">Get Banned List</button> |
| <div id="banned-list"></div> |
| </div> |
| </div> |
|
|
| <script src="https://cdn.socket.io/4.7.2/socket.io.min.js"></script> |
| <script src="./script.js"></script> |
| </body> |
| </html> |
