<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Threat Model Risk - Login</title>
<link rel="shortcut icon" type="image/x-icon" href="/static/favicon.ico">
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="/static/css/styles.css">
</head>
<body>
<div class="container-fluid maincontainer">
<div class="row h-100">
<div class="col-md-6 left-side d-flex align-items-center position-relative"
style="background-image: url('/static/image/bg_image.png'); background-size: 150% auto;">
<div class="row">
<div class="col-sm-12 top-image">
<img src="/static/image/logo.png" alt="Top Image">
</div>
<div class="col-sm-12 content text-center text-white w-100">
<h1><span class="bold">CYBER</span><br><span class="normal">Architecture</span></h1>
<p>Security Governance Tool for Security Architecture, Risk Assessment, Threat Modelling
</p>
</div>
</div>
</div>
<div class="col-md-6 right-side d-flex align-items-center"
style="background-image: url('/static/image/bg2_image.png'); background-color: #FFF0EF;">
<div class="login-conta iner mx-5">
<h2 class="text-left font-weight-bold" style="color: #E02D24;">Welcome Back!</h2>
<p class="pag">To keep connected with us please login with your personal info</p>
<form method="post" id="loginForm">
<input type="hidden" name="csrfmiddlewaretoken" value="v5K5Qo4lVssDNJ6KzfntOmq00UBj7Puwpqd4fHjn28LIuvn25900njrN5x7SKRL5">
<div class="form-group">
<label for="email">Email Address</label>
<div class="input-group">
<input type="email" class="form-control" id="id_email" placeholder="Enter email" name="username" value="" required>
<img src="/static/image/email.png" alt="Email Icon" class="toggle-password">
</div>
</div>
<div class="form-group">
<label for="password">Password</label>
<div class="input-group">
<input type="password" class="form-control" id="id_password" placeholder="Password" name="password" value="" required>
<img src="/static/image/eye.png" alt="Toggle Password" class="toggle-password"
onclick="togglePasswordVisibility()">
</div>
</div>
<div class="form-check d-flex justify-content-between align-items-center mb-4">
<div>
<input type="checkbox" class="form-check-input" id="id_remember_me" name="remember_me">
<label class="form-check-label" for="id_remember_me">Remember Me</label>
</div>
<a href="/password_reset/" class="forgot-password"
style="color: #E02D24;">Forgot Password?</a>
</div>
<button type="submit" class="btn btn-block" style="text-decoration: none;">Login</button>
</form>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.3/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/js-sha256@0.9.0/build/sha256.min.js"></script>
<script>
function togglePasswordVisibility() {
var passwordInput = document.getElementById('id_password');
passwordInput.type = passwordInput.type === 'password' ? 'text' : 'password';
}
document.addEventListener('DOMContentLoaded', function () {
// Check if there is stored login data in localStorage
if (localStorage.getItem('email') && localStorage.getItem('hashed_password')) {
document.getElementById('id_username').value = localStorage.getItem('email');
document.getElementById('id_password').value = '********'; // Placeholder for the hashed password
const rememberMe = localStorage.getItem('remember_me') === 'true';
document.getElementById('id_remember_me').checked = rememberMe;
}
document.getElementById('loginForm').addEventListener('submit', function (event) {
// Get form data
const email = document.getElementById('id_username').value;
const password = document.getElementById('id_password').value;
const rememberMe = document.getElementById('id_remember_me').checked;
if (rememberMe) {
// Store the email and hashed password in localStorage
localStorage.setItem('email', email);
localStorage.setItem('remember_me', rememberMe);
localStorage.setItem('hashed_password', sha256(password));
} else {
// Remove stored login data
localStorage.removeItem('email');
localStorage.removeItem('hashed_password');
localStorage.removeItem('remember_me');
}
});
});
</script>
</body>
</html>