| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>Login - NETRA</title> |
| <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}"> |
| <link rel="stylesheet" href="{{ url_for('static', filename='css/dark-theme.css') }}"> |
| </head> |
| <body> |
| <div class="container"> |
| <div class="auth-box"> |
| |
| <div class="logo-container"> |
| <span class="brand-icon-large">👁️</span> |
| </div> |
| |
| <h1 class="app-title">NETRA</h1> |
| <p class="app-subtitle">AI-Powered Video Surveillance & Analysis</p> |
| |
| |
| <div class="tab-buttons"> |
| <button class="tab-btn active" onclick="showTab('login', this)">Login</button> |
| <button class="tab-btn" onclick="showTab('register', this)">Sign Up</button> |
| </div> |
| |
| |
| <div id="login-tab" class="tab-content active"> |
| <form id="login-form" onsubmit="handleLogin(event)"> |
| <div class="form-group"> |
| <label for="login-username">Username</label> |
| <input type="text" id="login-username" name="username" required> |
| </div> |
| <div class="form-group"> |
| <label for="login-password">Password</label> |
| <input type="password" id="login-password" name="password" required> |
| </div> |
| <button type="submit" class="btn btn-primary">Login</button> |
| </form> |
| </div> |
| |
| |
| <div id="register-tab" class="tab-content"> |
| <form id="register-form" onsubmit="handleRegister(event)"> |
| <div class="form-group"> |
| <label for="register-username">Username</label> |
| <input type="text" id="register-username" name="username" required> |
| </div> |
| <div class="form-group"> |
| <label for="register-email">Email</label> |
| <input type="email" id="register-email" name="email" required> |
| </div> |
| <div class="form-group"> |
| <label for="register-password">Password</label> |
| <input type="password" id="register-password" name="password" required minlength="6"> |
| </div> |
| <div class="form-group"> |
| <label for="register-confirm-password">Confirm Password</label> |
| <input type="password" id="register-confirm-password" name="confirm_password" required minlength="6"> |
| </div> |
| <button type="submit" class="btn btn-primary">Sign Up</button> |
| </form> |
| </div> |
| |
| |
| <div id="message" class="message"></div> |
| |
| |
| <div class="back-link"> |
| <a href="{{ url_for('home') }}">← Back to Home</a> |
| </div> |
| </div> |
| </div> |
| |
| <script src="{{ url_for('static', filename='js/auth.js') }}"></script> |
| </body> |
| </html> |
|
|
